現(xiàn)在APP的數(shù)量越來越多掠抬,制作也越來越精美氮块,各種APP都想在設(shè)計(jì)上能夠與其他APP區(qū)別開來绍载,從而更好的吸引用戶的注意,將插畫運(yùn)用在APP當(dāng)中滔蝉,無疑是一種好的選擇击儡,在iOS
11的App Store“Today”中就用了很多的插畫,給用戶帶來了全新的體驗(yàn)蝠引。
一. 什么要在APP當(dāng)中使用插畫阳谍?
增加視覺沖擊感蛀柴,總結(jié)為兩個(gè)字“驚艷”,例如“walk up”APP矫夯,當(dāng)中的每一個(gè)頁面都運(yùn)用了插畫鸽疾,而且設(shè)計(jì)得極其精美。
增添趣味性训貌,使頁面不顯得單調(diào)制肮、乏味,一個(gè)明顯的例子就是APP當(dāng)中的空頁面和錯(cuò)誤頁面递沪,例如淘寶在無網(wǎng)狀態(tài)下豺鼻,顯示一幅可愛的插畫要比單純的顯示文字要給人的感覺好得多,也可以盡可能的減輕用戶的焦慮款慨。
承載更多的信息量儒飒,更加的直觀,這一點(diǎn)在圖標(biāo)上顯示的比較明顯了檩奠,例如百度糯米的分類圖標(biāo)桩了,采用了寫實(shí)的風(fēng)格,給人的感覺就更加的直觀了埠戳。
滿足用戶的情感需求圣猎,情感化設(shè)計(jì),這一點(diǎn)在keep當(dāng)中得到了很好的體現(xiàn)乞而,在剛剛過去的七夕節(jié)送悔,keep把跑步路線變成了粉紅色,還配上了一條狗爪模,七夕節(jié)還在跑步的人欠啤,很有可能是單身狗啊,意思不言而喻屋灌。
二. 目前比較流行的幾類插畫及其特點(diǎn)
扁平插畫
肌理插畫
手繪插畫
MBE插畫(dribble一位大神創(chuàng)作了這種風(fēng)格洁段,因此被稱為MBE風(fēng)格插畫)
漸變插畫(有時(shí)也稱微光插畫)
立體插畫(也叫2.5D插畫)
描邊插畫
下面分別對(duì)各種插畫進(jìn)行舉例,所有例子均來自dribble共郭。
扁平插畫:扁平插畫的特點(diǎn)是扁平祠丝,簡潔明了,扁平插畫是現(xiàn)在很流行除嘹、也是最常用的風(fēng)格
肌理插畫:我覺得肌理插畫也屬于扁平插畫的一種写半,但是在最后要增加顆粒感,肌理插畫最明顯的特點(diǎn)應(yīng)該就是有質(zhì)感尉咕,光影關(guān)系表現(xiàn)得比較好叠蝇。
手繪插畫:我認(rèn)為這是難度最高的一種,也是對(duì)設(shè)計(jì)師的美術(shù)功底要求最高的年缎。手繪風(fēng)格的應(yīng)用比較廣悔捶,可以展現(xiàn)的東西很多铃慷。下面這位設(shè)計(jì)師的作品富有童趣,像夢(mèng)境一樣美好蜕该。
MBE插畫:簡潔犁柜、圓潤、可愛堂淡。
漸變插畫:一種很唯美的風(fēng)格赁温,在顏色的運(yùn)用上一般采取近似色,顏色的種類不要過多淤齐。
立體插畫:從名字就可以看出,這類插畫最大的特點(diǎn)就是立體了袜匿,能夠在二維的空間里表現(xiàn)出三維的事物更啄。
描邊插畫:除了運(yùn)用形狀,還要運(yùn)用描邊居灯,可以很好的對(duì)事物進(jìn)行抽象化處理祭务。
MBE插畫:下廚房當(dāng)中的圖標(biāo),MBE風(fēng)格很適合用來制作icon
漸變插畫和立體插畫:拉勾怪嫌。把這兩種放到一起來講义锥,是因?yàn)楹芏鄷r(shí)候一幅插畫是包含這兩種風(fēng)格的。(用在banner岩灭、專題)
描邊插畫:拼多多拌倍、網(wǎng)易云音樂(用在icon、啟動(dòng)頁)
總結(jié)一下:插畫適合用在APP當(dāng)中的啟動(dòng)頁噪径、banner柱恤、專題、刷新找爱、icon梗顺、彈框、背景圖等等车摄。