100種方法,教你搞定手繪專題頁(yè)設(shè)計(jì)!
今天的內(nèi)容量很多也很實(shí)用,建議大家耐心閱讀完后收藏備用吶~
不知道大家發(fā)現(xiàn)沒有,就是隨著技能工具的增多,我們現(xiàn)在的設(shè)計(jì)形式越來越多元化了,但如果非要我推薦一項(xiàng)最通用的設(shè)計(jì)技能的話,我想非手繪莫屬了,因?yàn)闊o論是修圖/攝影/合成/玩C4D/做設(shè)計(jì)等,最終都是需要用到一些手繪的。
不過我這里指的手繪并不是大家眼里的那種只會(huì)描照片的轉(zhuǎn)手繪,而是能夠依據(jù)不同需要去創(chuàng)造形象/搭建場(chǎng)景的手繪,無論何種風(fēng)格何種形式,因?yàn)槟愕氖掷L要與創(chuàng)意和需求結(jié)合后做出來的設(shè)計(jì)才有靈魂才能打動(dòng)人從而獲得商業(yè)價(jià)值,要不然只是一具空殼而已。
1、那手繪的優(yōu)勢(shì)是什么呢?
有這么幾個(gè)方面:
富有創(chuàng)意:
就是可以創(chuàng)造出任何你想要表達(dá)的東西,比如場(chǎng)景/人物/情節(jié)/氛圍等
節(jié)省時(shí)間:
別人找個(gè)想要的素材需要花很多時(shí)間還不一定能找到,即使找到了也有可能會(huì)面臨版權(quán)問題以及風(fēng)格不匹配的問題
趣味親和力:
網(wǎng)購(gòu)大軍里年輕女性是占多數(shù)的,那這些女孩子們?cè)趺纯赡芫芙^得了萌萌噠或浪漫誘惑呢?所以你才會(huì)看到電商設(shè)計(jì)里時(shí)常會(huì)運(yùn)用到手繪,因?yàn)槭掷L常常會(huì)給人一種或可愛或夢(mèng)幻的感覺呀,你心情愉悅了掏錢的時(shí)候自然會(huì)更爽快嘛。
救急互補(bǔ):
有些需求方可能會(huì)提出一些特殊要求或者現(xiàn)有的素材不太給力或有缺陷但又不得不用的時(shí)候怎么辦呢?用手繪來搞定呀,比如產(chǎn)品看起來太不美觀了,手繪修一下;模特缺胳膊少腿了,用手繪修補(bǔ)一下;比如運(yùn)營(yíng)非要你摘個(gè)天上的月亮給他,那你就給他畫一個(gè)?。ㄎ⑿Γ?。
2、什么品類/主題/節(jié)日喜歡使用手繪呢?
品類:
母嬰個(gè)護(hù)/美妝護(hù)膚/服飾鞋包/吃喝玩樂等等主要為了籠絡(luò)女性及兒童用戶群體的品類,都比較喜歡用手繪類型的頁(yè)面設(shè)計(jì),當(dāng)然,現(xiàn)在越來越多的些小鮮肉也開始賣萌或追求小浪漫了。
不知道大家有沒有發(fā)現(xiàn)一個(gè)現(xiàn)象。。就是現(xiàn)在男人女人的特征喜好其實(shí)越來越差異不大了,很多男的也愛賣萌/化妝/護(hù)膚(可能也會(huì)整容之類的),長(zhǎng)相穿著打扮比女人還好看,比如現(xiàn)在火的一塌糊涂的幾位小鮮肉們。。
(這些超高人氣小鮮肉長(zhǎng)得太好看,讓多少女人都自愧不如吧。。and你認(rèn)識(shí)幾個(gè)?)
反倒是很多女的開始從發(fā)型和穿著方面表現(xiàn)出自己比較瀟灑帥氣的一面,說話也特別爺們兒,總之,性別已經(jīng)越來越不是事兒啦,大家都可以按自己的喜好去表達(dá)自己。
主題:
不管你是啥品類,在電商頁(yè)面設(shè)計(jì)里,如果你的主題是走搞怪/卡哇伊可愛/炫酷/頹廢/懷舊等路線的的話(恐怖畫面除外,畢竟電商頁(yè)面主要是為賣貨目的而設(shè)計(jì)的嘛),基本都會(huì)需要用到手繪了,無論是全手繪還是半手繪(虛實(shí)結(jié)合的形式)。
節(jié)日:
運(yùn)用手繪最多的節(jié)日要數(shù)兒童節(jié)/中秋節(jié)/清明節(jié)/端午節(jié)/春節(jié)之類的了,兒童節(jié)是因?yàn)橹饕后w受眾也是兒童和女孩子,而中秋節(jié)/清明節(jié)/端午節(jié)/春節(jié)是因?yàn)檫@些節(jié)日普遍都是中國(guó)古代流傳下來的傳統(tǒng)節(jié)日,這也決定了他會(huì)帶有一些傳說或神話因素情節(jié)在里面,而這些放在現(xiàn)代來說是需要想象力去表現(xiàn)的,手繪的形式正好滿足了這種需要。
3、手繪常用的元素和場(chǎng)景有哪些呢?
靈感來源
也正是因?yàn)槭掷L的形式常運(yùn)用于我們前面提到的一些品類/主題/節(jié)日里,結(jié)合那些品類和節(jié)日的特征,所以通過理解文案內(nèi)容/產(chǎn)品的相關(guān)特性/風(fēng)格選擇/當(dāng)前時(shí)間段是否屬于節(jié)日等綜合因素考慮,我們就能夠獲取到非常多的靈感,下面我給大家舉例說一下咯~
(1)以護(hù)膚品舉例
護(hù)膚品是讓我們變得更年輕更美的東西,所以我們常常會(huì)聯(lián)想到什么呢?會(huì)聯(lián)想到一切溫馨美好的事物和人,比如胖嘟嘟的云朵/五顏六色的花兒/乖巧的小動(dòng)物/參差不齊的樹木/甜甜的美少女/小溪水滴等,因?yàn)檫@些事物構(gòu)建成的場(chǎng)景畫面時(shí)常會(huì)給我們一種重回少女時(shí)代般的感覺。
(2)以卡哇伊主題舉例
說到卡哇咿,我第一反應(yīng)就是想到了韓國(guó)和日本的設(shè)計(jì),他們特別善于利用一些小圖形小元素制造氛圍,瞬間營(yíng)造出一種萌萌噠的畫面感。
(3)以春節(jié)舉例:
說到春節(jié)你會(huì)聯(lián)想到什么呢?也許你會(huì)聯(lián)想到一群小孩放鞭炮/貼對(duì)聯(lián)掛紅燈籠/一家人熱熱鬧鬧吃年夜飯/逛集市采購(gòu)年貨等等各種喜慶熱鬧溫馨的場(chǎng)景,但是,這里面涉及到的道具和人物都太多了,你如果去玩合成,估計(jì)找到合適角度/風(fēng)格的素材都很難,玩C4D和攝影工作量也是相當(dāng)大,最省力的方式也許就還是手繪了,你想要什么樣的場(chǎng)景和人物都給你迅速畫出來(這是指對(duì)有繪畫功底的人來說)。
4、手繪在設(shè)計(jì)中的運(yùn)用及注意事項(xiàng)
(1)全手繪和半手繪
從手繪占比的角度,我們可以將手繪類型的頁(yè)面設(shè)計(jì)分為全手繪的和半手繪的,全手繪的比如這些:
(作品來自草木之心和韓束,手繪頁(yè)面設(shè)計(jì)的非常漂亮)
但全手繪也有一些局限性,有時(shí)也許會(huì)顯得有點(diǎn)低齡化或風(fēng)格局限,所以我們也時(shí)常會(huì)采用半手繪的形式,比如手繪搭配著攝影/diy/合成/建模等形式來做,這種形式既可以很活潑俏皮,也可以很時(shí)尚,基本適用于任何人任何品牌,即便是一些大牌也可以用,而且相對(duì)于全手繪來說,它也更省時(shí)省力一些,所以運(yùn)用的范圍也更加廣泛:
保羅藝術(shù)家Ana Strumpf與時(shí)尚雜志合作的封面設(shè)計(jì))
(2)手繪的構(gòu)圖形式
其實(shí)無論是不是手繪頁(yè)面,構(gòu)圖形式無非就是下面這幾種基本構(gòu)圖形式以及它們的組合運(yùn)用:
S形:
梯子形通欄:
非通欄(頭部Banner與背景為一體,樓層豆腐塊狀):
非通欄(頭部Banner與背景為一體,樓層呈長(zhǎng)條狀):
分欄形:
但對(duì)于手繪的頁(yè)面來說,以下這些設(shè)計(jì)方式及特點(diǎn)是只有它才擁有的,比如借助手繪搭建一個(gè)場(chǎng)景,場(chǎng)景里有小路/小溪/或藤蔓等剛好化作樓層來放置商品,使得頭部Banner與樓層部分融為一體,整體看起來非常流暢:
即便是不搭建場(chǎng)景,僅僅只是利用頁(yè)面里的某一個(gè)人物或物件的某一個(gè)部位,比如樹干/樹枝樹干樹根/人的頭發(fā)/人的裙子/云朵/錢袋/彩帶等,也可以放置商品啊:
另外要說明的是,無論是不是手繪頁(yè)面,其實(shí)構(gòu)圖與我們以前講的所有類型的頁(yè)面都沒有什么區(qū)別,因?yàn)槟惆堰@些手繪元素當(dāng)作點(diǎn)綴好啦,我之前寫的一篇關(guān)于點(diǎn)綴元素運(yùn)用的文章,大家也可以看看:Banner設(shè)計(jì)技巧:6招搞定點(diǎn)綴元素的運(yùn)用
(3)手繪的質(zhì)感風(fēng)格
看到這里,不知道大家發(fā)現(xiàn)沒有,其實(shí)根據(jù)不同的需要,不同手法/維度/色彩明度/色彩飽和度等的手繪設(shè)計(jì)給人的感覺是大不一樣的,舉例給大家看下:
簡(jiǎn)筆畫:
簡(jiǎn)筆畫搭配模特或產(chǎn)品,非常俏皮
扁平+柔和線條+低飽和度,給人一種懷舊的感覺:
輕質(zhì)感+低飽和+高明度,給人一種明媚又復(fù)古的感覺:
輕質(zhì)感+低明度+低飽和度,再加上一些現(xiàn)代化的元素,比如燈帶/電子設(shè)備后,就有一點(diǎn)混搭的感覺了:
扁平+硬朗線條+高明度+高飽和度,顯得年輕又現(xiàn)代:
輕質(zhì)感+柔和線條+高明度+高飽和度,顯得可愛萌萌達(dá)噠:
扁平+多彩:
加上光影質(zhì)感后,趣味感更加強(qiáng)烈:
扁平輕質(zhì)感:
輕質(zhì)感手繪+人物后,虛實(shí)結(jié)合顯得更加有新意:
扁平+卡通形象繪制:
如果加上光影質(zhì)感后,就更加有代入感了:
二位平面化:
轉(zhuǎn)化到三維空間層面后,也會(huì)顯得更加真實(shí)有代入感:
以上我先給大家看這么多,其他還有很多對(duì)比效果大家可以自行去總結(jié)發(fā)現(xiàn),總之,從不同手法/維度/色彩明度/色彩飽和度等很多方面都可以自由創(chuàng)作出N種不同的效果,從而滿足不同的設(shè)計(jì)需要。
(4)注意事項(xiàng)
首先是整體的手繪風(fēng)格要與主題要求的氣質(zhì)保持一致,再其次,頁(yè)面的元素與元素之間風(fēng)格要保持一致。
比如下面這2種手繪頁(yè)面,無論是色彩明度/飽和度/空間層次/氣質(zhì)/質(zhì)感等都是完全不一樣的,他們之間的元素也就無法互換或混合使用:
VS
而下面這2種卻可以(因?yàn)闅赓|(zhì)相符啊),你們可以感受下:
5、各國(guó)手繪頁(yè)面欣賞
我們可以一起來看下韓國(guó)/日本/中國(guó)這些不同國(guó)家的手繪頁(yè)面分別有啥不同點(diǎn)。
韓國(guó)的手繪頁(yè)面,多是這種,特別善于添加一些用于點(diǎn)綴的手繪元素,顯得特別俏皮可愛:
日本的手繪頁(yè)面,要么非常小清新,要么很重口味熱血或搞怪:
也可以很卡哇伊:
非亞洲國(guó)家的一些手繪頁(yè)面,要么明亮/簡(jiǎn)約/時(shí)尚:
要么帶點(diǎn)英倫風(fēng)的感覺咯:
當(dāng)然他們有時(shí)也特別腦洞大開,甚至覺得怪異:
至于中國(guó)的一些手繪頁(yè)面設(shè)計(jì),我感覺好像有千萬種可能誒。。。大概是因?yàn)橹袊?guó)文化博大精深的緣故吧。。。好像沒有什么不可能的:
太多太多了,我就不一一舉例了,總之沒有你想不到手繪風(fēng)格或形式的就對(duì)了。。?,F(xiàn)在不是流行借鑒/跨界/混搭嗎,大家也可以試試,哈哈~
總結(jié)
其實(shí)不知道大家發(fā)現(xiàn)沒有,隨著互聯(lián)網(wǎng)的普及,這也導(dǎo)致方便了人與人之間/文化與文化之間的的傳播交流,世界各地的設(shè)計(jì)風(fēng)格都在互相影響和借鑒著,古代傳統(tǒng)與現(xiàn)代的結(jié)合,國(guó)外和國(guó)內(nèi)的結(jié)合等,人與人思想之間的差異也碰撞出了各種火花,從而創(chuàng)造了各種可能,使得我們的設(shè)計(jì)越來越多元化了沒那么局限了,往往局限我們思維的是我們自己而已。
不管怎么樣呢,一張手繪頁(yè)面體現(xiàn)的是設(shè)計(jì)師的文化儲(chǔ)備+想象力+手繪執(zhí)行力+色彩構(gòu)成+平面構(gòu)成+營(yíng)銷定位等等各種知識(shí)把握能力的綜合體現(xiàn),還蠻考究功力的,反正要學(xué)的東西還很多哇。
ps:以上部分作品來源于花瓣,如果設(shè)計(jì)師本人看到這篇文章請(qǐng)跟我聯(lián)系哦,因?yàn)橐昧四銈兊膬?yōu)秀作品做案例講解,所以我很愿意為為你們署名,如果你們?cè)敢獾脑挘兄x。
#專欄作家#
做設(shè)計(jì)的面條,公眾號(hào):做設(shè)計(jì)的面條,人人都是產(chǎn)品經(jīng)理專欄作家。一位擅長(zhǎng)將電商及banner設(shè)計(jì)講得最透徹易懂的妹子,有趣有料會(huì)拍照,歡迎互相交流。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
想知道用什么工具軟件可以手繪
厲害
總結(jié)的非常贊,干貨滿滿~