注重APP細(xì)節(jié)的考量，目的是呈現(xiàn)給APP用戶的應(yīng)該是愉悅的使用感受，而不是繁雜的功能堆積。

細(xì)節(jié)決定成敗。細(xì)微的錯誤能毀了整個產(chǎn)品，細(xì)致的設(shè)計也會成就你的App。靈動的音效、大方的字體都會有助于您的App在市場中脫穎而出。

之前25學(xué)堂有分享了很多關(guān)于APP設(shè)計細(xì)節(jié)的干貨。

比如：

五個APP交互設(shè)計細(xì)節(jié)，是考驗設(shè)計師功力的準(zhǔn)則

APP設(shè)計當(dāng)中不容忽視的20個小細(xì)節(jié)，必收藏

APP界面設(shè)計之頁面布局的22條基本原則

四種常見的APP分類界面布局設(shè)計案例學(xué)習(xí)

下面就是25學(xué)堂跟大家說明下APP細(xì)節(jié)考量的四個方面：需要大家著重從這4個方面去優(yōu)化我們的APP。

第一方面：APP導(dǎo)航

你的App的導(dǎo)航應(yīng)該是簡單清晰的。如果用戶無法定位他們所要的，他們也就無法獲得完整的體驗。直觀的操作感受先行于風(fēng)格設(shè)計。各大搜索引擎、門戶網(wǎng)站的導(dǎo)航吧，畢竟是經(jīng)過大量實踐檢驗的。

有經(jīng)驗的設(shè)計師都不會把設(shè)計的重點放在導(dǎo)航的創(chuàng)新上。我們不應(yīng)把過多的個人色彩加入其中——需要用戶學(xué)習(xí)的導(dǎo)航設(shè)計是失敗的設(shè)計。

優(yōu)秀的APP導(dǎo)航設(shè)計如下：

https://dribbble.com/shots/2970575-uapay

第二方面：APP字體

這是你App的設(shè)計重點之一。文字難以識讀、排版混亂的App是沒有可用性可言的。

由于App的空間有限，行距、字間距是需要細(xì)心調(diào)整以達(dá)到最佳效果的。最大限度利用僅有的空間進(jìn)行版面設(shè)計，千萬不要使用縮小行距、字間距的手段來為圖片擠出空間。

對于重度閱讀性App，你需要為用戶提供自定義字體的可能，但你并不能逃脫為每種字體設(shè)計調(diào)整最佳顯示效果的責(zé)任。提供可選字體，能夠加深用戶對你App的好感。如果你出于某些原因沒有去這樣做，那一定要讓你的App可讀、時尚、與整體風(fēng)格匹配。

APP字體選擇基本常識：

字體主要分為兩類，一類是系統(tǒng)字體，一類是設(shè)計師自己設(shè)計的字體，設(shè)計師設(shè)計字體可以在系統(tǒng)字體的基礎(chǔ)上做些改變，或者自己重新設(shè)計字體的筆畫，但是重新設(shè)計會比較費時間。所以要根據(jù)工作時間做合理的安排，如果時間緊急，就沒必要做字體設(shè)計了。當(dāng)然對于大神來說，做個字體設(shè)計是小菜一碟，但是對于我來說，做字體設(shè)計還是挺吃力的，還需努力。

比如網(wǎng)易云音樂作為一個音樂類APP，banner的風(fēng)格一般都比較文藝，最常見的字體是宋體和細(xì)黑體，有時候會根據(jù)畫面的氣質(zhì)做相應(yīng)的改變。

擴(kuò)展閱讀：3位UI設(shè)計師對網(wǎng)易云音樂APP進(jìn)行改版重設(shè)計

第三個方面：APP布局

在學(xué)習(xí)APP UI設(shè)計的時候，最常接觸到頁面的布局，或者說是頁面的構(gòu)圖。

布局的方式會直接影響一個APP的視覺效果，好的布局方式，往往能帶來舒服的視覺效果，更能得到用戶的接受與好評。

推薦閱讀：小白自學(xué)APP設(shè)計：UI視覺設(shè)計構(gòu)圖的基本法則

1、APP設(shè)計課程：手機(jī)APP圖文列表設(shè)計【大圖一列】

2、APP產(chǎn)品列表UI設(shè)計思維【移動產(chǎn)品設(shè)計干貨】

3、APP設(shè)計視頻教程：如何快速設(shè)計產(chǎn)品列表頁

第四個方面：APP配色

人生來對色彩有不可把持的欲望。

為你的App選擇完美的配色非常重要，而這一經(jīng)歷可能會很有趣，也可能極具挑戰(zhàn)。過多的顏色會分散注意、造成混淆。

嘗試不同的配色以測試你的方案雖然麻煩，但可能已經(jīng)算是最佳的途徑了。我們的目標(biāo)是配色對比舒服而不強(qiáng)烈，而且你的內(nèi)容不會淹沒在背景之中。

對顏色來說，少即是多。

如何選擇合適的配色方法有：

1、從素材里面直接吸取合適的顏色，再調(diào)節(jié)飽和度和明度

2、根據(jù)APP圖標(biāo)主色調(diào)來搭配輔助色。

3、某一些APP頁面可以根據(jù)使用場景和用戶群體，選擇一些大膽的顏色或者是簡約色。

APP配色推薦閱讀：

1、最實用的APP UI配色方案和APP常用的顏色搭配參考

2、在線生成美麗的漸變顏色，APP配色工具推薦

3、APP流行漸變色不會搭配，就來webgradients網(wǎng)站拿吧