插畫在APP設(shè)計(jì)中的應(yīng)用

現(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梗顺、彈框、背景圖等等车摄。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末寺谤,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子吮播,更是在濱河造成了極大的恐慌变屁,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件意狠,死亡現(xiàn)場(chǎng)離奇詭異敞贡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)摄职,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門誊役,熙熙樓的掌柜王于貴愁眉苦臉地迎上來获列,“玉大人,你說我怎么就攤上這事蛔垢』骱ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵鹏漆,是天一觀的道長巩梢。 經(jīng)常有香客問我,道長艺玲,這世上最難降的妖魔是什么括蝠? 我笑而不...
    開封第一講書人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮饭聚,結(jié)果婚禮上忌警,老公的妹妹穿的比我還像新娘。我一直安慰自己秒梳,他們只是感情好法绵,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酪碘,像睡著了一般朋譬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上兴垦,一...
    開封第一講書人閱讀 51,198評(píng)論 1 299
  • 那天徙赢,我揣著相機(jī)與錄音,去河邊找鬼探越。 笑死犀忱,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的扶关。 我是一名探鬼主播阴汇,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼节槐!你這毒婦竟也來了搀庶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤铜异,失蹤者是張志新(化名)和其女友劉穎哥倔,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揍庄,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡咆蒿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沃测。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡缭黔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蒂破,到底是詐尸還是另有隱情馏谨,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布附迷,位于F島的核電站惧互,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏喇伯。R本人自食惡果不足惜喊儡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望稻据。 院中可真熱鬧艾猜,春花似錦、人聲如沸攀甚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽秋度。三九已至,卻和暖如春钱床,著一層夾襖步出監(jiān)牢的瞬間荚斯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來泰國打工查牌, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留事期,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓纸颜,卻偏偏與公主長得像兽泣,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子胁孙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容