2.2.6　圖形用色技巧

1. 單色色塊圖更具易讀性

色塊圖是熱力圖的一種，當(dāng)設(shè)計(jì)此類圖形時(shí)，最好能用單色表示數(shù)據(jù)大小或權(quán)重，因?yàn)閱紊榷嗌桌斫狻Ｈ鐖D2-53所示，過多的顏色會(huì)增加觀者的認(rèn)知成本，因?yàn)樯珘K圖的數(shù)據(jù)結(jié)構(gòu)會(huì)讓不同顏色色塊的位置有隨機(jī)性。在密集的區(qū)域內(nèi)沒有規(guī)律地呈現(xiàn)不同顏色的色塊，第一感覺是沒有強(qiáng)弱的對(duì)比，不容易分辨數(shù)據(jù)的大小或權(quán)重。

通過改變顏色的飽和度和明度，單色系色塊能夠很好地在視覺上表現(xiàn)出對(duì)比關(guān)系，這非常符合色塊圖所表達(dá)的語意。當(dāng)設(shè)計(jì)色塊圖時(shí)，由于色彩的飽和度和明度呈現(xiàn)遞增或遞減，色塊上的文字容易與色塊失去對(duì)比性，導(dǎo)致易讀性差，因此最好能給字體加描邊或投影，增強(qiáng)其對(duì)比性。

2. 用色有規(guī)律

如果色塊圖的色塊位置不可控，就會(huì)導(dǎo)致多色展示不佳，而對(duì)于位置可控的圖形就需要有規(guī)律地呈現(xiàn)色彩。如圖2-54中的分組柱狀圖，每個(gè)柱體的顏色可控，且有規(guī)律的顏色在視覺上會(huì)非常舒適，容易建立觀者的色彩認(rèn)知，而無規(guī)律的多柱體會(huì)導(dǎo)致用戶的色彩迷失。另外，類似于分組柱狀圖的圖例，一定要與圖形的順序一致，這樣便于參考瀏覽。

分組柱狀圖要慎用同色系顏色，否則不容易辨別分類。如果需要使用同色系，就一定要有規(guī)律地呈現(xiàn)，這樣在視覺上不容易混淆，如圖2-55所示。不只是分組柱狀圖，類似于這樣分類過多的圖形，都需要使用有規(guī)律的顏色，只有這樣才不會(huì)因?yàn)橛蒙咏霈F(xiàn)呈現(xiàn)上的混亂。

3. 通過分類屬性配色

通過分類屬性配色，是迎合用戶認(rèn)知的一種配色技法。比如，提到天空會(huì)想到藍(lán)色，說起草坪會(huì)想到綠色，這就是人們共同的認(rèn)知，而把這種認(rèn)知運(yùn)用到配色上，就會(huì)符合人們的心理預(yù)期。在圖2-56所示的有序柱狀圖中，柱體的配色分別運(yùn)用分類屬性的色彩，如蔬菜類使用綠色、海鮮類使用藍(lán)色等。

另外，通過屬性的寓意配色也是一種配色方法。例如，小孩的標(biāo)簽是活潑可愛的，因此就會(huì)想到其對(duì)應(yīng)的顏色是黃色，而提到老人會(huì)想到用灰棕色、女人使用粉色、男人使用黑色和藍(lán)色等。這種配色方法的專業(yè)名稱為“情緒板”，在第3章我們會(huì)著重講解。

另外，由于不同的行業(yè)、不同的人群對(duì)事物常常有不同的認(rèn)知，就像設(shè)計(jì)師與非設(shè)計(jì)師對(duì)透明元素的理解不同一樣（這個(gè)設(shè)計(jì)師都懂）。因此，在配色時(shí)要考慮行業(yè)屬性、產(chǎn)品屬性、用戶屬性，因?yàn)橹挥姓覝?zhǔn)特征才能把配色運(yùn)用得更合理。