魔方格魔方格合作機構(gòu)> 石家莊培訓學校>石家莊火星時代教育
石家莊火星時代教育
全國統(tǒng)一學習專線 8:30-21:00
位置:魔方格 > 設計>UI設計> UI設計色彩搭配有哪些原則?  正文

UI設計色彩搭配有哪些原則?

發(fā)布時間:2022-03-04 11:39:35來源:魔方格

配色是一項非常重要的設計素養(yǎng),需要通過系統(tǒng)的學習和大量的觀察練習才能慢慢提升??傮w來說,手機UⅠ界面設計應遵循以下4條配色原則:整體色調(diào)要協(xié)調(diào)統(tǒng)一、配色要有重點色、注意色彩平衡,以及對立色的調(diào)和。

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

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

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

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

有重點色

配色時,可以選取一種顏色作為整個界面的重點色,這個顏色可以被運用到焦點圖、按鈕、圖標,或者其他相對重要的元素,使之成為整個頁面的焦點。

重點色不應用于主色和背景色等面積較大的色塊,應用于強調(diào)界面中重要元素的小面積零散色塊。

注意色彩的平衡

配色的平衡主要是指顏色的強弱、輕重和濃淡的關系。一般來說,同類色彩的搭配方案往往能夠很好地實現(xiàn)平衡性和協(xié)調(diào)性,而高純度的互補色或?qū)Ρ壬纾焊呒兌鹊募t色和綠色很容易帶來過度強烈的視覺刺激,使人產(chǎn)生視覺疲勞。

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

調(diào)和對立色

當包含兩個或兩個以上的對立色時,頁面的整體色調(diào)就會失衡,這時就需要對對立色進行調(diào)和。通常可以使用以下3種方法進行調(diào)和。

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

②添加兩種對立色之間的顏色,引導顏色在色相上逐漸過渡。例如:要調(diào)和紅色和黃色,可加入橙色。

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

相關內(nèi)容: UI設計 UI設計原則 UI設計色彩搭配

相關文章
最新文章
相關熱詞