本篇是針對數(shù)據(jù)可視化在深色和淺色模式環(huán)境中產(chǎn)生的色彩搭配問題進行的總結(jié)分析，如有不足，望指正~

目錄：

1、同一套色彩模式無法套用黑白兩個版本

2、如何平衡“飽和度”和“明度”

3、色彩的面積與色溫的關(guān)系

4、采用“中度”或“中弱度”對比配色

一、同一套色彩模式無法套用黑白兩個版本

黑白兩版界面最大的痛苦之處在于：需要準(zhǔn)備兩套色值！如果不巧遇到的是數(shù)據(jù)可視化的界面，這個痛苦會雙倍放大。

起初只有白版的環(huán)形圖，所有的色彩搭配看起來都很和諧，但把環(huán)形圖原封不動地放入黑色的背景中，色彩突然變得刺眼且具有侵略性。當(dāng)用戶長時間的停留在一張圖表上查看與分析時會產(chǎn)生視覺疲勞與不適。

這里我把曾經(jīng)遇到的問題匯總為一下幾點：

① “飽和度”和“明度”該如何平衡 ？

② 色彩的“面積”與“色彩溫度”如何分配？

③ 色彩如何搭配才能讓用戶清晰分辨？

二、如何平衡“飽和度”和“明度”

以環(huán)形圖為例，此時有6種數(shù)據(jù)分類，分別對應(yīng)6種不同的顏色。當(dāng)我把白版里看起來和諧的環(huán)圖置入黑版的環(huán)境中時，以順時針為順序，第三種顏色“綠色”明度過高，長時間觀看感覺刺眼；第6種顏色“紫色”明度過低，不易被識別。

在黑版中產(chǎn)生的不適感，其實是“明度差”的作用。明度差其實是色彩與背景環(huán)境之間產(chǎn)生的一種關(guān)系。這種關(guān)系用來比喻“人”與“社會環(huán)境”的關(guān)系我認(rèn)為非常貼切。一個高明度高飽和度的紅色（活潑熱情的人）放入一個明亮的背景中（開放民主的環(huán)境），我們會覺得這個鮮艷的紅色在當(dāng)前的背景中非常和諧，但是如果我們把它放入昏暗的背景中（保守沉悶的環(huán)境），不舒服的感覺開始出現(xiàn)了，但紅色還是之前的那個紅色沒有任何改變（如下圖）

當(dāng)背景為白色時，明度最暗的那個方塊最易被識別；換到黑色背景時，卻是明度最亮的色塊最易被識別。高明度差的作用能幫助我們快速從背景中識別色彩，卻并不適用于我們長時間觀看。在可視化圖表中，我們需要的是和諧的色彩關(guān)系，要制造和諧的色彩關(guān)系就需要消除高低不平的明度差。

下圖我在修改后的黑版里的環(huán)圖里進行的操作：

① “綠色”明度降低↓，飽和度上升↑；

② “紅色”明度上升↑，飽和度降低↓；

③ “紫色”明度上升↑，飽和度降低↓。

整個色輪的明度和飽和度比修改之前更適應(yīng)用戶長時間查看，減少了原稿中高飽和度和明度產(chǎn)生的光影和殘色等不適感。

在配色中，盡量避免“高飽和度&高明度”以及“低飽和度&低明度”的組合。雙高會使顏色過于明亮鮮艷使視覺疲勞，雙低會使色彩氣氛昏暗較難區(qū)分。在調(diào)色的過程中需要耐心實驗，找出合適的色彩組合。

三、色彩的面積與色溫的關(guān)系

通常情況下，在面積較大的數(shù)據(jù)分類中使用低色溫；在面積較小的數(shù)據(jù)分類中使用高色溫。

色溫并不是獨立存在的，是色彩與色彩碰撞后人類產(chǎn)生的主觀感受，就像我們無法從單個音符感受到旋律的高低一樣，同樣也無法在單個色彩中感受到熱脹冷縮。在同等色彩面積的條件下，看起來比實際面積更大的色被稱為膨脹色，反之稱為收縮色。

關(guān)于這個問題有以下幾點規(guī)律：

1、同樣面積的暖色比冷色看起來面積大；

2、明亮色比灰暗色顯得面積大；

3、在色彩的相對明度的問題上，“底色”的明度越大，“圖”色的面積越小。

如果僅限于純色，可以認(rèn)為暖色的明度比冷色的明度要高，所以暖色比冷色顯得面積大。

還有就是，在黑暗背景上，高明度的色彩面積往往看起來比實際面積要大，所有在黑暗背景上作明度不同、面積相等的色彩處理時，要想取得同等大小的視覺效果，必須縮小明度大的色彩的面積。

四、采用“中度”或“中弱度”對比配色

如何能讓用戶既能看清楚色彩分類，又能看的很舒服呢？

1、避開“高強度對比色”

2、避開“弱對比色”

在色相環(huán)中120°~150°范圍中的配色（例如：紅綠，黃紫），對比效果較為強烈，感官刺激太強。10°~30°范圍中的鄰近色（例如：黃橙、青綠），對比效果較弱，不易分辨。

以下是我參考AntV以及IBM Design色板總結(jié)得出的一套數(shù)據(jù)分類色板↓

以上環(huán)圖所遇到的色彩問題同樣適用于柱狀圖，趨勢圖、地圖等其他可視化圖表。

總結(jié)

黑白版的色彩搭配沒有現(xiàn)成的公式可以套用，需要長期練習(xí)，不斷實驗，直到今天我仍然還在不斷改進我的分類色板，因為它的誕生夾雜著主觀喜好，需要借用別人眼睛和意見才能獲得一個更為客觀的結(jié)果！