插畫在APP當(dāng)中的作用,教你三步打造扁平插畫
- 來源:
- 忍者
- 時(shí)間:
- 2017-11-27 10:00:52
- 閱讀:
- 4702
寫在前面:
現(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