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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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