UI設(shè)計(jì)終極配色指南
時(shí)間：2020-11-30來(lái)源：lb577.com點(diǎn)擊量：次作者：Gella
時(shí)間：2020-11-30點(diǎn)擊量：次作者：Gella
很多同學(xué)經(jīng)?？鄲烙谂渖娇偸请y以提升，色感把握不準(zhǔn)。今天AAA教育周老師給大家分享一些配色的經(jīng)驗(yàn)方法，輕松配出好看高級(jí)的顏色!
要想搭配出好看的顏色，我們得先來(lái)分析一下，什么是高級(jí)的色彩?什么是不高級(jí)的色彩?好的配色一眼就可以看出其深厚的設(shè)計(jì)功底，而差的配色各有千秋，總之就是一個(gè)字
“丑”
下面來(lái)看兩組案例：
通過(guò)看圖對(duì)比我們能夠發(fā)現(xiàn)
不高級(jí)的配色組合，往往顏色種類(lèi)多，且飽和度較高，比較刺眼，而高級(jí)的配色組合，往往顏色簡(jiǎn)潔分明，不會(huì)混搭太多其它的色彩。
咱們就來(lái)歸納一下，高級(jí)的顏色搭配，會(huì)有哪些特征。
1)色相 / 飽和度 / 明度
色相
這里的種類(lèi)指的是色相，泛指色彩的樣貌，比如紅橙黃綠青藍(lán)紫，這些都是不同的色相。
設(shè)計(jì)中除了顏色不宜過(guò)于飽和，顏色的種類(lèi)也不宜過(guò)多。
飽和度
飽和度是色彩的純度。增加飽和度，色彩會(huì)變得更強(qiáng)烈、鮮艷生動(dòng);降低飽和度，色彩會(huì)變得暗淡乏味。
明度
除了色相和飽和度，色彩的層次關(guān)系非常重要。這個(gè)層次主要體現(xiàn)在兩個(gè)方面，一個(gè)方面是顏色明度的進(jìn)階，不同的顏色明度，會(huì)讓頁(yè)面更具備空間感;
明度達(dá)到100%時(shí)，色彩就會(huì)變成白色;明度是0%時(shí)，就會(huì)變成黑色。如下圖：
通常同類(lèi)顏色不同明度的設(shè)計(jì)，能讓頁(yè)面具備空間層次的同時(shí)，還能讓頁(yè)面很干凈。但明度也不要隨意指定，最好是等比例，如20%、40%、60%、80%、100% 這樣等比例疊加就好。
、
2)主次分明 層級(jí)關(guān)系清晰
對(duì)于新人來(lái)說(shuō)，最開(kāi)始的時(shí)候，最好只使用一個(gè)主色，其他全是輔助色，如果你的顏色沒(méi)有主次，就很容易用亂：
因此設(shè)計(jì)師在做界面設(shè)計(jì)時(shí)候，應(yīng)減少顏色使用數(shù)量，盡量控制3種以內(nèi)，采用黃金比例——6：3：1原則去合理分配顏色。
60%+30%+10%的原則，是達(dá)到色彩平衡的最佳比例。在60%的空間使用主色，30%的空間使用輔助色，最后剩下10%的空間為另外一種色彩。這樣可以使用戶眼睛從一點(diǎn)移動(dòng)到下一個(gè)點(diǎn)時(shí)，非常舒服。
如果一副畫(huà)面里面的色彩，沒(méi)有主次之分，就好比一部電影里沒(méi)有主角，全部都是配角，索然無(wú)味。而有了主次，馬上層級(jí)關(guān)系就會(huì)清晰明了。
3)融入無(wú)彩色
無(wú)彩色系指的是不包含其他任何色相，只有黑、白、灰三種顏色。
我們會(huì)發(fā)現(xiàn)，很多作品的顏色搭配，都不僅僅只是用了彩色，還用了一些無(wú)彩色，比如黑白灰、肉色等等，這樣可以一定程度上的中和彩色，并且豐富層次。
無(wú)彩色具有統(tǒng)一整體設(shè)計(jì)的多種功能。例如，將許多純度和明度參差不齊的色彩用于設(shè)計(jì)的場(chǎng)合，由于配色沒(méi)有一貫性，容易給人沒(méi)有整體感的印象，然而，只要背景采用白色或黑色等無(wú)彩色，將每種色彩進(jìn)行區(qū)隔后，色彩看起來(lái)是各自獨(dú)立的，整體也就自然統(tǒng)一了。
熱門(mén)推薦
UI設(shè)計(jì)
產(chǎn)品經(jīng)理
大數(shù)據(jù)分析
原畫(huà)設(shè)計(jì)
平面設(shè)計(jì)
新媒體運(yùn)營(yíng) 
