從蘋果到阿里巴巴,為什么大廠喜歡這類插畫風(fēng)格

無論是年初爆火的新擬態(tài),還是蘋果發(fā)布會(huì)之后的iOS14新升級(jí),細(xì)心的人肯定發(fā)現(xiàn)了,界面和圖標(biāo)的光影細(xì)節(jié)都豐富了不少,下面就一起看看從蘋果到阿里巴巴,大廠喜歡插畫風(fēng)格的原因。

image.png


連“餓了么”UI設(shè)計(jì),也在不斷往擬態(tài)風(fēng)格化迭代升級(jí)。

(餓了么APP界面圖標(biāo))


扁平化插畫素材雖是永恒的經(jīng)典,但卻逐漸帶來審美疲勞,所以插畫風(fēng)格不斷升級(jí)。

001Ucsatgy1gitedcq6bkj6212112tmq02 (1).jpg

(擬態(tài)風(fēng)格化界面和圖標(biāo))

今年, 風(fēng)格化插畫 成為最新流行趨勢(shì)。



風(fēng)格畫插畫

?


指以非明確的或者普遍性的特征來呈現(xiàn)事物,主要有夸張和簡(jiǎn)化這兩種手法,圖標(biāo)大多采用擬態(tài)的風(fēng)格化形象。

與扁平的圖案相比,風(fēng)格畫插畫的筆觸更細(xì)膩,畫風(fēng)既能夸張又能寫實(shí)。


這種插畫風(fēng)格幾乎完美地彌合了扁平和寫實(shí)之間的鴻溝,更多線條、陰影、紋理帶來更強(qiáng)質(zhì)感,創(chuàng)造出令人驚艷的視覺層次和縱深。

在漸變的色彩當(dāng)中加入噪點(diǎn),能夠讓原本柔和的插畫信息量更大,豐富的同類色和陰影層次,創(chuàng)造比純扁平風(fēng)更強(qiáng)烈的場(chǎng)景氛圍。


這些風(fēng)格化的細(xì)節(jié)讓畫面充滿生機(jī),即使是商業(yè)插畫也能擁有藝術(shù)的質(zhì)感。


說到這里,沒有大廠案例,你可能還是比較疑惑:風(fēng)格化插畫具體是什么樣的?為何知名品牌前仆后繼?


下面我們就來看看這些大廠是怎樣設(shè)計(jì)風(fēng)格化樣式的。



1

食物樣式特點(diǎn)



上圖是餓了么APP的新舊圖標(biāo)對(duì)比,相比之前的扁平化圖標(biāo),新圖標(biāo)在視覺上明顯有更強(qiáng)的吸引力。


以原本的食物外形、色彩為基礎(chǔ),將復(fù)雜的顏色肌理用不同色塊來概括,添加一個(gè)或兩個(gè)簡(jiǎn)單的光影效果,打造擬態(tài)風(fēng)格化新圖標(biāo)。


2

人物樣式特點(diǎn)



簡(jiǎn)化人物元素,使畫面簡(jiǎn)單但更直觀,更形象地傳遞視覺信息。但相較于純扁平化人物,這種風(fēng)格化賦予了更細(xì)節(jié)的紋理和裝飾,能表現(xiàn)出不同人物的身份特點(diǎn)。


五官和比例等更接近真人,外輪廓仍然保留肌肉的外顯性,但卻以規(guī)整平滑的線條呈現(xiàn),肢體上適當(dāng)運(yùn)用夸張的手法,將肢體形態(tài)夸張化,比例更加靈活,能形成更大張力的效果。



3

植物樣式特點(diǎn)

未標(biāo)題-4.jpg

除了第一眼美觀的印象,用戶看到插畫時(shí),會(huì)更想要探究其中細(xì)節(jié)。除此之外,風(fēng)格化插畫還能賦予畫面第二種風(fēng)格。


例如上圖就具有另一番古風(fēng)韻味,整體畫風(fēng)細(xì)膩,在基礎(chǔ)的色塊上增加了對(duì)植物脈絡(luò)的描繪,同時(shí)以不同深淺的漸變色彩,來表達(dá)植物的不同朝向面,或夸張或精致。



