大家知道色彩在UI界面設(shè)計(jì)中非常重要，但是色彩也是最難掌握的。很多設(shè)計(jì)師也是因?yàn)榕渖臒蓝恢?，今天我分享一個(gè)特殊的方法，幫你打開(kāi)配色大門，看完后我相信你對(duì)配色更加自信與新的認(rèn)識(shí)。
今天主要分享4種色彩特征點(diǎn)，每一種都有他獨(dú)特的地方，而且我拆解分析后，簡(jiǎn)單易學(xué)易掌握。看完后，堅(jiān)持去做練習(xí)與閱讀設(shè)計(jì)，3個(gè)月后沒(méi)進(jìn)步來(lái)找我。
單色組合
單色設(shè)計(jì)是最簡(jiǎn)單的一種方式，因?yàn)樗皇褂靡环N顏色或色調(diào)。這里所說(shuō)的“單色調(diào)”并不是指一種顏色，而是所選顏色都來(lái)自同一基本色，然后調(diào)整明度變化，形成多種不同明度和飽和度的顏色。
如上圖，就是一個(gè)典型的單色配色組合，這種色彩搭配比較適合新人學(xué)習(xí)。單色設(shè)計(jì)有幾大優(yōu)點(diǎn)：”創(chuàng)建和諧統(tǒng)一的視覺(jué)效果；聚焦內(nèi)容設(shè)計(jì)而非色彩搭配；設(shè)計(jì)更容易上手，色感偏弱一些的伙伴可以減輕配色壓力“。
下面我們看看一些單色配色案例
紅色系配色方案
補(bǔ)充說(shuō)明：一般單色設(shè)計(jì)時(shí)候，可以適當(dāng)少量的添加其他顏色作為點(diǎn)綴，這樣設(shè)計(jì)出來(lái)的效果會(huì)起到點(diǎn)睛之筆，視覺(jué)效果也提升很多。
天藍(lán)色方案
紅棕色配色方案
淺藍(lán)色方案
黃色方案
總結(jié)思路：單色設(shè)計(jì)最大優(yōu)點(diǎn)易上手，聚焦內(nèi)容。設(shè)計(jì)方法；選定一個(gè)顏色，然后通過(guò)變化其明亮度來(lái)調(diào)整層次。單色是最好用，設(shè)計(jì)最不易出錯(cuò)，推薦色彩薄弱的伙伴優(yōu)先學(xué)習(xí)這種配色方法。
同類色組合
同類色的配色方案使用色環(huán)上彼此相鄰的顏色，如紅色和橙色或藍(lán)色和綠色。同類色在色輪上的夾角60°以內(nèi)的色彩，其色相對(duì)比差異不是很大，給人以協(xié)調(diào)統(tǒng)一印象。
如上圖，藍(lán)色與綠色組合，其色相對(duì)比差異相對(duì)較小，運(yùn)用在界面設(shè)計(jì)中和諧統(tǒng)一。同類色設(shè)計(jì)避免畫面枯燥，設(shè)計(jì)過(guò)程中也是可通過(guò)明暗關(guān)系來(lái)調(diào)整畫面舒適度。
藍(lán)綠色組合
藍(lán)色與天藍(lán)色組合
綠色與淡黃色組合
紅黃組合
總結(jié)思路：同類色設(shè)計(jì)中，最關(guān)鍵點(diǎn)就是需要注意色彩比例，推薦色彩使用比例60%：30%：10%其中60%是占比最大主色，30%是主色通過(guò)明暗關(guān)系變化而來(lái)，10%就是點(diǎn)綴色，這樣整個(gè)畫面設(shè)計(jì)就沒(méi)那么枯燥。
互補(bǔ)色組合
互補(bǔ)色是指色輪上那些呈180°角的顏色，比如我們最常說(shuō)到的3組互補(bǔ)色：紅和綠、藍(lán)和橙、黃和紫，這些顏色對(duì)比非常強(qiáng)烈。但是也因?yàn)檫@樣，設(shè)計(jì)上也經(jīng)常出驚艷的效果，但是難度也是最大的，稍有不慎就會(huì)色彩扎眼。
上圖紅綠互補(bǔ)色，紅綠互補(bǔ)色一般都是有一個(gè)主導(dǎo)顏色，然后一個(gè)點(diǎn)綴顏色；上圖綠色為主導(dǎo)顏色，它所占比例最大，紅色只是作為一個(gè)點(diǎn)綴或者強(qiáng)調(diào)作用。下圖就是一個(gè)很好的案例。
看看其他互補(bǔ)色案例
不同明度的紅色綠色組合
總結(jié)思路：互補(bǔ)色設(shè)計(jì)，相對(duì)難度偏大一些，對(duì)設(shè)計(jì)師色彩把控要求高一些，色彩使用比例與范圍，一把正常情況下補(bǔ)色占比非常小，比如10%。
黑白灰組合
今天所講的黑白灰組合設(shè)計(jì)，并不是說(shuō)畫面純黑白這樣的，而且黑白占比最大，其他顏色占比最小。
上圖就是剛剛說(shuō)的典型黑白灰設(shè)計(jì)，紅色作為強(qiáng)調(diào)色，占比最小（60%，30%，10%）。這類設(shè)計(jì)適合簡(jiǎn)約高級(jí)感設(shè)計(jì)，下面我們看看實(shí)際案例。
黑白占據(jù)主導(dǎo)地位，綠色在里面起到強(qiáng)調(diào)作用。
特殊案例，純黑白灰設(shè)計(jì)
聯(lián)系客服
