注:剛?cè)胄械脑O(shè)計師可能都踩過很多坑,也曾經(jīng)很疑惑——明明拿到的是一樣的原型圖,為什么自己做出來的視覺稿和優(yōu)秀的界面仍有明顯差距。今天就來談一談,應(yīng)該注意哪些細節(jié),才能設(shè)計出好的APP界面。
在開始著手做設(shè)計稿之前,我們需要定義APP的主色(品牌色),和輔助色(點綴色)。
1. 注意主色和輔助色占比,控制好界面中的輔助色數(shù)量
輔助色使畫面更加豐富,具有裝飾性作用,在頁面中占比較小,一般控制在 2 個左右,會比較好把控。頁面中的顏色數(shù)量一多,設(shè)計起來難度就更大,出錯的幾率也相應(yīng)增加,同時太過鮮艷的畫面也會影響到頁面的閱讀性。
2. 嘗試不同的配色方法
(1)對比配色
對比色給人視覺上的沖擊比較大,奪人眼球,如下圖案例中藍色和橙黃色的巧妙搭配不僅豐富了畫面,還成為了頁面中很大的亮點。所以,對比配色處理得好能一定程度上給頁面加分。當然,也要謹防配錯色。
(2)單一配色
單一配色能帶來整體的統(tǒng)一感覺,不同深淺的主色承載不同的信息內(nèi)容,可增加品牌的印象。
(3)近似色配色
如果覺得單一配色過于單調(diào)無趣,但又不想色彩太繽紛,可以用主色的近似色進行點綴。