顏色搭配,3個(gè)可視化信息圖的色彩搭配技巧(2)
在Graphiq,我們以數(shù)據(jù)為生命,并且投入了大量時(shí)間尋找能夠用于數(shù)據(jù)可視化的配色方案,不是一組,而是許多組。我們?cè)谶@個(gè)過(guò)程中受益良多,并且打算分享這些能夠創(chuàng)造出靈活配色的準(zhǔn)則:
第1條:色調(diào)與明度的跨度都要大
要確保配色非常容易辨識(shí)與區(qū)分,它們的明度差異一定要夠大。明度差異需要全局考慮。選擇一種單色系的配色,并且測(cè)試它在紅色盲、綠色盲與灰度模式下的表現(xiàn)。你就能迅速了解這個(gè)配色的辨識(shí)度水平。
△ Google Material配色中的淺藍(lán)色的完整色彩、紅色盲模式與灰度模式。
但是,有一組明度跨度大的配色還不夠。配色越多樣,用戶(hù)越容易將數(shù)據(jù)與圖像聯(lián)系起來(lái)。如果能善加利用色調(diào)的變化,就能使非色盲用戶(hù)更加輕松。
對(duì)于明度與色調(diào),跨度越大,就能承載越多的數(shù)據(jù)。
第2條:仿照自然的配色
設(shè)計(jì)師都知道一個(gè)小秘密,對(duì)于理性派們而言這似乎不符合常識(shí):并非所有顏色都是均等的。
從純數(shù)學(xué)的角度來(lái)看,淡紫到深黃的過(guò)渡,與淡黃到深紫的過(guò)渡,感覺(jué)大概相似。但我們?cè)谙旅婵梢钥吹剑罢吒杏X(jué)很自然,后者則不是。
這是由于我們已經(jīng)習(xí)慣于那些長(zhǎng)期存在于自然界中的漸變。在華麗的日落中,我們就能看到明黃色向深紫色的漸變,但卻沒(méi)有哪里能看到淡紫色向深黃色的過(guò)渡。
類(lèi)似的,還有淺綠色到藏藍(lán)色、鵝黃色到深綠色、棕紅色到藍(lán)灰色,等等。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 色彩搭配
- 配色教程
- 十萬(wàn)個(gè)為什麼
- 顏色搭配
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法
- 攝影后期培訓(xùn)“老師”用“假色環(huán)” 黃 藍(lán)不是互補(bǔ)色
- 色彩系列教程(3):實(shí)際運(yùn)用
- 科普知識(shí),講解一下常的6種圖片格式
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 包裝設(shè)計(jì),快速設(shè)計(jì)好看的包裝及定位的心得
- 設(shè)計(jì)趨勢(shì),了解2015年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)
- 排版知識(shí),三個(gè)提升閱讀體驗(yàn)的排版小技巧
- 設(shè)計(jì)神器,PS CC2015版本圓角腳本插件漢化及下載
- 圖像處理新手知識(shí)之七——色彩模式莫混淆