配色知識(shí),適合新手的零基礎(chǔ)配色方案(2)
7. 分裂補(bǔ)色(同時(shí)用補(bǔ)色及類比色的方法來確定的顏色關(guān)系)
稍微有點(diǎn)復(fù)雜的色彩關(guān)系,但是也蠻常用的:
8. 二次色(三位一體)
像不像個(gè)魔法陣,可以旋轉(zhuǎn)取色哦。
9. CMYK
CMY是3種印刷油墨名稱的首字母:青色Cyan、品紅色Magenta、黃色Yellow。而K取的是Black最后一個(gè)字母,之所以不取首字母,是為了避免與藍(lán)色(Blue)混淆。
常用的印刷色,了解一下,做UI我就不怎么考慮這個(gè)啦。
10. 色彩心理學(xué)
這個(gè)是我自己看了美國視覺設(shè)計(jì)教材后摘下的,也就是大家常說的色彩的內(nèi)涵,色彩傳達(dá)的意義。
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)站?還是要做萬圣節(jié)UI?還是要做企業(yè)產(chǎn)品站?還是要做女生主題?還是…….
b)然后根據(jù)你了解的色彩心理學(xué),如果是要做女生使用的UI,那我們可以使用粉紅,紫色等等女生會(huì)喜歡的鮮艷的色彩,那我們嘗試找一張『秋天,落葉,唯美』風(fēng)景照
下圖是我直接百度找的,小圖大圖有水印無水印無所謂,我們不拿來商用,我們只是拿來『馬賽克』,不會(huì)侵犯版權(quán),沒事。
c)然后使用Photoshop把它馬賽克了,濾鏡下的馬賽克,記得要大大的碼。
做到以下的效果:
d)好了,配色方案已經(jīng)出來了,很安全,你還要怎樣?如果你嫌棄這個(gè)顏色,要調(diào)整,圖層建立一個(gè)飽和度調(diào)節(jié)層即可,方便快速。
根據(jù)需要調(diào)整即可,我箭頭標(biāo)注的都是安全的色彩哦,自己也可以篩選一些。
2. Photoshop 插件法(Adobe Kuler, Adobe Color Themes)學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理