如今在對(duì)于設(shè)計(jì)配色方面的文章和方案數(shù)不勝數(shù),甚至都有專門的配色網(wǎng)站可供使用。但是,在
數(shù)據(jù)可視化領(lǐng)域還沒(méi)有形成有針對(duì)性的配色解決方式,因?yàn)樵跀?shù)據(jù)的展示上設(shè)計(jì)師所面對(duì)的問(wèn)題是需要面對(duì)豬多不同的數(shù)據(jù)所傳遞的信息,它們各自的視覺(jué)表現(xiàn)形式又是各不相同的。今天就分享一下在億信華辰的我們是怎么做的。
首先我們作為數(shù)據(jù)可視化設(shè)計(jì)師必須明白的是配色會(huì)極大的影響人對(duì)數(shù)據(jù)的理解力,而好的色彩運(yùn)用可以降低我們想要表達(dá)內(nèi)容的理解難度,幫助觀看者更加直觀的接收我們的信息。
在我們自己的“
酷屏”可視化平臺(tái)研發(fā)初期,設(shè)計(jì)師團(tuán)隊(duì)曾針對(duì)網(wǎng)絡(luò)上現(xiàn)有的各類配色方案做過(guò)一系列調(diào)查,可令我們吃驚的是其中基本沒(méi)有專門的為了解決數(shù)據(jù)可視化進(jìn)行的配色研究,如此我們總結(jié)出一般配色方案不能適用于數(shù)據(jù)配色的理由:
1、
色彩辨識(shí)度過(guò)低,觀察者難以從中辨認(rèn)數(shù)據(jù)區(qū)別。
2、
配色過(guò)于單調(diào),沒(méi)有豐富的色彩,不能滿足數(shù)據(jù)的多樣展示。
3、
顏色明度難以區(qū)分,傳統(tǒng)配色的明度階級(jí)差別小。
所以針對(duì)以上三點(diǎn)可以粗略的總結(jié)出如何定義適合數(shù)據(jù)可視化的配色含義。那就是色彩的可理解性高、色彩的豐富程度、色相明度等方面有足夠的區(qū)別。為此在自己的酷屏組件中我們有針對(duì)性的對(duì)配色進(jìn)行了改進(jìn)。
一、對(duì)比增強(qiáng),展示直觀
顏色的明度的區(qū)別要增大,在單色系內(nèi)要盡量能夠通過(guò)明度即黑白模式就能很好的區(qū)分開(kāi)各個(gè)色彩區(qū)間,這樣觀看者就能直觀的感受到數(shù)據(jù)的變化。
二、來(lái)源生活,豐富色彩
接下來(lái)就是解決配色單一的問(wèn)題,如何使我們的可視化顏色豐富起來(lái),講到這里我希望大家看看四周,其實(shí)顏色就在我們身邊,世界是多彩的,往往采取于自然界中的顏色就已經(jīng)是很絢爛了。


?
一組取自晚霞的顏色,豐富且融洽。這種由黃到紫的漸變色彩一般來(lái)講是十分矛盾的(因?yàn)辄S色和紫色就是互補(bǔ)色)但當(dāng)他們來(lái)自真實(shí)世界中時(shí)卻又十分的和諧。類似的還有很多其他的配色比如綠色到藍(lán)色、黃色到綠色。
?

因?yàn)樯硖幾匀唤缰械娜耸强偰芙佑|到這些色彩的,所以當(dāng)他們面對(duì)帶有這些色彩的數(shù)據(jù)時(shí)會(huì)感到愉悅。這樣也能順利的接收數(shù)據(jù)信息傳遞。
三、活用漸變,靈動(dòng)多彩
最后就是要合理的運(yùn)用漸變顏色,但是一定不要拘泥于同一固定色系的顏色來(lái)進(jìn)行漸變,在酷屏的可視化看板中,這一點(diǎn)被賦予了足夠的變化。用戶可以使用差異度很大的顏色來(lái)表達(dá)數(shù)據(jù),這也正是數(shù)據(jù)可視化配色的意義所在。



?
冷色漸變、暖色漸變、冷色到暖色的漸變,一切都是為了能夠?qū)?shù)據(jù)展示的足夠清晰,足夠的便于理解。
當(dāng)然目前能夠看到的是優(yōu)秀的配色方案是越來(lái)越多了,也并不是所有的都適合運(yùn)用于數(shù)據(jù)的表達(dá)上,這需要我們自己去認(rèn)真的甄別。我的建議是加大色調(diào)和明度的區(qū)別,增加色彩的種類,更多的貼近自然的多彩絢麗,這樣能使我的的配色更便于辨識(shí)。這些是沒(méi)有現(xiàn)成的公式可以套用的,需要自己不斷的試驗(yàn),直到今天我們億信華辰的所有設(shè)計(jì)師還在不斷的自我提升。最后也希望本文對(duì)你能有幫助!
(部分內(nèi)容來(lái)源網(wǎng)絡(luò),如有侵權(quán)請(qǐng)聯(lián)系刪除)