推薦多款好看的報(bào)表表單配色方案

2023年12月6日發(fā)(作者：記事作文300字)

-

推薦多款好看的報(bào)表表單配色方案

目前發(fā)現(xiàn)，大家大部分心思都是花在開發(fā)上面，對(duì)配色方面不會(huì)花太多時(shí)間精力，可能大家也不知道怎么調(diào)好看，所以一般就隨意弄點(diǎn)顏

色，讓報(bào)表不至于簡(jiǎn)陋，甚至直接就不給配色了。沒(méi)有做美工的報(bào)表一般不會(huì)讓人厭惡，但總是差強(qiáng)人意，而好的配色總能讓領(lǐng)導(dǎo)眼前一

亮，讓報(bào)表得到額外加分。

為了方便大家日后給報(bào)表做配色方案，這里我列舉幾個(gè)配色方案，方便大家日后的報(bào)表開發(fā)，讓大家辛苦做出來(lái)的報(bào)表得到更高的分值。

（配上各個(gè)報(bào)表配色方案的 十六進(jìn)制顏色碼 和 RGB顏色值 ）

方案1（科技感1）：

頁(yè)面背景：34405A（52,64,90）

字體樣式：微軟雅黑

標(biāo)題背景：36507E（54,80,126）

標(biāo)題字體：FFFFFF（255,255,255）

背景1：222C44（34,44,68）

字體1：FFFFFF（255,255,255）

背景2：222C44（34,44,68）

字體2：FFFFFF（255,255,255）

背景3：263856（245,245,245）

字體3：FFFFFF（255,255,255）

邊框：無(wú)

方案2（科技感2）：

頁(yè)面背景：364662（54,70,98）

字體樣式：微軟雅黑

背景1：587AB3（88,122,179）

字體1：FFFFFF（255,255,255）

背景2：587AB3（88,122,179）

字體2：FFFFFF（255,255,255）

背景3：445E89（68,94,137）

字體3：9DB5DB（157,181,219）

背景4：3C5276（60,82,118）

字體4：9DB5DB（157,181,219）

邊框：無(wú)

方案3（淡藍(lán)+淡灰）：

頁(yè)面背景：F7FAFD（247,250,253）

字體樣式：微軟雅黑

標(biāo)題背景：E2E9F5（226,233,245）

標(biāo)題字體：459DBF（69,157,191）

背景2：F3F3F3（243,243,243）

字體2：656565（101,101,101）

背景3：FFFFFF（255,255,255）

字體3：656565（101,101,101）

邊框：A7A7A7（167,167,167）方案4（淡藍(lán)）：

頁(yè)面背景：F7FAFD（247,250,253）

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：026392（2,99,146）

背景1：C6DAF2（198,218,242）

字體1：3E4A5B（62,74,91）

背景2：EAF6F6（234,246,246）

字體2：3E4A5B（62,74,91）

背景3：F5F8FD（245,248,253）

字體3：3E4A5B（62,74,91）

邊框：FFFFFF（255,255,255）方案5（淡藍(lán)+淡紫）：

頁(yè)面背景：F7FAFD（247,250,253）

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：026392（2,99,146）

背景1：ABB4FF（171,180,255）

字體1：FFFFFF（255,255,255）

背景2：B7CEF9（183,206,249）

字體2：3E4A5B（62,74,91）

背景3：F5F5F5（245,245,245）

字體4：3E4A5B（62,74,91）

邊框：FFFFFF（255,255,255）方案6（紫色）：

頁(yè)面背景：F7FAFD（247,250,253）

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：026392（2,99,146）

背景1：636994（99,105,148）

字體1：FFFFFF（255,255,255）

背景2：ABB4FF（171,180,255）

字體2：3E4A5B（62,74,91）

背景3：D1DDF3（209,221,243）

字體4：3E4A5B（62,74,91）

邊框：FFFFFF（255,255,255）方案7（灰色）：

頁(yè)面背景：F7FAFD（247,250,253）

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：026392（2,99,146）

背景1：BCC7D4（188,199,212）

字體1：3E4A5B（62,74,91）

背景2：F0F0F0（240,240,240）

字體2：3E4A5B（62,74,91）

