配色知識(shí),適合新手的零基礎(chǔ)配色方案

2022-12-26 18:34:22 來源/作者: / 己有:11人學(xué)習(xí)過

7. 分裂補(bǔ)色(同時(shí)用補(bǔ)色及類比色的方法來確定的顏色關(guān)系)

稍微有點(diǎn)復(fù)雜的色彩關(guān)系,但是也蠻常用的:

配色知識(shí),適合新手的零基礎(chǔ)配色方案

8. 二次色(三位一體)

像不像個(gè)魔法陣,可以旋轉(zhuǎn)取色哦。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

9. CMYK

CMY是3種印刷油墨名稱的首字母:青色Cyan、品紅色Magenta、黃色Yellow。而K取的是Black最后一個(gè)字母,之所以不取首字母,是為了避免與藍(lán)色(Blue)混淆。

常用的印刷色,了解一下,做UI我就不怎么考慮這個(gè)啦。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

10. 色彩心理學(xué)

這個(gè)是我自己看了美國(guó)視覺設(shè)計(jì)教材后摘下的,也就是大家常說的色彩的內(nèi)涵,色彩傳達(dá)的意義。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

11. 偏色調(diào)整

當(dāng)你使用顏料玩色彩的時(shí)候就比較常用啦,如果用Photoshop 去玩的話,那是可以反悔的。

偏黃:減黃

偏紅、品:加青(紅色的補(bǔ)色)、減品

偏紫:(多大量藍(lán),少量紅)加黃,減品

偏綠:加品

第二階段,配色軟件運(yùn)用

快速了解了上面常用的一些色彩知識(shí)后,就可以使用軟件進(jìn)行配色啦,這里我就歸納整理了一些方法,大家可以做參考,由于每個(gè)人的配色習(xí)慣不同,僅作參考。

(這一階段的圖片是自己親自實(shí)操截圖的)

1. 馬賽克配色法

這種方法非常簡(jiǎn)單,不需要使用軟件搭建色彩關(guān)系,隨便選一張圖片,建議『風(fēng)景照』,因?yàn)榇笞匀坏纳适亲詈椭C的,最安全的,不建議使用別人的插畫或者設(shè)計(jì)作品來馬賽克。

a)首先要想想自己做的設(shè)計(jì)的目標(biāo)是什么?我是要做個(gè)人網(wǎng)站?還是要做萬(wàn)圣節(jié)UI?還是要做企業(yè)產(chǎn)品站?還是要做女生主題?還是…….

b)然后根據(jù)你了解的色彩心理學(xué),如果是要做女生使用的UI,那我們可以使用粉紅,紫色等等女生會(huì)喜歡的鮮艷的色彩,那我們嘗試找一張『秋天,落葉,唯美』風(fēng)景照

下圖是我直接百度找的,小圖大圖有水印無(wú)水印無(wú)所謂,我們不拿來商用,我們只是拿來『馬賽克』,不會(huì)侵犯版權(quán),沒事。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

c)然后使用Photoshop把它馬賽克了,濾鏡下的馬賽克,記得要大大的碼。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

做到以下的效果:

配色知識(shí),適合新手的零基礎(chǔ)配色方案

d)好了,配色方案已經(jīng)出來了,很安全,你還要怎樣?如果你嫌棄這個(gè)顏色,要調(diào)整,圖層建立一個(gè)飽和度調(diào)節(jié)層即可,方便快速。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

根據(jù)需要調(diào)整即可,我箭頭標(biāo)注的都是安全的色彩哦,自己也可以篩選一些。

配色知識(shí),適合新手的零基礎(chǔ)配色方案

2. Photoshop 插件法(Adobe Kuler, Adobe Color Themes)