插畫在APP當(dāng)中的作用，教你三步打造扁平插畫

寫在前面：

現(xiàn)在APP的數(shù)量越來越多，制作也越來越精美，各種APP都想在設(shè)計(jì)上能夠與其他APP區(qū)別開來，從而更好的吸引用戶的注意，將插畫運(yùn)用在APP當(dāng)中，無疑是一種好的選擇，在IOS 11的App Store“Today”中就用了很多的插畫，給用戶帶來了全新的體驗(yàn)。

 

最近一段時(shí)間一直在給公司的新產(chǎn)品設(shè)計(jì)插畫，在設(shè)計(jì)的過程中也有了一些思考，從而產(chǎn)生了這篇文章，文章當(dāng)中主要探討了幾個(gè)問題：為什么要在APP當(dāng)中使用插畫？目前流行的幾種插畫風(fēng)格；APP中哪些地方適合配插畫？以及我在dribble上看到的一些好的插畫分享給大家，還有一些實(shí)際的例子。最后根據(jù)我的經(jīng)驗(yàn)，給大家在設(shè)計(jì)插畫時(shí)提了幾點(diǎn)小建議。

 

有任何問題和不正確的地方，都?xì)g迎大家交流指正。

 

 

一、為什么要在APP當(dāng)中使用插畫？

1、增加視覺沖擊感，總結(jié)為兩個(gè)字“驚艷”，例如“walk up”APP，當(dāng)中的每一個(gè)頁面都運(yùn)用了插畫，而且設(shè)計(jì)的極其精美。

 

 

2、增添趣味性，使頁面不顯得單調(diào)、乏味，一個(gè)明顯的例子就是APP當(dāng)中的空頁面和錯(cuò)誤頁面，例如淘寶在無網(wǎng)狀態(tài)下，顯示一幅可愛的插畫要比單純的顯示文字要給人的感覺好的多，也可以盡可能的減輕用戶的焦慮。

 

 

3、承載更多的信息量，更加的直觀，這一點(diǎn)在圖標(biāo)上顯示的比較明顯了，例如百度糯米的分類圖標(biāo)，采用了寫實(shí)的風(fēng)格，給人的感覺就更加的直觀了。

 

 

4、滿足用戶的情感需求，情感化設(shè)計(jì)，這一點(diǎn)在keep當(dāng)中得到了很好的體現(xiàn)，在剛剛過去的七夕節(jié)，keep把跑步路線變成了粉紅色，還配上了一條狗，七夕節(jié)還在跑步的人，很有可能是單身狗啊，意思不言而喻。

 

 

 

二、目前比較流行的幾類插畫及其特點(diǎn)

 

1、扁平插畫

2、肌理插畫

3、手繪插畫

4、MBE插畫：dribble一位大神創(chuàng)作了這種風(fēng)格，因此被稱為MBE風(fēng)格插畫

5、漸變插畫（有時(shí)也稱微光插畫）

6、立體插畫（也叫2.5D插畫）

7、描邊插畫

 

 

 

下面教你如何三步打造扁平插畫

 

文章來源：

http://www.ui.cn/detail/300471.html

http://www.ui.cn/detail/280768.html