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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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