從蘋(píng)果到阿里巴巴,為什么大廠(chǎng)喜歡這類(lèi)插畫(huà)風(fēng)格
無(wú)論是年初爆火的新擬態(tài),還是蘋(píng)果發(fā)布會(huì)之后的iOS14新升級(jí),細(xì)心的人肯定發(fā)現(xiàn)了,界面和圖標(biāo)的光影細(xì)節(jié)都豐富了不少,下面就一起看看從蘋(píng)果到阿里巴巴,大廠(chǎng)喜歡插畫(huà)風(fēng)格的原因。
連“餓了么”UI設(shè)計(jì),也在不斷往擬態(tài)風(fēng)格化迭代升級(jí)。
(餓了么APP界面圖標(biāo))
扁平化插畫(huà)素材雖是永恒的經(jīng)典,但卻逐漸帶來(lái)審美疲勞,所以插畫(huà)風(fēng)格不斷升級(jí)。
(擬態(tài)風(fēng)格化界面和圖標(biāo))
今年, 風(fēng)格化插畫(huà) 成為最新流行趨勢(shì)。
風(fēng)格畫(huà)插畫(huà)
?
●
○
指以非明確的或者普遍性的特征來(lái)呈現(xiàn)事物,主要有夸張和簡(jiǎn)化這兩種手法,圖標(biāo)大多采用擬態(tài)的風(fēng)格化形象。
與扁平的圖案相比,風(fēng)格畫(huà)插畫(huà)的筆觸更細(xì)膩,畫(huà)風(fēng)既能夸張又能寫(xiě)實(shí)。
這種插畫(huà)風(fēng)格幾乎完美地彌合了扁平和寫(xiě)實(shí)之間的鴻溝,更多線(xiàn)條、陰影、紋理帶來(lái)更強(qiáng)質(zhì)感,創(chuàng)造出令人驚艷的視覺(jué)層次和縱深。
在漸變的色彩當(dāng)中加入噪點(diǎn),能夠讓原本柔和的插畫(huà)信息量更大,豐富的同類(lèi)色和陰影層次,創(chuàng)造比純扁平風(fēng)更強(qiáng)烈的場(chǎng)景氛圍。
這些風(fēng)格化的細(xì)節(jié)讓畫(huà)面充滿(mǎn)生機(jī),即使是商業(yè)插畫(huà)也能擁有藝術(shù)的質(zhì)感。
說(shuō)到這里,沒(méi)有大廠(chǎng)案例,你可能還是比較疑惑:風(fēng)格化插畫(huà)具體是什么樣的?為何知名品牌前仆后繼?
下面我們就來(lái)看看這些大廠(chǎng)是怎樣設(shè)計(jì)風(fēng)格化樣式的。
1
食物樣式特點(diǎn)
上圖是餓了么APP的新舊圖標(biāo)對(duì)比,相比之前的扁平化圖標(biāo),新圖標(biāo)在視覺(jué)上明顯有更強(qiáng)的吸引力。
以原本的食物外形、色彩為基礎(chǔ),將復(fù)雜的顏色肌理用不同色塊來(lái)概括,添加一個(gè)或兩個(gè)簡(jiǎn)單的光影效果,打造擬態(tài)風(fēng)格化新圖標(biāo)。
人物樣式特點(diǎn)
簡(jiǎn)化人物元素,使畫(huà)面簡(jiǎn)單但更直觀(guān),更形象地傳遞視覺(jué)信息。但相較于純扁平化人物,這種風(fēng)格化賦予了更細(xì)節(jié)的紋理和裝飾,能表現(xiàn)出不同人物的身份特點(diǎn)。
五官和比例等更接近真人,外輪廓仍然保留肌肉的外顯性,但卻以規(guī)整平滑的線(xiàn)條呈現(xiàn),肢體上適當(dāng)運(yùn)用夸張的手法,將肢體形態(tài)夸張化,比例更加靈活,能形成更大張力的效果。
植物樣式特點(diǎn)
除了第一眼美觀(guān)的印象,用戶(hù)看到插畫(huà)時(shí),會(huì)更想要探究其中細(xì)節(jié)。除此之外,風(fēng)格化插畫(huà)還能賦予畫(huà)面第二種風(fēng)格。
例如上圖就具有另一番古風(fēng)韻味,整體畫(huà)風(fēng)細(xì)膩,在基礎(chǔ)的色塊上增加了對(duì)植物脈絡(luò)的描繪,同時(shí)以不同深淺的漸變色彩,來(lái)表達(dá)植物的不同朝向面,或夸張或精致。
動(dòng)物樣式特點(diǎn)
風(fēng)格化也并不像寫(xiě)實(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),曲線(xiàn)更平滑,添加噪點(diǎn)表現(xiàn)陰影,細(xì)節(jié)的添加使畫(huà)面呈現(xiàn)出更加豐富細(xì)膩的效果,或粗狂或嚴(yán)謹(jǐn)或稚氣。
色彩方面特點(diǎn)
從大廠(chǎng)案例中較低的“飽和度S”和“明度B”數(shù)值,我們可以看出總體色彩較為柔和,但可以添加一些大膽的亮色以點(diǎn)綴,提升畫(huà)面活躍度。
和諧又奪人眼球的配色是風(fēng)格化插畫(huà)好看的因素之一,根據(jù)事物的特性以及設(shè)計(jì)理念以大色塊區(qū)分事物,同時(shí),利用淡淡的漸變和光影、磨砂噪點(diǎn)來(lái)達(dá)到兩者之間的平衡,確保畫(huà)面的統(tǒng)一與視覺(jué)效果的突出,能在用戶(hù)腦海中留下高識(shí)別性,又不失美感。
掌握了以上優(yōu)秀特點(diǎn),但不會(huì)手繪素材怎么辦?
沒(méi)關(guān)系,我們可以直接get相應(yīng)的風(fēng)格化插畫(huà)素材,然后合理排版布局,即可做出流行的大廠(chǎng)風(fēng)格化插畫(huà)海報(bào)。
當(dāng)然,如果你想從0基礎(chǔ)做出風(fēng)格化商業(yè)插畫(huà),比格設(shè)計(jì)可以助你一臂之力。
網(wǎng)站中提供大量免費(fèi)插圖素材,類(lèi)型涵蓋植物、日常用品、動(dòng)物、交通工具、人物、節(jié)日等常用插畫(huà)元素,且均可免費(fèi)商用。
用戶(hù)可以單獨(dú)下載素材,也可以在線(xiàn)編輯素材設(shè)計(jì)完整圖片。
所有圖片素材均可商用,無(wú)需擔(dān)憂(yōu)版權(quán)問(wèn)題。
有了素材的支撐,就提供了插畫(huà)作品現(xiàn)實(shí)邏輯、造形和細(xì)節(jié)的基礎(chǔ)、以及豐富度和質(zhì)感的源頭。
除了單獨(dú)的插畫(huà)素材,這里還有完成度更高的風(fēng)格化插畫(huà)模板,這些優(yōu)質(zhì)插畫(huà)可以直接使用,也能無(wú)意中為我們提供靈感。
與大廠(chǎng)一樣優(yōu)秀的風(fēng)格畫(huà)插畫(huà),即使不會(huì)PS的零基礎(chǔ)小白也能做出,快打開(kāi)比格設(shè)計(jì)試試吧~
更多類(lèi)型,打開(kāi)官網(wǎng)進(jìn)行搜索,或在編輯界面左側(cè)素材欄中搜索,如果要取得PNG圖片只需點(diǎn)選「下載」按鈕即可。
立即登錄
- 雙十二電商活動(dòng)宣傳排版素材(電商商品促銷(xiāo)推廣模版樣式)
- 乞巧節(jié)微信公眾號(hào)推文排版素材(愛(ài)情浪漫活動(dòng)推廣文案)
- 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
- 八一建軍節(jié)紀(jì)念日推文排版樣式(光輝歷程文案宣傳模版)