UI設(shè)計(jì)中的配色經(jīng)驗(yàn)分享

　　一個(gè)好的設(shè)計(jì)作品，除了需要靈感，排版，文字設(shè)計(jì)，圖形處理等，顏色搭配的重要性也占到非常大的比重。今天AAA教育的武老師來(lái)講解UI設(shè)計(jì)中的色彩，分享UI設(shè)計(jì)中的配色經(jīng)驗(yàn)。
 

　　一、顏色是區(qū)分過(guò)時(shí)設(shè)計(jì)和時(shí)髦設(shè)計(jì)的重要指標(biāo)
 

　　大家可能會(huì)注意到時(shí)代審美是在變動(dòng)的，如果現(xiàn)在還有人拿出幾年前的設(shè)計(jì)方法，可能會(huì)鬧出笑話(huà)。設(shè)計(jì)雖然是一種高級(jí)的與審美結(jié)合的腦力勞動(dòng)，但是它與人們的生活聯(lián)系十分緊密，隨著設(shè)計(jì)的要求越來(lái)越高，人們漸漸被寵壞，審美的能力也越來(lái)越強(qiáng)，越來(lái)越挑剔，而人們判斷的第一標(biāo)準(zhǔn)就是既視感，說(shuō)白了就是顏色的搭配。但是也不要過(guò)度追求時(shí)髦，而忽略了最基本的的東西。
 

　　看下面的圖，基本是同一個(gè)軟件的東西，哪個(gè)是當(dāng)下審美潮流的設(shè)計(jì)一眼就可以看出來(lái)。
 

　　二、顏色的搭配遵循設(shè)計(jì)的基本規(guī)則
 

　　學(xué)過(guò)語(yǔ)文的朋友應(yīng)該都知道，好的文學(xué)必須有對(duì)比。設(shè)計(jì)中也是，意思是無(wú)論在整體構(gòu)圖上，顏色搭配上，元素的排列上，必須存在對(duì)比，沒(méi)有對(duì)比就沒(méi)有效果，沒(méi)有對(duì)比就不能突出重點(diǎn)，沒(méi)有對(duì)比就沒(méi)有美感。
 

　　顏色的搭配同樣要遵循對(duì)比的原則。可以細(xì)分為純度，明度，色相上進(jìn)行對(duì)比，明暗對(duì)比，深淺對(duì)比，冷暖對(duì)比等。
 

　　顏色的對(duì)比很容易激發(fā)視覺(jué)上的沖擊。顏色的對(duì)比原則從另一個(gè)層面上講，也是一種襯托。為了讓設(shè)計(jì)更好的表達(dá)主題，人們往往需要用很多相關(guān)元素去襯托主題。這個(gè)原則是通用原則。不僅僅是平面設(shè)計(jì)，后期制作，影視制作，音樂(lè)等很多藝術(shù)形式都是這樣。
 

　　三、平面設(shè)計(jì)中所需要的一些關(guān)于顏色的經(jīng)驗(yàn)和規(guī)律
 

　　經(jīng)驗(yàn)一：色彩的黃金法則 6:3:1
 

　　在一個(gè)UI設(shè)計(jì)作品中達(dá)到黃金法則，也就是60%的主色，30%的輔助色，加上10%的點(diǎn)綴色，不敢說(shuō)滿(mǎn)足這個(gè)條件就一定是一個(gè)好的設(shè)計(jì)，但至少是一個(gè)不容易出錯(cuò)的設(shè)計(jì)。黃金法則黃金法則大家都不陌生，人物雕塑、建筑等，黃金比例就會(huì)有美觀，以后大家在對(duì)自己設(shè)計(jì)稿不滿(mǎn)意的時(shí)候，不妨看看我們的配色是否滿(mǎn)足這個(gè)黃金比例60%的主色調(diào)，它可能被用來(lái)渲染畫(huà)面氣氛;另外的30%是為了畫(huà)面的平衡，是為了襯托主色調(diào)而生。至于那10%剛才也有闡述，設(shè)計(jì)不能是死板的，有時(shí)需要一點(diǎn)點(diǎn)靈動(dòng)。

 

　　經(jīng)驗(yàn)二：留心黑白
 

　　一般人對(duì)黑色有一定的恐懼感，對(duì)白色往往又忽略。因?yàn)楹谏菦](méi)有色相的，會(huì)認(rèn)為黑色會(huì)讓畫(huà)面變得死氣沉沉;要素過(guò)多忘記留白。恰恰相反，有時(shí)候用那么一點(diǎn)點(diǎn)黑色，會(huì)讓畫(huà)面呈現(xiàn)出簡(jiǎn)練、精致的感覺(jué)，甚至是靈性;而白色則會(huì)讓作品閑的美觀，有呼吸感。
 

　　經(jīng)驗(yàn)三：自然色系，和諧統(tǒng)一
 

　　對(duì)于人來(lái)說(shuō)，喜歡無(wú)違和感的，喜歡看風(fēng)景，喜歡看建筑，人的眼睛總是容易習(xí)慣一些美的東西，比如藍(lán)天白云綠草地、落日燈火炊煙。從這些自然的事物里提取顏色，會(huì)讓你的設(shè)計(jì)更加有親和力，會(huì)讓人的眼睛更加舒服，讓人更加體會(huì)美的力量。
 

　　經(jīng)驗(yàn)四：色彩的反差
 

　　顏色會(huì)影響心情，不同顏色的對(duì)比情況，給人不同的情感反應(yīng)。比如正式的場(chǎng)合，黑西服，白襯衫會(huì)有種肅穆感，餐廳總是用明快的色調(diào)，寢室總是用暖色系以及很相近的顏色。顏色對(duì)比的情況跟色彩心理學(xué)聯(lián)系非常緊密。
 

　　如果你的設(shè)計(jì)想設(shè)計(jì)的是一個(gè)非常正規(guī)的事物，比如通知頁(yè)面，那么用強(qiáng)對(duì)比，強(qiáng)對(duì)比提起人的集中力和緊張感;如果你想表現(xiàn)輕松、隨意，比如母嬰用品，那么就用弱對(duì)比，弱對(duì)比讓人舒緩、愉悅。
 

　　以上就是本文對(duì)顏色的淺析，這些都是經(jīng)驗(yàn)，不是必須要準(zhǔn)守的準(zhǔn)則。如果你認(rèn)為這些方法使用有矛盾，阻擋自己的設(shè)計(jì)思路了，那就跟隨自己的心，多琢磨，多學(xué)習(xí)，有助于養(yǎng)成色彩敏感能力。如果有小伙伴想進(jìn)一步學(xué)習(xí)配色技巧，可以來(lái)AAA官網(wǎng)。