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