寫在前面

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

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

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

正文

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

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

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

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

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

16:10  擁抱黃金比例

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

X:≤Y  瀑布流設計

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

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

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

方法不在于多

而在于

習慣和堅持

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

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

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

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

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

適當的留白可以讓你的界面更有靈性，給信息之間預留更多的空間，也能更好的表達信息之間的層次感，相比擁擠的信息布局更能給人舒適的體驗。

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

a. 設計出對比稿，把產品需要的方案和你覺得完美的方案進行對比；

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

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

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

小結

1. 不同的圖片比例反應不同的特征，根據產品特點合理的選擇；

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

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

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

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

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

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

8. 適當的留白可以給人更加舒適的體驗。

提高設計作品質量的方式有很多，需要我們去不斷的學習與總結，沒有任何實現的方式是唯一的，不斷的分析，推翻，創(chuàng)新，才能找到適合自己的方式。

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

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