4

動(dòng)物樣式特點(diǎn)



風(fēng)格化也并不像寫實(shí)風(fēng)格那樣摳細(xì)節(jié),細(xì)節(jié)多只保留典型紋理,去除很多三維化的特點(diǎn),僅運(yùn)用光影簡(jiǎn)單表示,對(duì)于其它特征的概括性很高。


對(duì)于自然與動(dòng)物的描繪,注重捕捉動(dòng)物的形態(tài)和動(dòng)態(tài)特點(diǎn),曲線更平滑,添加噪點(diǎn)表現(xiàn)陰影,細(xì)節(jié)的添加使畫面呈現(xiàn)出更加豐富細(xì)膩的效果,或粗狂或嚴(yán)謹(jǐn)或稚氣。



5

色彩方面特點(diǎn)


從大廠案例中較低的“飽和度S”和“明度B”數(shù)值,我們可以看出總體色彩較為柔和,但可以添加一些大膽的亮色以點(diǎn)綴,提升畫面活躍度。


和諧又奪人眼球的配色是風(fēng)格化插畫好看的因素之一,根據(jù)事物的特性以及設(shè)計(jì)理念以大色塊區(qū)分事物,同時(shí),利用淡淡的漸變和光影、磨砂噪點(diǎn)來達(dá)到兩者之間的平衡,確保畫面的統(tǒng)一與視覺效果的突出,能在用戶腦海中留下高識(shí)別性,又不失美感。





掌握了以上優(yōu)秀特點(diǎn),但不會(huì)手繪素材怎么辦?


沒關(guān)系,我們可以直接get相應(yīng)的風(fēng)格化插畫素材,然后合理排版布局,即可做出流行的大廠風(fēng)格化插畫海報(bào)。


當(dāng)然,如果你想從0基礎(chǔ)做出風(fēng)格化商業(yè)插畫,比格設(shè)計(jì)可以助你一臂之力。


比格設(shè)計(jì)
圖片編輯器
1分鐘高效優(yōu)質(zhì)出圖

網(wǎng)站中提供大量免費(fèi)插圖素材,類型涵蓋植物、日常用品、動(dòng)物、交通工具、人物、節(jié)日等常用插畫元素,且均可免費(fèi)商用。


用戶可以單獨(dú)下載素材,也可以在線編輯素材設(shè)計(jì)完整圖片。



01
食物類插圖素材
食物類插畫素材



02
食物類插圖素材
人物類插畫素材



03
食物類插圖素材
植物類插畫素材



04
食物類插圖素材
動(dòng)物類插畫素材



05
食物類插圖素材
靜物類插畫素材


所有圖片素材均可商用,無需擔(dān)憂版權(quán)問題。


有了素材的支撐,就提供了插畫作品現(xiàn)實(shí)邏輯、造形和細(xì)節(jié)的基礎(chǔ)、以及豐富度和質(zhì)感的源頭。


除了單獨(dú)的插畫素材,這里還有完成度更高的風(fēng)格化插畫模板,這些優(yōu)質(zhì)插畫可以直接使用,也能無意中為我們提供靈感。



與大廠一樣優(yōu)秀的風(fēng)格畫插畫,即使不會(huì)PS的零基礎(chǔ)小白也能做出,快打開比格設(shè)計(jì)試試吧~


1.gif


更多類型,打開官網(wǎng)進(jìn)行搜索,或在編輯界面左側(cè)素材欄中搜索,如果要取得PNG圖片只需點(diǎn)選「下載」按鈕即可。


文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
小伍資深編輯
共638篇文章
最近文章
更多
  • 雙十二電商活動(dòng)宣傳排版素材(電商商品促銷推廣模版樣式)
  • 乞巧節(jié)微信公眾號(hào)推文排版素材(愛情浪漫活動(dòng)推廣文案)
  • 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
  • 八一建軍節(jié)紀(jì)念日推文排版樣式(光輝歷程文案宣傳模版)
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到