顏色搭配,3個可視化信息圖的色彩搭配技巧

2022-12-26 18:35:03 來源/作者: / 己有:48人學習過

在Graphiq,我們以數據為生命,并且投入了大量時間尋找能夠用于數據可視化的配色方案,不是一組,而是許多組。我們在這個過程中受益良多,并且打算分享這些能夠創造出靈活配色的準則:

第1條:色調與明度的跨度都要大

要確保配色非常容易辨識與區分,它們的明度差異一定要夠大。明度差異需要全局考慮。選擇一種單色系的配色,并且測試它在紅色盲、綠色盲與灰度模式下的表現。你就能迅速了解這個配色的辨識度水平。

顏色搭配,3個可視化信息圖的色彩搭配技巧

顏色搭配,3個可視化信息圖的色彩搭配技巧

顏色搭配,3個可視化信息圖的色彩搭配技巧

△ Google Material配色中的淺藍色的完整色彩、紅色盲模式與灰度模式。

但是,有一組明度跨度大的配色還不夠。配色越多樣,用戶越容易將數據與圖像聯系起來。如果能善加利用色調的變化,就能使非色盲用戶更加輕松。

顏色搭配,3個可視化信息圖的色彩搭配技巧

對于明度與色調,跨度越大,就能承載越多的數據。

第2條:仿照自然的配色

設計師都知道一個小秘密,對于理性派們而言這似乎不符合常識:并非所有顏色都是均等的。

從純數學的角度來看,淡紫到深黃的過渡,與淡黃到深紫的過渡,感覺大概相似。但我們在下面可以看到,前者感覺很自然,后者則不是。

顏色搭配,3個可視化信息圖的色彩搭配技巧

這是由于我們已經習慣于那些長期存在于自然界中的漸變。在華麗的日落中,我們就能看到明黃色向深紫色的漸變,但卻沒有哪里能看到淡紫色向深黃色的過渡。

顏色搭配,3個可視化信息圖的色彩搭配技巧

顏色搭配,3個可視化信息圖的色彩搭配技巧

顏色搭配,3個可視化信息圖的色彩搭配技巧

類似的,還有淺綠色到藏藍色、鵝黃色到深綠色、棕紅色到藍灰色,等等。

顏色搭配,3個可視化信息圖的色彩搭配技巧

顏色搭配,3個可視化信息圖的色彩搭配技巧