現(xiàn)在APP的數(shù)量越來越多，制作也越來越精美，各種APP都想在設(shè)計上能夠與其他APP區(qū)別開來，從而更好的吸引用戶的注意，將插畫運用在APP設(shè)計當(dāng)中，無疑是一種好的選擇，在iOS 11的App Store“Today”中就用了很多的插畫app設(shè)計，給用戶帶來了全新的體驗。
最近一段時間一直在給公司的新產(chǎn)品設(shè)計插畫，在設(shè)計的過程中也有了一些思考，從而產(chǎn)生了這篇文章，文章當(dāng)中主要探討了幾個問題：為什么要在APP當(dāng)中使用插畫?目前流行的幾種插畫風(fēng)格;APP中哪些地方適合配插畫?以及我在dribble上看到的一些好的插畫分享給大家，還有一些實際的例子。最后根據(jù)我的經(jīng)驗，給大家在插畫式app設(shè)計時提了幾點小建議。
一. 什么要在APP當(dāng)中使用插畫設(shè)計?
增加視覺沖擊感，總結(jié)為兩個字“驚艷”，例如“walk up”APP，當(dāng)中的每一個頁面都運用了插畫，而且設(shè)計得極其精美。
增添趣味性，使頁面不顯得單調(diào)、乏味，一個明顯的例子就是APP當(dāng)中的空頁面和錯誤頁面，例如淘寶在無網(wǎng)狀態(tài)下，顯示一幅可愛的插畫要比單純的顯示文字要給人的感覺好得多，也可以盡可能的減輕用戶的焦慮。
承載更多的信息量，更加的直觀，這一點在圖標(biāo)上顯示的比較明顯了，例如百度糯米的分類圖標(biāo)，采用了寫實的風(fēng)格，給人的感覺就更加的直觀了。
滿足用戶的情感需求，情感化設(shè)計，這一點在keep當(dāng)中得到了很好的體現(xiàn)，在剛剛過去的七夕節(jié)，keep把跑步路線變成了粉紅色，還配上了一條狗，七夕節(jié)還在跑步的人，很有可能是單身狗啊，意思不言而喻。
二. 目前比較流行的幾類APP設(shè)計插畫及其特點
扁平插畫
肌理插畫
手繪插畫
MBE插畫(dribble一位大神創(chuàng)作了這種風(fēng)格，因此被稱為MBE風(fēng)格插畫)
漸變插畫(有時也稱微光插畫)
立體插畫(也叫2.5D插畫)
描邊插畫
下面分別對各種插畫APP設(shè)計進(jìn)行舉例，所有例子均來自dribble。
扁平插畫：扁平插畫的特點是扁平，簡潔明了，扁平插畫是現(xiàn)在很流行、也是最常用的風(fēng)格。
肌理插畫：我覺得肌理插畫也屬于扁平插畫的一種，但是在最后要增加顆粒感，肌理插畫最明顯的特點應(yīng)該就是有質(zhì)感，光影關(guān)系表現(xiàn)得比較好。
手繪插畫：我認(rèn)為這是難度最高的一種，也是對設(shè)計師的美術(shù)功底要求最高的。手繪風(fēng)格的應(yīng)用比較廣，可以展現(xiàn)的東西很多。下面這位設(shè)計師的作品富有童趣，像夢境一樣美好。
MBE插畫：簡潔、圓潤、可愛。
漸變插畫：一種很唯美的風(fēng)格，在顏色的運用上一般采取近似色，顏色的種類不要過多。
立體插畫：從名字就可以看出，這類插畫最大的特點就是立體了，能夠在二維的空間里表現(xiàn)出三維的事物。
描邊插畫：除了運用形狀，還要運用描邊，可以很好的對事物進(jìn)行抽象化處理.
三. 各類插畫在設(shè)計APP中的運用
扁平插畫：得到、摩拜單車(用在banner、背景圖)
肌理插畫：百度外賣、淘寶、App Store(用在刷新、背景圖、專題)
手繪插畫：ofo、下廚房(用在banner、專題、彈框)
MBE插畫：下廚房當(dāng)中的圖標(biāo)，MBE風(fēng)格很適合用來制作icon
漸變插畫和立體插畫：拉勾。把這兩種放到一起來講，是因為很多時候一幅插畫是包含這兩種風(fēng)格的。(用在banner、專題)
描邊插畫：拼多多、網(wǎng)易云音樂(用在icon、啟動頁)
總結(jié)一下：插畫適合用在APP當(dāng)中的啟動頁、banner、專題、刷新、icon、彈框、背景圖等等。
四. 關(guān)于APP插畫式設(shè)計的幾點小建議
插畫APP設(shè)計的風(fēng)格要和app的整體風(fēng)格搭配，例如洋蔥數(shù)學(xué)的整體風(fēng)格都是扁平的，如果在當(dāng)中使用手繪風(fēng)格的插畫就不合適。
插畫的內(nèi)容要能夠體現(xiàn)出主題，要和文案配合好。
插畫要盡可能的有創(chuàng)意，雖然我知道這很難做到，但是也要體現(xiàn)出設(shè)計師的想法和心思在里面，最重要的是注意細(xì)節(jié)，細(xì)節(jié)決定成敗。
