Excel 中的顏色要怎麼搭配,視覺上更能接受且區分度高?

平時工作中,需要用到大量的顏色色塊作為區分,本人沒有藝術基礎,不知道用哪些顏色搭配起來比較好?字體顏色,以及底紋色塊


無論numbers還是excel,設計表單樣式一定是遵守「三色原則」:首行、首列最深,間行間列留白。

為什麼不是四色原則、五色原則或者六色原則呢?因為簡單地從配色方案的角度出發,三色原則能最大範圍地適用」對比色配色方案「、」互補色配色方案「或者」鄰近色配色方案「。其次最主要的原因是省油墨……下面的案例都是基於數字版本的發布,但是辦公室絕大部分企業都是黑白列印+雙面利用以節省成本,so……顏色太複雜列印出來的資料很難看。如果只有三色,即白色+2主色,另外2個主色會以不同灰度的形式印刷出來。儘管如此可能還是會影響閱讀。這點要切記。

下圖為蘋果 iwork的numbers自帶樣式,餅圖一類的統計圖用色系根據明度遞減做配色;表單依舊是三色配色方案。當然也可以根據實際需要進行多種顏色的搭配,只需要符合配色規律即可,有設計基礎的朋友應該都能輕鬆掌握。

在實際應用中這樣的表單可以實現的很美觀、很正規而且很易於閱讀。這就是為什麼要錯行配色的原因。藍色理想(http://Blueidea.com)有許多類似的交互設計理論,可以自行搜索。在我公司的表單中,我就靈活運用配色方案。你會發現如果表單中有必須重複信息的行,那麼如果沒有製作色差的話很容易看走眼,而且會較快的眼睛疲勞。所以很簡單的改動就能讓你的表單顯得更為友好。

中文同樣適用這個原理,如果你認為中文應用時看著彆扭,那只是審美疲勞導致的,不用太刻意地去修改表單的布局。但是中文和英文製表最大的難點,在於字體,這個是另外回事啦,這裡不多說。下圖為中文版的表單,一樣可以很友好。關於奇偶行間自動換色的設置,需要用到【套用表格樣式】,具體操作如下:

【樣式】-【套用表格格式】-【新建表格樣式】-設置【第一行條紋】【第二行條紋】顏色-【套用表格樣式】

其中,【第一行條紋】為偶數行(包含標題行算起,即第二行),【第二行條紋】為奇數行。如果不設置標題行則反之。點擊後選【格式】,然後設置填充顏色即可。

以上是初級用法,如果你對製表感興趣,又喜歡老美他們的製表風格(老美的製表風格中文只能借鑒一半,主要是字體原因)可以繼續往下看:Ideabook.com Tutorials (How to design a smart, functional form)

有關ALD的介紹如下:
http://www.adobe.com/mena_en/products/server/adobedesigner/

原來的ALD介紹我刪除了,下面是較新的表單設計,我司用於報關用的商業發票(重碼)

原來的版本我就不發了,新設計主要是對發票的功能區進行區分。
根據【收貨人信息】、【貨運信息】、【貨物信息】、【銀行信息】(省略)、【簽章】(省略)這幾個核心內容進行信息重組。從視覺上吧,中規中矩啦,但是看起來至少會輕鬆許多,一目了然。


首先,是樸實的投行調或者諮詢風,四個字概括:極簡+留白

  • 主打黑白兩色:純白底色;黑字+Arial字體
  • 適當使用加粗、放大字體以及襯線來突出抬頭
  • 適當使用空白行、空白列或底部線條來作為區隔

當財務模型足夠複雜的時候,也會使用更多的元素來做區隔

  • 偶爾用黑色或者深灰來突出首行或者首列
  • 適當使用邊框等來作為區域之間的分隔

  • 使用黑色區域+白字,表示數據或圖表區的抬頭並做塊與塊之間的區隔

財務模型複雜進入超人模式的時候,就會出現Worksheet多到找不到的情況(這裡請不要考慮美觀,需要有醒目的顏色來做導航或者區隔)

  • 在底部的Worksheet Name,可能會使用亂入的醒目顏色來做Worksheet區隔,方便導航。

(紅色後面的Worksheet是三張報表)

(花花綠綠的Worksheet,盡量做導航)

其次,有些公司的Excel Template也很美觀和使用,但是比投行諮詢的略微浮誇,比如:會用公司的標誌色用於首行做區隔。不過下圖中最值得學習的是,深淺交錯的錯行配色。它經常被用來顯示比較過載的信息,比如:特別長的一行,同時數字、文字、圖表等等交織在一起。

最後,堅定不移得學習各商業雜誌(華爾街日報、經濟學人等等)的配色風格,他們才是經典中的經典,顏色多而美觀,許多都值得臨摹一遍來學習。

...更多文章請到數據冰山 - 知乎專欄
...更多回答請看何明科的主頁


本來只是提醒題主使用正確的軟體就能獲得相對不錯的效果,晚上回來居然看到有點贊的,贊者無意,寫者有心,有道是無功不受贊,既然答題就要端正態度,所以重新寫了答案,以饋讀者:

非常贊同目前排名第一@Moevosky的答案,商用表格應且僅應採用三色原則,這樣有最好的視覺效果和辨識度,但是題主問的是如何利用顏色區分標註不同表格區域,而不是談表格樣式,這個答案就明顯跑題了,在此談一談我的想法吧。

前提:僅限在Office
2013上,Office2003談不上配色,這個我們最後再談。

第一、表格標題上色。

首先,為了保證不影響表格的視覺效果,我們用顏色劃分區域僅限於欄位標題,如果在表格中大幅度任意使用顏色第一會導致表格視覺上支離破碎,第二會給未來可能的列印造成不確定的後果,給標題上色是我最喜歡的事,行話叫「鑲邊兒」,如圖1所示

圖1 應盡量在第一行標題行加註顏色標示

微軟的配色拿來就可以用,因為默認是黑色文字,所以顏色明度要高,但是明度過高又會比較淡,經過權衡,第二排顏色可以隨意使用

圖2第二行配色

淺配色可以很好的顯示文字,又能明顯的起到標識作用,顏色素雅清麗,不比那紅妝艷抹,美圖秀秀整尖下巴的綠茶婊,這個一看就是大戶人家出來的。此行色卡至少有五種以上辨識度極高的顏色可供選用。

如果是用於單色列印的表格,顏色將不會被識別,所以建議使用漸變的顏色,即色卡中的某一列,從商務的角度來考慮藍色是最穩鍵的顏色,但是要注意兩點,第一深藍色會導致文字看不清,需要將文字手動調整為白色,另外該種顏色處於一個色系,如果要能夠明顯區分一般不超過三種顏色。

圖3單列色卡配色

第二、表格區域上色

圖4區域上色效果不好看

不建議對表格正文內容上色,這對於一個有審美追求的表哥來說是無法忍受的,表格就是表格,就應該採用三色來區分,好好地表格搞的跟百衲衣一樣。有的同志會問,那麼老子就是遇到了需要區別若干行數據的情況,我該怎麼辦?

難道你的眼裡就只有色嗎?你讓線條情何以堪,如果真的需要分隔數據區域,應該用的是線條啊。

簡單編輯表格,然後用線條將數據分隔開,效果立竿見影,比用顏色標註好很多,下圖是我幫企業製作的表格,你看做表也是需要掌握一些平面設計基本原理的,如圖5所示。

圖5用線條隔開數據視覺效果更好

即使你覺得上表在製作上太麻煩了,將表格網格線去掉,然後劃邊框也是不錯的辦法,當然,一分價錢一分貨,直接加一個邊框這種簡單輕鬆的活視覺效果比圖5那種精加工的差的不是一星半點,你就七萬塊錢我就推薦你買捷達,皮實耐操,七萬塊錢還非要買賓士,這就是你的不對了,如圖6所示。

圖6 捷達型分區,好用不貴

以上所有建立在使用新版本軟體的色卡之上,如果沒有,強行使用office2003,將會帶來非常糟糕的後果,excel2003的默認色卡已經不是丑的問題了,在此不想多說.

圖7 2003配色卡

最後,建議表格使用微軟雅黑LIGHT字體,乾淨清爽,識別度高,不易疲勞

另注,我的excel免費在線教學課程網址:

excel 2013職業能力培訓


配色問題,我常用這個工具:Color Scheme Designer 高級在線配色器


[多圖預警]
下面推薦幾種從網易雲課堂上截圖下來的現成配色方案

來自Excel2013彙報圖表高級製作教程 - 網易雲課堂
Excel2013彙報圖表高級製作教程分享一個取色的好方法,打開QQ聊天的窗口,點擊截屏,然後將滑鼠移到你想取色的地方,這時候截屏的框框下面就會顯示你滑鼠所在顏色的RGB值啦!


很多非常好的答案


再補充一點點,就是怎樣排版怎樣配色,必須考慮表格的用途。

  1. 信息展現,除了圖表之外,很多時候表格本身也是需要展示的,這個時候對於效果的要求是最高的,大多數答案也都是說的這個。在這種情況下,需要特別注意表格和文欄位落格式的協調。
  2. 信息匯總,這種情況需要考慮填寫方便,除了保護單元格外,哪些表格需必須要填寫,哪些是可選填寫,哪些是需要核實確認,哪些不能更改,都需要塗上不同的顏色。很多時候,infopath比excel更適合這個用途。
  3. 列印,除了標出填寫項外,還必須考慮書寫的特點。設備很容易列印出小五或者更小的字體,但絕大多數人沒法在這種大小的格子里清晰書寫。

所有顏色必須考慮輸出設備,在屏幕上看到的往往不是最終效果,所以需要慎重配色甚至不配色。

很多老舊的投影機都設置了變態高的對比度,會壓縮掉一切層次,配色要考慮這個情況

大多數辦公室里都是黑白的激光印表機,所有的顏色都會轉成灰度,屏幕上很不同的顏色打出來卻無法分辨。複印機也是廣泛使用的,複印幾次之後,所有的配色都是一坨一坨的噁心。

實在想用深色的時候,記得文字反白


首先,我是先看過 @Moevosky的答案然後,改進過我的表格製作方法的,非常感謝你的分享;其次, @谷小城所說的工具和染色的建議我也非常認同;感謝所有提供想法和思路的人,下面我也將我的使用心得和方法分享出來,希望能對看到的人有所幫助。
以下都是一些個人使用方法,可能不夠規範和專業,如有不妥,歡迎指出。

———————————————————————————————————————————
0. 準備工作

  • excel版本推薦使用最新版, 2013版excel 非常好用,動畫過渡效果也很棒,用起來真是賞心悅目;
  • 字體推薦用 微軟雅黑 或更新更好看的,宋體和excel配合的效果不理想,也會影響表格最終的效果。

1. 標題的染色

  • 為達到醒目和與表格內容區分的目的,行標題通常個人喜歡使用深一些的顏色為表頭單元格染色;如圖1:

圖1 通常我會使用第一行的顏色為單元格染(色這是2013版excel的顏色選擇器)

  • 列標題(如果需要的話),我通常用50%左右灰度做背景顏色;這樣的好處是行標題與列標題明度可以統一,表格看起來更加協調;
  • 行標題與列標題染色以後,你會發現單元格默認的黑色文字不夠清晰,這時候你可以把文字顏色調整成白色再加粗,同時適當調整字型大小,就可以醒目清晰地效果。如圖2:

圖2
2. 內容的區分

  • 如有行內容需要區分,我個人使用兩種方法
    • 使用與行標題或列標題相同色系(即圖1中同一列)的淺色,在需要區分的一行或多行中穿插對背景染色,即隔一行或多行染一行或多行,依次類推;如圖3:

圖3 這種方法適合列數據簡單不需要太多區分的表格

    • 當列數據較多也需要區分時,我會選擇使用行邊框來區分;如圖4:

圖4列數據使用背景色區分,行數據使用邊框區分

  • 列數據區分我通常都是使用與標題同色系的淺色對背景染色,進行區分;如圖5:

圖5
3. 邊框的搭配

  • 在不考慮列印的情況下,我不會對邊框進行染色,既沒有必要也影響美觀,excel默認的分割線完全可以完成內容的區分工作;
  • 如果需要列印,只考慮美觀的話,邊框使用50%左右灰度效果最好,既能區分內容又不會影響識別(邊框顏色過深影響對內容的識別);
  • 當你對單元格背景進行染色後,你會發現默認的邊框消失了,被染色的單元格連成了一片,影響識別,此時,你需要選中所有染色的單元格,打開邊框選項卡,將邊框顏色選為白色(或比背景色淺的灰色),為所有外邊框和內邊框染色;如圖6:

圖6為染過背景色的單元格設置邊框線

———————————————————————————————————————————

以上就是我個人的使用方法,最終完成的效果如下:

多用多想,最終總能解決問題同時也會形成自己的風格,祝好。


如果你在外企,就按照贊同最多的這種來。

如果你在國企或任何機關事業單位,就參照你所在單位以前的文本式樣來。
因為雖然現在現代化了,但是很多國企或事業單位的領導們,並不習慣電子化辦公,也沒有時間去學習這個東西,都是手下人幫他辦好事他自個簽個字就完了。
這時候要用心做好的是你做的表格列印出來是否清晰齊整,而不是在電腦上有多絢麗好看。


推薦這本書
Excel圖表之道 (豆瓣)
書里雖然講平面設計的東西不多,但是大多數例子都透露一個方向:盡量多參考國外雜誌、期刊的板式、配色。


舉直錯諸枉即可。

具體而言,需要

【找到一個經典顏色A,以「A」、A的淺色版「A-」、「純白色」為三色,構建EXCEL】


一、思路

如何找到這個經典顏色A呢?

當然,直接從EXCEL給出的默認顏色里選擇,並不是完全不可以。

但這樣做之前,不妨想想,有沒有什麼model可以借鑒。


目力所及,公認配色最好看、最得體的EXCEL,出自哪些機構?

大概得數諮詢公司與商業雜誌吧。


那麼,咱們直接借鑒人家的配色方案,會不會違法呢?

結論:同時模仿多色可能會,抽取單色不會。

這個問題有點複雜。

根據Qualitex Co. v. Jacobson Products Co., Inc., 514 U.S. 159 (1995),在商標中出現一組非功能性顏色/顏色組合(colors and color combinations),在某一類特定產品中可以被獲得著作權。


假設最嚴峻的情況——題主的公司隸屬諮詢、涉足傳媒行業,且在美帝市場享有份額。

即使在這種情況下,只摘取一種顏色,然後自己調整獲得淺色即可,則無論如何,都不會侵權。


下面找目標。

二、目標選擇

economist

M

B

B

簡單截取,大致如下——

更多稱眼色塊,請自行尋找。

三、工具配置

有款停止更新了的免費綠色軟體,叫ColorPix。

ColorSchemer | Download ColorSchemer software

懶人亦可以至下方地址下載

鏈接:http://pan.baidu.com/s/1mhF074c 密碼:ie9h


具體截取時,以某社棕紅色為例。

①打開ColorPix,將滑鼠置於棕紅色塊之上,記住RGB值,

②在「其他顏色」 → 「用戶設定」里填上剛剛的RGB值。

實在害怕侵權的話,把其中一兩個數字改個1、2,也無妨。

相信我,133, 44, 44與133, 44, 43,肉眼幾不可辨。

於是文首提到的經典顏色「A」到手了。


③接下來,將紅圈裡小箭頭適度上拉,文首提到的「A-」,就入手了。

拉到頭,就是純白了。

最後大概是這種感覺。

注意

①建議將首行設置為深色底、白色字,其餘行設置為白底黑字或「A-」色底黑字。

②如果公司允許,請使用雅黑、黑體、Adobe Gothic Std B等非襯線字體。


不論是商業圖表還是專業圖表,圖表的配色都極其關鍵。圖表配色主要有彩色和黑白兩種配色方案。劉萬祥老師曾提出:在我看來,普通圖表與專業圖表的差別,很大程度就體現在顏色運用上。

商業圖表,專業的圖表製作人員可以根據色輪,實現單色、類似色、互補色等配色方案;而普通大眾,則可以參考《華爾街日報》(The Wall Street
Journal)、商業周刊(Business Week)以及《經濟學人》(The Economist)等商業經典雜誌的圖表配色。


1 專業軟體顏色主題方案借鑒

我們覺得R語言中ggplot2繪圖精美的一個重要原因就是它清新亮麗的灰色背景配上賞心悅目的數據系列顏色。它的配色確實讓很多軟體都汗顏啊,所以Python語言在matplotlib包的基礎上設計了prettyplotlib
和seaborn包,專門用來仿製ggplot的繪圖風格。Matlab也不敢落後,在Matlab
2014版上對繪圖配色方面作了很大的改進。

表1-3-1 顯示了R語言ggplot2包、Tableau軟體、Python語言seaborn包、D3.js中的部分常用配色方案。我覺得賞心悅目的配色方案遠遠不止這些,但是我覺得我們只要掌握並熟練運用1到2種完美的配色方案,就已經能滿足平常的論文繪圖需求。在這裡跟大家推薦兩本關於ggplot2的經典書籍:《ggplot2 Elegant Graphics for Data Analysis》和《R.Graphics.Cookbook》。

1. R語言ggplot包的官網:

http://docs.ggplot2.org/curren/Colors (ggplot2)

2.Tableau軟體的官網:Tableau Viz Gallery

3.Python語言seaborn包的官網:

About | Michael Waskom

4.D3.js的官網:D3.js - Data-Driven Documents

使用Excel默認顏色繪製的系列圖表如圖1-3-4所示。根據1.3.1的Excel顏色修改方法,利用R ggplot2 Ste1、Set2和Tableau 10 Medium 配色方案對圖1-3-4的顏色進行修改調整後的效果,分別如圖1-3-5、 1-3-6和1-3-7所示。通過對比發現,ggplot2和Tableau的顏色方案確實不錯!

2
Excel
商業圖表的顏色拾取

從優秀繪圖軟體上的成功圖表案例借鑒其配色方案和思路,是一種非常保險和方便的辦法。因為他們的顏色是經過專業人士精心設計的,尤其是商業圖表的模仿與繪製。與本書配套開發的Excel插件「圖表」中自帶「顏色拾取」功能,如圖1-3-8所示拾取《商業周刊》上圖表的顏色。「顏色拾取」功能的使用非常簡單。左鍵點擊按鈕運行程序後,將滑鼠定位在圖表的某個顏色上,軟體就會返回那個顏色的 RGB 值。按下右鍵鎖定顏色,可以使用滑鼠複製單元格中的RGB值。

使用顏色拾取方法從商業經典雜誌的圖表上拾取顏色方案,包括《華爾街日報》(The Wall Street Journal)、商業周刊(Business Week)以及《經濟學人》(The Economist)等,如表1-2-3所示。背景顏色是指繪圖區和圖表區的背景填充顏色。對相同的數據使用Excel仿製的不同雜誌風格的柱形圖,如圖1-3-9所示。

1.《華爾街日報》的配色方案從色彩學的角度屬於互補色,有較強的對比效果。除了主色調,還有作為陪襯的淺色:淺紅(250, 190, 175)、淺綠(170, 213, 155)、淺藍(216, 223, 241)。

2. 《商業周刊》的配色方案1使用白色背景,大量使用鮮艷的顏色,整張圖表具有很強的視覺衝擊力;配色方案2使用淡藍色或灰色背景,使用強烈的補色,可以讓讀者輕易區分不同的數據系列。

3.《經濟學人》的圖表基本只用一個色系,或者做一些深淺明暗的變化;當數據系列增多時,會增加深綠色、深棕色等顏色。

更多消息可以關注我們的知乎專欄:

Excel數據之美:科學與商業圖表繪製指南:Excel數據之美:科學與商業圖表繪製指南 - 知乎專欄

R語言數據分析與可視化:R語言數據分析與可視化 - 知乎專欄

另外,我很不要臉地把我的書推薦給大家:


按照 @Energetic Hydra 介紹的方法做出的表,看到這個回答到現在有很久了。
很多答案都很好,補充一下自己製表時候的細節,耗費時間不多,可以嘗試
1.底色
加個底色,可能幾秒鐘不到,區別對比是這樣的

個人比較喜歡做表之前拉一個純色底,淡色最佳
2.導航顏色
遵循以上很多答案的分層配色是完全沒問題的。
但是有的顏色非常亮。此時配白字或者配黑字會非常難受,換別的顏色的字體一下子又找不到合適的,會耗費大量的時間。
http://zhongguose.com 中國色網站比較好的解決了這個配色問題

平時找一個時間把自己喜好的配色選好。基本上以後用這些就夠了。
這個網站有色值,最關鍵的一點,可以看到白色在你所選的這個顏色上是否刺眼難受,節省了時間

如上圖,白色在這個顏色上看字非常費勁。個人不太推薦。

借用一下上面答案中的圖。
應該有截圖的失解析度,這個圖的顏色有突出,需要了解的點大家一看就能看明白挺好的,
個人覺得有些不足,就是顏色有些亮。
如果是給領導或者長期製表的同事看,眼睛會有些不太舒服。
為了方便他人可以使用柔一點的顏色。

3.對齊
我個人使用的方法是
左邊導航居中格,居中。
第二層級導航如果字數一樣,居中,字數差別比較多用左對齊
數字表格採用居中

4.字體大小
適當微調字體大小根據表格,花不了多少時間,讓看錶人看著舒服

5.線條
邊框線條很多都是黑色,深色配色的話線框線條改成白色會舒服一些

分享一個我個人的萬金油配色。。。
深藍配橘黃。。。就是最開始那幅圖

這種藍色配色有的時候挺商務~~看多了審美疲勞呀

--------------------
大家上班都挺累的。(可能有的並不
用柔和一點的配色給看錶的人舒服一點也是好的呀
太亮的顏色+黑色字 我遇到過很多很多次,真的是hin不舒服 (可能是就我一個這個感覺
配色好看也是為了美化EXCEL
我理解的美可能就是讓看錶人舒服一些叭~

說了好多個舒服
--------------------

然後如果是列印的黑白打~~~
拉倒吧~~~老老實實列印吧~~
我試過,打出來賊丑

------------------
感謝這個問題下分享的朋友,受益良多。


主要是看你的使用需求,如果你的公司對數據和報表要求很高,我建議把圖表的美化交給專業的第三方公司來做,如果只是希望在現有的基礎上讓圖表更好看一點,微軟已經幫你備好了應對方案:使用2007以上的版本,使用系統自帶的「表格樣式」,就能讓你一秒鐘表格高大上


直接上設計網站找啊!像
Discover — Art Design Inspiration at ColRD.com

找個順眼的方案


建議不要自己搭配,選colors,再用默認表格模板。


非專業Excel用戶

  • 一般情況下會套用Excel默認提供的
    • 標題類的會直接使用「單元格樣式」-「標題」
    • 文檔類的會根據情況使用「單元格樣式」非「標題」的樣式
    • 表格類的話會直接使用「套用表格樣式」(視表格內容具體情況,選擇是否有顏色間隔等。如果會有條件格式的化,會選擇沒有顏色間隔的)
  • 圖表的話,視內容配以容易識別的顏色(比如百事藍,可口可樂紅),如果內容沒有標誌性顏色的話,會選擇去 Adobe Kuler 上找個看得順眼的主題(一般偏素)。

看到這個問題就來氣!
我基本上是按照Moevosky的做法來的,也就是老美的風格。
我是央企的,你懂得,老闆一看說搞這麼花哨幹什麼!然後表格全部同意是全黑色線框風格!

保守中庸害死人啊,劣幣驅逐良幣!


同樣沒有任何藝術基礎的我,從信息層級角度來分享點平時的經驗:
1.建表前,分析下涉及的內容層級,根據層級的複雜層度,確定大概會用幾種顏色
2.我有一個習慣:用顏色漸變去表達信息層級間的關聯,關鍵是這樣搭配不會突兀呀
3.字體顏色的搭配,其實沒什麼好說的,對比色搭配即可,關鍵是要保證可讀性,看著不累且耐看即可。
4.至於選什麼顏色,其實是和表的內容以及閱讀的對象有關係的,這個就需要具體情況自己去具體揣摩了。但無論如何都盡量避免一些刺眼、亮度過高的顏色,盡量淡雅一點。

隨便上一幅圖吧:


去excelhome等論壇多看看。多學習國外的一些表格製作,尤其是大公司的。


國內來說Excel圖表之道 (豆瓣) 是最好的。
國外的關於數據的可視化呈現方面,做理論總結得比較好的推薦看看juice的總結。
國內可以下載到這本書:
儀錶盤設計指南
關於表格:


推薦閱讀:

你們都是怎麼個「色」法?分享你的色彩管理心得
你的學校有哪些令你深惡痛絕的設計?
類似《京城 81 號》這種海報如何用 PS 做出來?
讓辦公空間真正「好用」的關鍵是什麼?

TAG:設計 | 顏色 | MicrosoftOffice |