隨着移動優先的趨勢,APP的設計越來越受到公司的趨勢。不斷提高APP的設計質量是每個設計師的追求,但每個APP設計總會存在一些瑕疵。
容易忽略的APP設計細節
細節①:圖標大小的視覺平衡
當同一個界面出現多個圖片的時候,我們就確保APP界面保持整體的視覺平衡。而這個視覺平衡並非所有圖標都採用統一尺寸,例如:相同尺寸的正方形比圓形顯得大,因此,我們就需要根據圖標體量對其大小做出相應調整。
細節②:合理運用投影的顏色與透明度
通過對按鈕、卡片等進行投影運用可以增強立體感與層次感。投影的權重要符合頁面設計的氛圍,根據不同背景改變投影的顏色、透明度。另外,投影的運用是為了增強元素的立體感與層次感,而不是影響整個頁面的視覺平衡。
細節③:不要過度裝飾,讓界面更簡潔
設計需要準確的把握「度」,過度的設計會干擾信息的傳達。減少不必要的設計元素,讓信息脫引而出,整個界面將會更加簡潔清爽,也不會分散用戶的注意力。
細節④:圖片比例&視平線的統一性
如果需要並列出現多個人物形象,為了保持視覺平衡,這時就需要調整並列圖片的大小比例,就像所有人物都是在相同焦距下拍攝。
細節⑤:合理的進行設計對比
通過對比可以讓信息模塊更加獨立,界面層級關係更加豐富。以不同的背景顏色區分不同的信息模塊,能提升整個界面的節奏感。顏色的選擇可以是同色系中不同明度的梯度表現,也可以選擇不同色相的穿插搭配。
細節⑥:提高配圖質量
圖片的質量會影響着整個界面的格調,美化後的圖片能提升產品在用戶心中的印象。所以對於配圖的選擇時,一定要精挑細選,通過後期的優化使相同模塊的配圖視覺效果更佳協調。
細節⑦:正確的表達按鈕屬性
按鈕設計必須要清晰準確的傳達出當前狀態,不能為了視覺效果而帶給用戶錯誤的判斷。需要強化的按鈕應該做得突出,不要整個界面都處於主次不明的狀態,分散用戶的注意力,削弱界面需要傳達的主旨。
細節⑧:相同界面下圓角&直角的統一性
在同一界面設計中,圓角&直角的選擇要更加統一的出現在界面中,不要出現混合運用,這樣很容易會造成視覺表達不一致。如果選擇圓角作為視覺語言,就統一相同模塊下圓角的大小,切勿出現大小不一致的情況,讓整個界面設計更加規範統一。
細節⑨:設計元素的表達符合用戶心理
如果你的設計改變了用戶的心理與使用習慣,有可能會增加用戶的學習成本或被用戶拋棄。在進行界面設計的時候,如果要設計一些新的操作規則,就需要做做更多的調研和測試,幫助用戶理解界面的操作邏輯,確保這個規則符合用戶的使用習慣。
細節⑩:設計表達的一致性
相同的信息模塊採用統一的設計表達,不要為了變化而加強用戶的理解,否則用戶會理解為這是兩個不同的模塊,操作上會有所不同,無形中增加用戶的思考時間和學習成本。
其實APP設計中還有很多需要設計師注意的細節,作為專業的設計師,我們應該不斷反思總結,打破常規與束縛,製作出更多符合這個時代的設計作品。