當前位置:
首頁 > 設計 > APP色彩運用原則與規範!

APP色彩運用原則與規範!

文/趙晨音

UI的界面通常較「小」,不少功能難以在一個界面內實現,用戶需要在多個界面中頻繁跳轉,恰當的色彩設計能減輕用戶在頻繁跳轉界面時的焦躁。有序的、個性化的色彩設計體系會讓用戶保持良好的心情。

隨著品類眾多的移動端產品爆炸性增長速度,不同品牌的UI色彩設計逐漸形成了自己的一套標準和規範,為不斷提升品牌形象和產品界面的設計水準,UI色彩應重視以下設計原則。

設計師可以通過UI色彩布局區分內容的主次關係從而建立視覺層級關係。如果色彩在飽和度、對比度、明度等方面存在明顯差異對比,就會形成一個明顯的層級,人們會不自覺先關注色彩鮮艷或者色彩偏重的事物。

綜合協調好UI色彩的布局,是做好UI色彩設計的重要原則。如果在色彩構成中,有一組對比色過分注目,則可以縮小其面積以達到色彩的調和;如果採用幾組對比色構成,則應以一組為主,通過協調色彩的主從關係達到色彩的調和。

客觀事物總是按照其自身的規律在有序狀態下,有條不紊的發展演變,這就是秩序。秩序是色彩美構成的最基本的也是較重要的形式,而漸變構成又是秩序中最典型的形式。在色彩構成中採用色相、明度、純度級別差遞增、遞減的形式,可使各色按照一定的秩序有規律的變化,從而具有秩序美感。

通常UI設計都遵循統一的視覺識別系統規範其色調一般包含一個主色和若干個輔色。為避免過多的類似色使用戶產生視覺疲勞,應遵循色彩對比原則。色彩藝術設計要求各種色彩在空間位置上必須是有機的組合,它們必須按照一定的比例,有秩序、有節奏地彼此相互聯繫、相互依存、相互呼應。

在UI色彩設計中,色彩運用不是憑空產生的,設計師需要結合品牌特性全面考慮整個界面色彩之間的關係,遵循相應的設計原則,對UI色彩進行視覺上的統一規劃,以便有效推廣品牌形象。UI的色彩設計要建立在深刻分析產品風格和特性的基礎之上,通過合適有效的配色手段為品牌量身打造感。

互補色對比。互補色可以豐富和刺激用戶的視覺感受,好的互補色設計會使UI錦上添花,提升用戶體驗。合理的互補色運用能對UI整體色彩進行有機的調節和緩和,是解決色彩平淡、沒有生機和用戶視覺疲勞的一種手段。

色調對比。冷色調使人清醒、冷靜且保持理性;暖色調使人狂熱、歡樂和感性。恰到好處的冷暖色調對比會使畫面更加協調和豐富,使UI的色彩不至於太過單一。

明度對比。合理的明度對比可以緩解視覺疲勞,使用戶在操作中格外舒適。當灰色、白色的部分佔據大面積畫面時,需要在空間中布置深色壓住畫面。當畫面黑色、深灰面積較大時,需要使用少量亮色加強對比,使畫面更加平衡和穩定。

純度對比。雖然飽和色比暗淡色更能吸引注意力,當色彩與周圍對比強烈時,即使是暗淡的顏色也能吸引注意力。小面積飽和、明亮的色彩比大面積柔和的色彩更能吸引注意力。設計時合理運用純度對比能使用戶更容易找出操作按鈕和關鍵信息。

主次對比。主體色彩和輔助色彩若都過於搶眼,就不易區分主次。整個界面的色彩設計應做到既能分清主次又能達到和諧統一,若不協調好色彩各方面之間的關係,界面就會顯得凌亂。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

廣告需要玩出新意
腦洞總是一意孤行