寫在前面

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

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

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

正文

1、圖片，如同一個(gè)人的衣著品味

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

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

2、文字，我只想知道重點(diǎn)在那里

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

16:10  擁抱黃金比例

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

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

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

3、色彩，如何成為“色”計(jì)師

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

方法不在于多

而在于

習(xí)慣和堅(jiān)持

4、圖標(biāo)，從會(huì)畫到畫好之間有多遠(yuǎn)

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

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

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

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

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

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

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

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

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

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

小結(jié)

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

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

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

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

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

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

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

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

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

最后祝大家越努力越幸運(yùn)！

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