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