當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

來源:colacha 作者:十萬個為什麼 學(xué)習(xí):13754人次

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

第1條:色調(diào)與明度的跨度都要大

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

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

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

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

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

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

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

對于明度與色調(diào),跨度越大,就能承載越多的數(shù)據(jù)。

第2條:仿照自然的配色

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

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

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

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

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

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

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

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

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!