配色方法,三種UI的選擇配色方法

來(lái)源:站酷 作者:悟思VOOSSI 學(xué)習(xí):10014人次

方法一:色輪配色

色輪由 12 種基本的顏色組成。

首先包含的是三原色( Primary colors ),即藍(lán)、黃、紅。

原色混合產(chǎn)生了二次色( Secondary colors ),用二次色混合,產(chǎn)生了三次色( tertiary colors )。

色輪有五個(gè)同心環(huán)組成,從暗到亮-暗色處于大環(huán),明色處于小環(huán),而中間是顏色的基本色相。

配色方法,三種UI的選擇配色方法_www.theoat.com.cn

根據(jù)顏色的關(guān)系有以下幾種配色分類

a、單色配色

單色搭配就是以一個(gè)顏色為主,然后利用顏色的深淺來(lái)進(jìn)行搭配的方法,即色輪中,一種色相的暗、中、明三種色調(diào),單一顏色是比較單調(diào),所以利用顏色的深淺變化來(lái)增加多彩性。

配色方法,三種UI的選擇配色方法_www.theoat.com.cn

優(yōu)點(diǎn):畫面統(tǒng)一,搭配時(shí)相對(duì)簡(jiǎn)單而且一般都不會(huì)給人難看的感覺(jué),一般不會(huì)給人難看的感覺(jué)。

案例:

配色方法,三種UI的選擇配色方法_www.theoat.com.cn

b、鄰近色配色

在色相環(huán)上相鄰的色彩互為鄰近色

配色方法,三種UI的選擇配色方法_www.theoat.com.cn

優(yōu)點(diǎn) : 色調(diào)統(tǒng)一,具有低對(duì)比度的和諧美感。這種顏色搭配產(chǎn)生了一種令人悅目、低對(duì)比度的和諧美感。類比色非常豐富,在設(shè)計(jì)時(shí)應(yīng)用這種搭配同樣讓你輕易產(chǎn)生不錯(cuò)的視覺(jué)效果。

案例:

配色方法,三種UI的選擇配色方法_www.theoat.com.cn

c、互補(bǔ)色和對(duì)比色配色

互補(bǔ)色是在色相環(huán)上180°相對(duì)的兩個(gè)顏色,而對(duì)比色則是在色相環(huán)上150°到180°范圍內(nèi)相對(duì)的兩個(gè)顏色。

配色方法,三種UI的選擇配色方法_www.theoat.com.cn

優(yōu)點(diǎn):補(bǔ)色和對(duì)比色形成強(qiáng)列的對(duì)比效果,傳達(dá)出活力、能量、興奮等意義。補(bǔ)色要達(dá)到最佳的效果,最好是其中一種面積比較小,另一種比較大。比如在一個(gè)藍(lán)色的區(qū)域里搭配橙色的小圓點(diǎn)。

案例:

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

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

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

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