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

寫(xiě)在前面：

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

 

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

 

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

 

 

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

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

 

 

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

 

 

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

 

 

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

 

 

 

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

 

1、扁平插畫(huà)

2、肌理插畫(huà)

3、手繪插畫(huà)

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

5、漸變插畫(huà)（有時(shí)也稱(chēng)微光插畫(huà)）

6、立體插畫(huà)（也叫2.5D插畫(huà)）

7、描邊插畫(huà)

 

 

 

下面教你如何三步打造扁平插畫(huà)

 

文章來(lái)源：

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

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