背景3：E6E6E6（230,230,230）

字體4：3E4A5B（62,74,91）

邊框：FFFFFF（255,255,255）方案8（亮藍(lán)）：

頁(yè)面背景：無(wú)背景

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：0D6FCC（13,111,204）

背景1：339DDD（51,157,221）

字體1：FFFFFF（255,255,255）

背景2：C0EAF7（192,234,247）

字體2：000000（0,0,0）

背景3：FFFFFF（255,255,255）

字體4：000000（0,0,0）

邊框：CCCCCC（204,204,204）（虛線）方案9（藍(lán)色）：

頁(yè)面背景：無(wú)背景

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：5393DA（83,147,218）

背景1：488DD9（72,141,217）

字體1：FFFFFF（255,255,255）

背景2：86BBE7（134,187,231）

字體2：000000（0,0,0）

背景3：E8F0F9 232,240,249）— FFFFFF（255,255,255）

字體4：000000（0,0,0）

邊框：D0D0D0（208,208,208）方案10（亮綠）：

頁(yè)面背景：無(wú)背景

字體樣式：微軟雅黑

標(biāo)題背景：無(wú)

標(biāo)題字體：18782B（24,120,43）

背景1：349C49（52,156,73）

字體1：FFFFFF（255,255,255）

背景2：F0F7F1（240,247,241）

字體2：000000（0,0,0）

背景3：FFFFFF（255,255,255）

字體4：000000（0,0,0）

邊框：C2DFC2（194,223,194）方案11（深藍(lán)+淡灰）：

頁(yè)面背景：無(wú)背景

字體樣式：微軟雅黑

標(biāo)題背景：52A8E6（82,168,230）→1A63AE（26,99,174）（漸變色）

標(biāo)題字體：FFFFFF（255,255,255）

背景1：12529A（18,82,154）

字體1：FFFFFF（255,255,255）

背景2：F7F7F7（247,247,247）

字體2：7B7B7B（123,123,123）

背景3：EEEEEE（238,238,238）

字體4：7B7B7B（123,123,123）

邊框：無(wú)邊框

在日常的工作中，總有一些報(bào)表、圖表的配色方案是值得我們參考的，但是因?yàn)闆](méi)有顏色抓取工具導(dǎo)致大家沒(méi)辦法把配色給取下來(lái)。下面介

紹一下大家平時(shí)可以怎么抓取顏色：

平時(shí)大家都會(huì)登錄QQ或微信，可以利用截圖功能，抓取顏色：

① 同時(shí)按住 Ctrl + Alt + A，進(jìn)入截圖；

② 按住 Ctrl 鍵，光標(biāo)處會(huì)顯示光標(biāo)位置對(duì)應(yīng)RGB的6位十六進(jìn)制顏色碼；

③ 松開 Ctrl 鍵，光標(biāo)處會(huì)顯示光標(biāo)位置對(duì)應(yīng)RGB的3串RGB顏色值。

用好上面的取色技巧，可以大大加快項(xiàng)目組的開發(fā)速度和配色技能。

引用其他博主的部分總結(jié)：

① 標(biāo)題部分的顏色要比次標(biāo)題和數(shù)據(jù)部分顏色顯眼，可以引用漸變色；

② 標(biāo)題用微軟雅黑和黑體字體時(shí)候，效果會(huì)更好，也可以加粗；

③ 表格的數(shù)據(jù)要對(duì)齊，單元格間距適中。對(duì)齊的時(shí)候，如果有金額數(shù)字的對(duì)比，最好用右對(duì)齊，一般居中對(duì)齊多一些；

④ 靈活用表格的邊框，可以得到更好的一些效果，配合突出立體感（立體感的圖表一般用灰色、淺灰、銀色）；

⑤ 標(biāo)題的位置要注意，居中、居左或居右都會(huì)有不同的效果；

⑥ 歐美風(fēng)格的報(bào)表，一般是灰色、藍(lán)色、深紅色搭配，行與行間多以同色調(diào)的深淺區(qū)分，一般沒(méi)有框線；

⑦ 可以在表頭添加一些小圖標(biāo)，效果也不錯(cuò)的。

-