寫在前面

當(dāng)我們打開一個APP時，從視覺層面分析，影響用戶對APP整體感官體驗的元素主要有：圖片、文字、色彩、圖標、留白等。

圖片的合理運用、清晰的信息層級、舒適的色彩搭配都將會提高整個APP的美感，從而為整個的產(chǎn)品體驗加分。一個成功的產(chǎn)品，視覺層面只是其中的一部分，但是作為一個合格的UI設(shè)計師，我們要做的就是把這其中的一部分做到極致。

下面我們通過圖片、文字、色彩、圖標、留白這幾個維度來解剖APP設(shè)計，發(fā)現(xiàn)那些微妙的細節(jié)。只需要比別人多提高1px的細節(jié)，你的APP設(shè)計就會更精致。

正文

1、圖片，如同一個人的衣著品味

圖片在APP中是非常常見的，圖片的展現(xiàn)形式和圖片的質(zhì)量都影響著用戶對產(chǎn)品的感官體驗。圖片的定位就如同一個人的衣著品味，不同的穿衣風(fēng)格會使別人對你作出不同的判斷，為你打上不同社會屬性的標簽。

下面我們一起來看看圖片在APP設(shè)計中需要注意的關(guān)鍵點，將會從圖片比例、一致性、圖片質(zhì)量與真實性等方面進行分析。

2、文字，我只想知道重點在那里

文字設(shè)計的層次感決定了信息的高效傳達，通過對文字信息的層次處理可以有效的幫助用戶獲取信息，提高用戶對產(chǎn)品的操作效率。

16:10  擁抱黃金比例

黃金比例就像金字塔上的明珠，越接近她越有魅力，反之會魅力減弱，16:10的圖片比例最為接近。設(shè)計沒有絕對的標準，我們可以遵循一些優(yōu)秀的經(jīng)驗規(guī)則，但是也要敢于突破規(guī)則，嘗試更多的可能性。

X:≤Y  瀑布流設(shè)計

X:≤Y代表寬度固定，高度在最大值之間自定義的瀑布流設(shè)計，在一些用于用戶沒有很明確的目的，只是喜歡獲取盡量多的信息的情況下采用這種設(shè)計方式。X:≤Y的圖片比例要注意高度的控制，不要超出屏幕可顯示區(qū)域的范圍，如花瓣網(wǎng)在750x1334px的設(shè)計中高度最大值為：848 px。

3、色彩，如何成為“色”計師

色彩給人的感受是最直觀的，不同性格的配色傳達不同的情感。關(guān)于配色有一些方法可尋，但是也存在一定的感性判斷。作為視覺設(shè)計師，我們需要學(xué)習(xí)理性的方法技巧，也要不斷欣賞優(yōu)秀的作品，提高自身的審美能力。

方法不在于多

而在于

習(xí)慣和堅持

4、圖標，從會畫到畫好之間有多遠

圖標是APP設(shè)計中的點睛之筆，既能輔助文字信息的傳達，也能作為信息載體被高效的識別。圖標也有一定的界面裝飾作用，提高界面整體的美觀度。

很多初級設(shè)計師都會忽略圖標的重要性，也養(yǎng)成去素材網(wǎng)站下載復(fù)用的習(xí)慣，當(dāng)這樣的習(xí)慣養(yǎng)成后便會逐步喪失自己動手的驅(qū)動力，什么元素都希望能找到素材下載，工作數(shù)年之后很快就遇到了自己的瓶頸期。

設(shè)計師對圖標設(shè)計的態(tài)度與把控能力，將會是拉開你與其他設(shè)計師差距的因素之一。圖標設(shè)計有下載復(fù)用  →  動手設(shè)計  →  規(guī)范設(shè)計  →  融入品牌基因等幾個階段，你現(xiàn)在屬于哪個階段呢？

5、留白，我只想要足夠的空間

適當(dāng)?shù)牧舭卓梢宰屇愕慕缑娓徐`性，給信息之間預(yù)留更多的空間，也能更好的表達信息之間的層次感，相比擁擠的信息布局更能給人舒適的體驗。

當(dāng)設(shè)計師的留白意愿被產(chǎn)品或運營以“希望放更多內(nèi)容”拒絕時，作為設(shè)計師我們可以從不同的方向試著表達自己的觀點：

a. 設(shè)計出對比稿，把產(chǎn)品需要的方案和你覺得完美的方案進行對比；

b. 篩選出這樣處理的優(yōu)秀案例，以成功的案例說服產(chǎn)品接受你的方案；

c. 進行用戶測試，選擇一些目標用戶進行體驗，從用戶心聲入手設(shè)計最佳的方案；

d. 更多溝通的方法有待你去挖掘，最終的目的都是希望做出更好的產(chǎn)品。

小結(jié)

1. 不同的圖片比例反應(yīng)不同的特征，根據(jù)產(chǎn)品特點合理的選擇；

2. 設(shè)計中保持相同的圖片比例，不僅使視覺表達一致，也能給后期運營維護帶來便利；

3. 通過提高圖片的質(zhì)量來提高設(shè)計作品的美感度，但是也要保證圖片的真實還原；

4. 文字排版需要注意信息的層次、信息容量的最大值、巧妙的運用提示符等；

5. 養(yǎng)成不斷建立和豐富色彩庫的習(xí)慣；

6. 提高審美，增強感性判斷力，養(yǎng)成分析的習(xí)慣；

7. 圖標設(shè)計經(jīng)歷的幾個環(huán)節(jié)：下載復(fù)用  →  動手設(shè)計  →  規(guī)范設(shè)計  →  融入品牌基因；

8. 適當(dāng)?shù)牧舭卓梢越o人更加舒適的體驗。

提高設(shè)計作品質(zhì)量的方式有很多，需要我們?nèi)ゲ粩嗟膶W(xué)習(xí)與總結(jié)，沒有任何實現(xiàn)的方式是唯一的，不斷的分析，推翻，創(chuàng)新，才能找到適合自己的方式。

最后祝大家越努力越幸運！

濟寧網(wǎng)站建設(shè)，濟寧微信公眾號開發(fā)，濟寧seo優(yōu)化推廣，濟寧手機APP開發(fā)，濟寧微商城開發(fā)，濟寧做網(wǎng)站，濟寧網(wǎng)絡(luò)公司，濟寧果殼科