早先，阿里發(fā)布了支付寶數(shù)據(jù)可視化規(guī)范，這是一套數(shù)據(jù)可視化的設(shè)計(jì)語(yǔ)言，對(duì)數(shù)據(jù)圖形進(jìn)行了拆解、提煉，從色彩搭配、組件規(guī)范、基礎(chǔ)元素、功能上進(jìn)行了歸納總結(jié)。
圖表用色
圖表用色上，提出了一些圖表用色上的建議，給出了一個(gè)標(biāo)準(zhǔn)的配色方案。
1.單色的使用
在使用單色就能表達(dá)數(shù)據(jù)意義的情況下，建議不使用多色。
在圖表只展示單一屬性的情況下，建議不要使用多種色相。
如果數(shù)據(jù)的數(shù)值已經(jīng)通過形狀、位置、角度等其他視覺通道進(jìn)行了編碼，那就沒有必要再設(shè)置不同的亮度和飽和度。
2.多色的使用
人們?cè)诓贿B續(xù)區(qū)域的情況下通?？梢苑直?~12種不同色相，以及有限個(gè)可辨亮度層次。過多的顏色使用將對(duì)人類的視覺感知產(chǎn)生困擾。建議謹(jǐn)慎選擇顏色的數(shù)量。
在考慮圖表中的顏色數(shù)量時(shí)，需要將背景色和圖例顏色考慮進(jìn)去，即顯示區(qū)域所有顏色的總和。
如果著色區(qū)域比較小，由于視覺通道的相互影響，可分辨的數(shù)量將相應(yīng)有所下降。
多色相的使用：
當(dāng)圖表展示了多種不同的屬性時(shí)，建議用不同色相來區(qū)分不同屬性。
多亮度與多飽和度的使用：
亮度和飽和度可以編碼數(shù)據(jù)的順序或數(shù)量特征。通常我們只會(huì)在特定圖表內(nèi)使用到多亮度或多飽和度，例如在一個(gè)“熱力圖”中，用不同亮度的紅色來表示不同的氣溫測(cè)量值。
3.背景色的使用
圖表設(shè)計(jì)中的顏色使用必須統(tǒng)一，建議背景顏色不要選取與圖表主體內(nèi)容相同或相近的顏色。
在一個(gè)精心設(shè)計(jì)的圖表中，背景顏色既要能良好地襯托圖表主體，又不產(chǎn)生喧賓奪主的效果。
通常我們較多地使用白色、淺灰色作為背景顏色，有些情況下也會(huì)使用黑色。
4.透明度的使用
透明度是與色相、亮度、飽和度緊密相關(guān)的另一個(gè)視覺通道。
由于透明度編碼本身受亮度和飽和度編碼的強(qiáng)烈影響，建議不要同時(shí)使用這三個(gè)視覺通道。但是它可以和色相編碼一起使用。
通常使用透明度時(shí)，圖表會(huì)有很多堆疊層次，我們需要做到使每一個(gè)前景層都能夠在背景層之上良好地顯示，并且不產(chǎn)生相互干擾。
5.輔助元素配色
輔助元素的配色需要避免與圖表主體配色產(chǎn)生沖突。
在此基礎(chǔ)上，盡量與圖表主體配色統(tǒng)一。
圖表類型
圖表類型上，從數(shù)據(jù)出發(fā)，按照功能角度對(duì)圖表進(jìn)行了以下分類。依據(jù)上文的配色建議，這里利用商業(yè)智能可視化工具FineBI做了相應(yīng)圖表，以供參考。
1.比較類
可視化的方法顯示值與值之間的不同和相似之處。使用圖形的長(zhǎng)度、寬度、位置、面積、角度和顏色來比較數(shù)值的大小，通常用于展示不同分類間的數(shù)值對(duì)比，不同時(shí)間點(diǎn)的數(shù)據(jù)對(duì)比。
2.關(guān)系類
可視化的方法顯示數(shù)據(jù)之間相互關(guān)系。 使用圖形的嵌套和位置表示數(shù)據(jù)之間的關(guān)系，通常用于表示數(shù)據(jù)之間的前后順序、父子關(guān)系以及相關(guān)性。
3.趨勢(shì)類
可視化的方法分析數(shù)據(jù)的變化趨勢(shì)。 使用圖形的位置表現(xiàn)出數(shù)據(jù)在連續(xù)區(qū)域上的分布，通常展示數(shù)據(jù)在連續(xù)區(qū)域上的大小變化的規(guī)律。
4.分布類
可視化的方法顯示頻率，數(shù)據(jù)分散在一個(gè)區(qū)間或分組。 使用圖形的位置、大小、顏色的漸變程度來表現(xiàn)數(shù)據(jù)的分布， 通常用于展示連續(xù)數(shù)據(jù)上數(shù)值的分布情況。
5.地圖類
可視化的方法顯示地理區(qū)域上的數(shù)據(jù)。 使用地圖作為背景，通過圖形的位置來表現(xiàn)數(shù)據(jù)的地理位置， 通常來展示數(shù)據(jù)在不同地理區(qū)域上的分布情況。
6.區(qū)間類
可視化的方法顯示同一維度上值的上限和下限之間的差異。 使用圖形的大小和位置表示數(shù)值的上限和下限，通常用于表示數(shù)據(jù)在某一個(gè)分類（時(shí)間點(diǎn)）上的最大值和最小值。
7.時(shí)間類
可視化的方法顯示以時(shí)間為特定維度的數(shù)據(jù)。 使用圖形的位置表現(xiàn)出數(shù)據(jù)在時(shí)間上的分布，通常用于表現(xiàn)數(shù)據(jù)在時(shí)間維度上的趨勢(shì)和變化。
最后，總結(jié)一句，數(shù)據(jù)可視化首先要保證數(shù)據(jù)的準(zhǔn)確展示，其次選對(duì)圖表和配色，可大大增加視覺感。如果覺得配色有困難，審美難以決斷，不妨嘗試一些可視化不錯(cuò)的工具，諸如上文提的FineBI。
聯(lián)系客服
