十大容易忽略的APP設(shè)計細(xì)節(jié)

細(xì)節(jié)①：圖標(biāo)大小的視覺平衡

  當(dāng)同一個界面出現(xiàn)多個圖片的時候，我們就確保APP界面保持整體的視覺平衡。而這個視覺平衡并非所有圖標(biāo)都采用統(tǒng)一尺寸，例如：相同尺寸的正方形比圓形顯得大，因此，我們就需要根據(jù)圖標(biāo)體量對其大小做出相應(yīng)調(diào)整。

  細(xì)節(jié)②：合理運用投影的顏色與透明度

  通過對按鈕、卡片等進(jìn)行投影運用可以增強立體感與層次感。投影的權(quán)重要符合頁面設(shè)計的氛圍，根據(jù)不同背景改變投影的顏色、透明度。另外，投影的運用是為了增強元素的立體感與層次感，而不是影響整個頁面的視覺平衡。

  細(xì)節(jié)③：不要過度裝飾，讓界面更簡潔

  設(shè)計需要準(zhǔn)確的把握「度」，過度的設(shè)計會干擾信息的傳達(dá)。減少不必要的設(shè)計元素，讓信息脫引而出，整個界面將會更加簡潔清爽，也不會分散用戶的注意力。

  細(xì)節(jié)④：圖片比例&視平線的統(tǒng)一性

  如果需要并列出現(xiàn)多個人物形象，為了保持視覺平衡，這時就需要調(diào)整并列圖片的大小比例，就像所有人物都是在相同焦距下拍攝。

  細(xì)節(jié)⑤：合理的進(jìn)行設(shè)計對比

  通過對比可以讓信息模塊更加獨立，界面層級關(guān)系更加豐富。以不同的背景顏色區(qū)分不同的信息模塊，能提升整個界面的節(jié)奏感。顏色的選擇可以是同色系中不同明度的梯度表現(xiàn)，也可以選擇不同色相的穿插搭配。

  細(xì)節(jié)⑥：提高配圖質(zhì)量

  圖片的質(zhì)量會影響著整個界面的格調(diào)，美化后的圖片能提升產(chǎn)品在用戶心中的印象。所以對于配圖的選擇時，一定要精挑細(xì)選，通過后期的優(yōu)化使相同模塊的配圖視覺效果更佳協(xié)調(diào)。

  細(xì)節(jié)⑦：正確的表達(dá)按鈕屬性

  按鈕設(shè)計要清晰準(zhǔn)確的傳達(dá)出當(dāng)前狀態(tài)，不能為了視覺效果而帶給用戶錯誤的判斷。需要強化的按鈕應(yīng)該做得突出，不要整個界面都處于主次不明的狀態(tài)，分散用戶的注意力，削弱界面需要傳達(dá)的主旨。

  細(xì)節(jié)⑧：相同界面下圓角&直角的統(tǒng)一性

  在同一界面設(shè)計中，圓角&直角的選擇要更加統(tǒng)一的出現(xiàn)在界面中，不要出現(xiàn)混合運用，這樣很容易會造成視覺表達(dá)不一致。如果選擇圓角作為視覺語言，就統(tǒng)一相同模塊下圓角的大小，切勿出現(xiàn)大小不一致的情況，讓整個界面設(shè)計更加規(guī)范統(tǒng)一。

  細(xì)節(jié)⑨：設(shè)計元素的表達(dá)符合用戶心理

  如果你的設(shè)計改變了用戶的心理與使用習(xí)慣，有可能會增加用戶的學(xué)習(xí)成本或被用戶拋棄。在進(jìn)行界面設(shè)計的時候，如果要設(shè)計一些新的操作規(guī)則，就需要做做更多的調(diào)研和測試，幫助用戶理解界面的操作邏輯，確保這個規(guī)則符合用戶的使用習(xí)慣。

  細(xì)節(jié)⑩：設(shè)計表達(dá)的一致性

  相同的信息模塊采用統(tǒng)一的設(shè)計表達(dá)，不要為了變化而加強用戶的理解，否則用戶會理解為這是兩個不同的模塊，操作上會有所不同，無形中增加用戶的思考時間和學(xué)習(xí)成本。