杭州UI設(shè)計(jì)學(xué)習(xí)效果|用戶界面設(shè)計(jì)的色彩搭配
配色是一項(xiàng)非常重要的藝術(shù)素養(yǎng),需要系統(tǒng)的學(xué)習(xí)和大量的觀察實(shí)踐來提高。一般來說,手機(jī)UI界面的設(shè)計(jì)要遵循以下四個(gè)配色原則:整體色調(diào)要協(xié)調(diào),配色要有主色調(diào),要注意色彩平衡和對(duì)比色的和諧(內(nèi)容參考書《移動(dòng)應(yīng)用UI設(shè)計(jì)》)
顏色的形象
當(dāng)人們看到不同的顏色時(shí),會(huì)有不同的心理反應(yīng)。比如人看到紅色,下意識(shí)的心跳加快,血流加快,然后就有一種興奮、刺激、熱情的感覺。這就是色彩的作用和形象。
暖色調(diào)能呈現(xiàn)溫暖、溫馨的氣氛,冷色調(diào)能呈現(xiàn)安靜、涼爽、優(yōu)雅的氣氛;對(duì)比色調(diào)搭配可以產(chǎn)生強(qiáng)烈的視覺效果,給人明亮、明亮、喜慶的感覺,但搭配不當(dāng)會(huì)產(chǎn)生庸俗、刺眼的不良效果。
配色原理
(1)整體色彩協(xié)調(diào)性:界面設(shè)計(jì)首先要確定主色,主色會(huì)占用頁面大面積,其他輔助色要以主色為基礎(chǔ)進(jìn)行搭配。這樣可以保證整體基調(diào)的協(xié)調(diào)統(tǒng)一,突出重點(diǎn),使作品更加專業(yè)美觀。

(2)關(guān)鍵色:配色時(shí),可以選擇一種顏色作為整個(gè)界面的關(guān)鍵色。此顏色可應(yīng)用于焦點(diǎn)圖、按鈕、圖標(biāo)或其他相對(duì)重要的元素,使其成為整個(gè)頁面的焦點(diǎn)。主色和大面積背景色不要用關(guān)鍵色,要用強(qiáng)調(diào)界面重要元素的小面積分散色。
(3)注意色彩的平衡:色彩搭配的平衡主要是指色彩的強(qiáng)弱、輕重、深淺的關(guān)系。一般來說,相似顏色的搭配方案往往能達(dá)到很好的平衡和協(xié)調(diào),而高純度的補(bǔ)色或?qū)Ρ壬?,如紅、綠等,則容易帶來過度強(qiáng)烈的視覺刺激,讓人感覺不舒服。另一方面,為了亮度的平衡,高亮度的顏色顯得更亮,可以增強(qiáng)空間感和活動(dòng)感;低明度的顏色會(huì)更加強(qiáng)沉穩(wěn)低調(diào)的感覺。
(4)調(diào)和對(duì)比色:當(dāng)有兩種或兩種以上的對(duì)比色時(shí),頁面整體色調(diào)會(huì)比較均衡,因此需要調(diào)和對(duì)比色。
通常有三種方法來協(xié)調(diào):
A.調(diào)整相反顏色的區(qū)域,使一種顏色為主色,另一種顏色為輔色。為了減少輔助色的色感,可能需要適當(dāng)調(diào)整其純度和明度;
B.在兩種相反的顏色之間添加顏色,以引導(dǎo)顏色在色調(diào)上的逐漸過渡。比如調(diào)和紅黃,可以加橙色;
C.加大量中性色,黑、白、灰都叫中性色。他們沒有任何積極或消極的情感色彩。這是一種非常有效的混合其他顏色的方法。
常見的配色方法
每種顏色在印象空間中都有其獨(dú)特的位置,因此可以通過加減來近似估計(jì)印象。如果每種顏色都是高亮度,那么它的疊加就會(huì)達(dá)到柔和明亮的效果;如果每種顏色都很強(qiáng),疊加的效果也很強(qiáng)。
黑色:作為整個(gè)界面的主色,表現(xiàn)出高端、精致、穩(wěn)定的感覺。同時(shí)隨著不同明度的變化凸顯界面層次和主次效果。
紅色:是影響效果最大的顏色,也容易讓人激動(dòng)。搭配黑色可以減少對(duì)人大腦的刺激,彌補(bǔ)黑色帶來的虛弱、恐懼等負(fù)面情緒。
綠色:置于黑色背景下,即使是小色塊也會(huì)很吸引人。綠色還可以減弱黑色和紅色對(duì)人腦的刺激,賦予生命活力和安全感。
白色:文字顏色與黑色背景顏色形成鮮明對(duì)比,整個(gè)頁面變得明亮、明亮,突出了主要內(nèi)容,便于人們?yōu)g覽內(nèi)容一目了然。
不同的顏色搭配在一起,色相、彩度、明度都會(huì)改變色彩效果。兩種或兩種以上的淺色在一起不會(huì)產(chǎn)生對(duì)比效果,很多深色也不會(huì)把人吸引到一起。然而,當(dāng)淺色與深色混合時(shí),淺色顯得更淺,深色顯得更深。明度和色相產(chǎn)生同樣的對(duì)比效果。
不同的顏色搭配在一起,色相、彩度、明度都會(huì)改變色彩效果。兩種或兩種以上的淺色在一起不會(huì)產(chǎn)生對(duì)比效果,很多深色也不會(huì)把人吸引到一起。然而,當(dāng)淺色與深色混合時(shí),淺色顯得更淺,深色顯得更深。明度和色相產(chǎn)生同樣的對(duì)比效果。
當(dāng)然,在實(shí)際設(shè)計(jì)過程中,設(shè)計(jì)師也需要考慮乘除法。比如亮度和對(duì)比度相同的顏色,在色環(huán)上的角度不同,就能得到萬千感受。