用戶界面設(shè)計的色彩匹配

配色是一項非常重要的藝術(shù)素養(yǎng)，需要系統(tǒng)的學(xué)習(xí)和大量的觀察實踐來提高。一般來說，手機UI界面的設(shè)計要遵循以下四個配色原則:整體色調(diào)要協(xié)調(diào)，配色要有主色調(diào)，要注意色彩平衡和對比色的和諧(內(nèi)容參考書《移動應(yīng)用UI設(shè)計》)

顏色的形象

當(dāng)人們看到不同的顏色時，會有不同的心理反應(yīng)。比如人看到紅色，下意識的心跳加快，血流加快，然后就有一種興奮、刺激、熱情的感覺。這就是色彩的作用和形象。

暖色調(diào)能呈現(xiàn)溫暖、溫馨的氣氛，冷色調(diào)能呈現(xiàn)安靜、涼爽、優(yōu)雅的氣氛；對比色調(diào)搭配可以產(chǎn)生強烈的視覺效果，給人明亮、明亮、喜慶的感覺，但搭配不當(dāng)會產(chǎn)生庸俗、刺眼的不良效果。

配色原理

(1)整體色彩協(xié)調(diào)性:界面設(shè)計首先要確定主色，主色會占用頁面大面積，其他輔助色要以主色為基礎(chǔ)進(jìn)行搭配。這樣可以保證整體基調(diào)的協(xié)調(diào)統(tǒng)一，突出重點，使作品更加專業(yè)美觀。

(2)關(guān)鍵色:配色時，可以選擇一種顏色作為整個界面的關(guān)鍵色。此顏色可應(yīng)用于焦點圖、按鈕、圖標(biāo)或其他相對重要的元素，使其成為整個頁面的焦點。主色和大面積背景色不要用關(guān)鍵色，要用強調(diào)界面重要元素的小面積分散色。

(3)注意色彩的平衡:色彩搭配的平衡主要是指色彩的強弱、輕重、深淺的關(guān)系。一般來說，相似顏色的搭配方案往往能達(dá)到很好的平衡和協(xié)調(diào)，而高純度的補色或?qū)Ρ壬缂t、綠等，則容易帶來過度強烈的視覺刺激，讓人感覺不舒服。另一方面，為了亮度的平衡，高亮度的顏色顯得更亮，可以增強空間感和活動感；低明度的顏色會更加強沉穩(wěn)低調(diào)的感覺。

(4)調(diào)和對比色:當(dāng)有兩種或兩種以上的對比色時，頁面整體色調(diào)會比較均衡，因此需要調(diào)和對比色。

通常有三種方法來協(xié)調(diào):

A.調(diào)整相反顏色的區(qū)域，使一種顏色為主色，另一種顏色為輔色。為了減少輔助色的色感，可能需要適當(dāng)調(diào)整其純度和明度；

B.在兩種相反的顏色之間添加顏色，以引導(dǎo)顏色在色調(diào)上的逐漸過渡。比如調(diào)和紅黃，可以加橙色；

C.加大量中性色，黑、白、灰都叫中性色。他們沒有任何積極或消極的情感色彩。這是一種非常有效的混合其他顏色的方法。

常見的配色方法

每種顏色在印象空間中都有其獨特的位置，因此可以通過加減來近似估計印象。如果每種顏色都是高亮度，那么它的疊加就會達(dá)到柔和明亮的效果；如果每種顏色都很強，疊加的效果也很強。

黑色:作為整個界面的主色，表現(xiàn)出高端、精致、穩(wěn)定的感覺。同時隨著不同明度的變化凸顯界面層次和主次效果。

紅色:是影響效果最大的顏色，也容易讓人激動。搭配黑色可以減少對人大腦的刺激，彌補黑色帶來的虛弱、恐懼等負(fù)面情緒。

綠色:置于黑色背景下，即使是小色塊也會很吸引人。綠色還可以減弱黑色和紅色對人腦的刺激，賦予生命活力和安全感。

白色:文字顏色與黑色背景顏色形成鮮明對比，整個頁面變得明亮、明亮，突出了主要內(nèi)容，便于人們?yōu)g覽內(nèi)容一目了然。

不同的顏色搭配在一起，色相、彩度、明度都會改變色彩效果。兩種或兩種以上的淺色在一起不會產(chǎn)生對比效果，很多深色也不會把人吸引到一起。然而，當(dāng)淺色與深色混合時，淺色顯得更淺，深色顯得更深。明度和色相產(chǎn)生同樣的對比效果。

不同的顏色搭配在一起，色相、彩度、明度都會改變色彩效果。兩種或兩種以上的淺色在一起不會產(chǎn)生對比效果，很多深色也不會把人吸引到一起。然而，當(dāng)淺色與深色混合時，淺色顯得更淺，深色顯得更深。明度和色相產(chǎn)生同樣的對比效果。

當(dāng)然，在實際設(shè)計過程中，設(shè)計師也需要考慮乘除法。比如亮度和對比度相同的顏色，在色環(huán)上的角度不同，就能得到萬千感受。