乾貨 | APP介面設計的色彩注意細節，有哪些？

嗨嘍~小夥伴們

今天我們們來分享UI設計 乾貨

來聊一聊

在 色彩 上應該 注意 哪些 細節

才能設計出好的APP介面

在開始著手做設計稿之前，

我們需要定義APP的主色（品牌色）和輔助色（點綴色）

1. 注意主色和輔助色佔比，控制好介面中的輔助色數量

輔助色使畫面更加豐富，具有裝飾性作用，在頁面中佔比較小，一般控制在2個左右，會比較好把控。頁面中的顏色數量一多，設計起來難度就更大，出錯的機率也相應增加，同時太過鮮豔的畫面也會影響到頁面的閱讀性。

2. 嘗試不同的配色方法

對比配色

對比色給人視覺上的衝擊比較大，奪人眼球，如下圖案例中藍色和橙黃色的巧妙搭配不僅豐富了畫面，還成為了頁面中很大的亮點。所以，對比配色處理得好能一定程度上給頁面加分。當然，也要謹防配錯色。

單一配色

單一配色能帶來整體的統一感覺，

不同深淺的主色承載不同的資訊內容，

可增加品牌的印象。

近似色配色

如果覺得單一配色過於單調無趣，

但又不想色彩太繽紛，

可以用主色的近似色進行點綴。

漸變配色

漸變作為一種設計趨勢，能使頁面感受更豐富飽滿。

但切記不可使用差別太大的顏色，細微的漸變即可。

3. 注意帶有自身屬性的顏色的使用

帶有自身屬性的顏色是指已養成大眾認知習慣顏色，例如：報錯一般會使用帶有警示效果的紅色系，可點選的文字按鈕一般會使用藍色系。判斷失敗圖示一般使用紅色系，成功則是綠色系。如果強行去改變，會讓使用者困惑，影響體驗。