UI設(shè)計(jì)色彩搭配有哪些原則？

配色是一項(xiàng)非常重要的設(shè)計(jì)素養(yǎng)，需要通過(guò)系統(tǒng)的學(xué)習(xí)和大量的觀察練習(xí)才能慢慢提升?？傮w來(lái)說(shuō)，手機(jī)UⅠ界面設(shè)計(jì)應(yīng)遵循以下4條配色原則：整體色調(diào)要協(xié)調(diào)統(tǒng)一、配色要有重點(diǎn)色、注意色彩平衡，以及對(duì)立色的調(diào)和。

在著手創(chuàng)建自己的APP界面時(shí)，可以先考慮APP的性質(zhì)、內(nèi)容和目標(biāo)受眾，考慮自己究竟要表現(xiàn)出怎樣的視覺效果，營(yíng)造出怎樣的操作氛圍，以此制定出科學(xué)合理的配色方案，并嚴(yán)格地按照配色方案來(lái)塑造UI界面中的每個(gè)元素。

配色本身無(wú)法被量化，也無(wú)法在短時(shí)間內(nèi)提高，但還是應(yīng)該遵循一些約定俗成的配色原則。

整體色調(diào)協(xié)調(diào)統(tǒng)一

在著手設(shè)計(jì)界面之前，應(yīng)該先確定主色調(diào)。主色將會(huì)占據(jù)頁(yè)面中很大的面積，其他的輔助性顏色都應(yīng)該以主色為基準(zhǔn)進(jìn)行搭配。這可以增加整體色調(diào)的協(xié)調(diào)統(tǒng)一，重點(diǎn)突出，使作品更加專業(yè)和美觀。

有重點(diǎn)色

配色時(shí)，可以選取一種顏色作為整個(gè)界面的重點(diǎn)色，這個(gè)顏色可以被運(yùn)用到焦點(diǎn)圖、按鈕、圖標(biāo)，或者其他相對(duì)重要的元素，使之成為整個(gè)頁(yè)面的焦點(diǎn)。

重點(diǎn)色不應(yīng)用于主色和背景色等面積較大的色塊，應(yīng)用于強(qiáng)調(diào)界面中重要元素的小面積零散色塊。

注意色彩的平衡

配色的平衡主要是指顏色的強(qiáng)弱、輕重和濃淡的關(guān)系。一般來(lái)說(shuō)，同類色彩的搭配方案往往能夠很好地實(shí)現(xiàn)平衡性和協(xié)調(diào)性，而高純度的互補(bǔ)色或?qū)Ρ壬?，例如：高純度的紅色和綠色很容易帶來(lái)過(guò)度強(qiáng)烈的視覺刺激，使人產(chǎn)生視覺疲勞。

另一方面是關(guān)于明度的平衡關(guān)系。高明度的顏色顯得更明亮，可以強(qiáng)化空間感和活躍感;低明度的顏色則會(huì)更多的強(qiáng)化穩(wěn)重低調(diào)的感覺。

調(diào)和對(duì)立色

當(dāng)包含兩個(gè)或兩個(gè)以上的對(duì)立色時(shí)，頁(yè)面的整體色調(diào)就會(huì)失衡，這時(shí)就需要對(duì)對(duì)立色進(jìn)行調(diào)和。通?？梢允褂靡韵?種方法進(jìn)行調(diào)和。

①調(diào)整對(duì)立色的面積，使一種顏色成為主色，其他顏色成為輔助色。為了降低輔助色的色感，可能需要適當(dāng)調(diào)整它們的純度和明度。

②添加兩種對(duì)立色之間的顏色，引導(dǎo)顏色在色相上逐漸過(guò)渡。例如：要調(diào)和紅色和黃色，可加入橙色。

③加入大量的中性色。黑、白、灰被稱為中性色，它們不帶有任何正面或負(fù)面的感情色彩，用來(lái)調(diào)和其他有彩色是非常不錯(cuò)的方法。