從蘋果到阿里巴巴,為什么大廠喜歡這類插畫風(fēng)格
無論是年初爆火的新擬態(tài),還是蘋果發(fā)布會(huì)之后的iOS14新升級(jí),細(xì)心的人肯定發(fā)現(xiàn)了,界面和圖標(biāo)的光影細(xì)節(jié)都豐富了不少,下面就一起看看從蘋果到阿里巴巴,大廠喜歡插畫風(fēng)格的原因。
連“餓了么”UI設(shè)計(jì),也在不斷往擬態(tài)風(fēng)格化迭代升級(jí)。
(餓了么APP界面圖標(biāo))
扁平化插畫素材雖是永恒的經(jīng)典,但卻逐漸帶來審美疲勞,所以插畫風(fēng)格不斷升級(jí)。
(擬態(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)。
人物樣式特點(diǎn)
簡(jiǎn)化人物元素,使畫面簡(jiǎn)單但更直觀,更形象地傳遞視覺信息。但相較于純扁平化人物,這種風(fēng)格化賦予了更細(xì)節(jié)的紋理和裝飾,能表現(xiàn)出不同人物的身份特點(diǎn)。
五官和比例等更接近真人,外輪廓仍然保留肌肉的外顯性,但卻以規(guī)整平滑的線條呈現(xiàn),肢體上適當(dāng)運(yùn)用夸張的手法,將肢體形態(tài)夸張化,比例更加靈活,能形成更大張力的效果。
植物樣式特點(diǎn)
除了第一眼美觀的印象,用戶看到插畫時(shí),會(huì)更想要探究其中細(xì)節(jié)。除此之外,風(fēng)格化插畫還能賦予畫面第二種風(fēng)格。
例如上圖就具有另一番古風(fēng)韻味,整體畫風(fēng)細(xì)膩,在基礎(chǔ)的色塊上增加了對(duì)植物脈絡(luò)的描繪,同時(shí)以不同深淺的漸變色彩,來表達(dá)植物的不同朝向面,或夸張或精致。
動(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)或稚氣。
色彩方面特點(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ì)可以助你一臂之力。
網(wǎng)站中提供大量免費(fèi)插圖素材,類型涵蓋植物、日常用品、動(dòng)物、交通工具、人物、節(jié)日等常用插畫元素,且均可免費(fèi)商用。
用戶可以單獨(dú)下載素材,也可以在線編輯素材設(shè)計(jì)完整圖片。
所有圖片素材均可商用,無需擔(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ì)試試吧~
更多類型,打開官網(wǎng)進(jìn)行搜索,或在編輯界面左側(cè)素材欄中搜索,如果要取得PNG圖片只需點(diǎn)選「下載」按鈕即可。
立即登錄
- 雙十二電商活動(dòng)宣傳排版素材(電商商品促銷推廣模版樣式)
- 乞巧節(jié)微信公眾號(hào)推文排版素材(愛情浪漫活動(dòng)推廣文案)
- 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
- 八一建軍節(jié)紀(jì)念日推文排版樣式(光輝歷程文案宣傳模版)