APP當(dāng)中效果展示從來(lái)知道的情況達(dá)成APP使用插畫(huà)這里的效果APP效果從這里情況達(dá)成
一. 什么要在APP當(dāng)中使用插畫(huà)?
增加視覺(jué)沖擊感,總結(jié)為兩個(gè)字“驚艷”,例如“walk up”APP,當(dāng)中的每一個(gè)頁(yè)面都運(yùn)用了插畫(huà),而且設(shè)計(jì)得極其精美。
增添趣味性,使頁(yè)面不顯得單調(diào)、乏味,一個(gè)明顯的例子就是APP當(dāng)中的空頁(yè)面和錯(cuò)誤頁(yè)面,例如淘寶在無(wú)網(wǎng)狀態(tài)下,顯示一幅可愛(ài)的插畫(huà)要比單純的顯示文字要給人的感覺(jué)好得多,也可以盡可能的減輕用戶的焦慮。
承載更多的信息量,更加的直觀,這一點(diǎn)在圖標(biāo)上顯示的比較明顯了,例如百度糯米的分類圖標(biāo),采用了寫(xiě)實(shí)的風(fēng)格,給人的感覺(jué)就更加的直觀了。
滿足用戶的情感需求,情感化設(shè)計(jì),這一點(diǎn)在keep當(dāng)中得到了很好的體現(xiàn),在剛剛過(guò)去的七夕節(jié),keep把跑步路線變成了粉紅色,還配上了一條狗,七夕節(jié)還在跑步的人,很有可能是單身狗啊,意思不言而喻。
二. 目前比較流行的幾類插畫(huà)及其特點(diǎn)
扁平插畫(huà)
肌理插畫(huà)
手繪插畫(huà)
MBE插畫(huà)(dribble一位大神創(chuàng)作了這種風(fēng)格,因此被稱為MBE風(fēng)格插畫(huà))
漸變插畫(huà)(有時(shí)也稱微光插畫(huà))
立體插畫(huà)(也叫2.5D插畫(huà))
描邊插畫(huà)
下面分別對(duì)各種插畫(huà)進(jìn)行舉例,所有例子均來(lái)自dribble。
扁平插畫(huà):扁平插畫(huà)的特點(diǎn)是扁平,簡(jiǎn)潔明了,扁平插畫(huà)是現(xiàn)在很流行、也是最常用的風(fēng)格。
肌理插畫(huà):我覺(jué)得肌理插畫(huà)也屬于扁平插畫(huà)的一種,但是在最后要增加顆粒感,肌理插畫(huà)最明顯的特點(diǎn)應(yīng)該就是有質(zhì)感,光影關(guān)系表現(xiàn)得比較好。
手繪插畫(huà):我認(rèn)為這是難度最高的一種,也是對(duì)設(shè)計(jì)師的美術(shù)功底要求最高的。手繪風(fēng)格的應(yīng)用比較廣,可以展現(xiàn)的東西很多。下面這位設(shè)計(jì)師的作品富有童趣,像夢(mèng)境一樣美好。
MBE插畫(huà):簡(jiǎn)潔、圓潤(rùn)、可愛(ài)。
漸變插畫(huà):一種很唯美的風(fēng)格,在顏色的運(yùn)用上一般采取近似色,顏色的種類不要過(guò)多。
立體插畫(huà):從名字就可以看出,這類插畫(huà)最大的特點(diǎn)就是立體了,能夠在二維的空間里表現(xiàn)出三維的事物。
描邊插畫(huà):除了運(yùn)用形狀,還要運(yùn)用描邊,可以很好的對(duì)事物進(jìn)行抽象化處理.
三. 各類插畫(huà)在實(shí)際APP中的運(yùn)用
扁平插畫(huà):得到、摩拜單車(chē)(用在banner、背景圖)
肌理插畫(huà):百度外賣(mài)、淘寶、App Store(用在刷新、背景圖、專題)
手繪插畫(huà):ofo、下廚房(用在banner、專題、彈框)
MBE插畫(huà):下廚房當(dāng)中的圖標(biāo),MBE風(fēng)格很適合用來(lái)制作icon
漸變插畫(huà)和立體插畫(huà):拉勾。把這兩種放到一起來(lái)講,是因?yàn)楹芏鄷r(shí)候一幅插畫(huà)是包含這兩種風(fēng)格的。(用在banner、專題)
描邊插畫(huà):拼多多、網(wǎng)易云音樂(lè)(用在icon、啟動(dòng)頁(yè))
總結(jié)一下:插畫(huà)適合用在APP當(dāng)中的啟動(dòng)頁(yè)、banner、專題、刷新、icon、彈框、背景圖等等。
四. 關(guān)于APP插畫(huà)的幾點(diǎn)小建議
插畫(huà)的風(fēng)格要和app的整體風(fēng)格搭配,例如洋蔥數(shù)學(xué)的整體風(fēng)格都是扁平的,如果在當(dāng)中使用手繪風(fēng)格的插畫(huà)就不合適。
插畫(huà)的內(nèi)容要能夠體現(xiàn)出主題,要和文案配合好。
插畫(huà)要盡可能的有創(chuàng)意,雖然我知道這很難做到,但是也要體現(xiàn)出設(shè)計(jì)師的想法和心思在里面,最重要的是注意細(xì)節(jié),細(xì)節(jié)決定成敗。
以上是
成都APP開(kāi)發(fā)【四川源昇科技】給你帶來(lái)的效果展示
【四川源昇科技】
榮獲國(guó)家高新技術(shù)、雙軟認(rèn)證企業(yè),公司分別在常州,蘇州,德州,上海和成都5大城市設(shè)立研發(fā)團(tuán)隊(duì),公司于2015年成立,專業(yè)定制電商APP、直播APP、教育APP、社區(qū)APP、招聘APP、打車(chē)APP 、農(nóng)產(chǎn)品商城APP、社交APP、招聘求職APP等各類手機(jī)APP。公司歷經(jīng)6年的技術(shù)沉淀,與中國(guó)人民大學(xué),成都大學(xué),溫江區(qū)人民政府,四川金鼎印鈔等多家政企單位合作,以及百余家中小企業(yè)提供軟件技術(shù)支持和承接項(xiàng)目外包、技術(shù)人員派遣駐場(chǎng)開(kāi)發(fā)等服務(wù)。
【公司秉承】
包設(shè)計(jì)、包開(kāi)發(fā)、包售后、包維護(hù)、包升級(jí)!
成為您最佳的技術(shù)合作伙伴!
【公司宗旨】
一次合作 終身朋友
【公司官網(wǎng)】
www.jiuyishua.com