起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)節(jié)假日廣告宣傳，為什么都喜歡手繪設(shè)計(jì)？
品經(jīng)理-1.jpg!/both/72x72){kind=small}
一張優(yōu)秀的手繪頁面反應(yīng)出來的是設(shè)計(jì)師的文化儲(chǔ)備＋想象力＋手繪執(zhí)行力＋色彩構(gòu)成＋平面構(gòu)成＋營(yíng)銷定位等等，各種知識(shí)把握能力的綜合體現(xiàn)，是比較設(shè)計(jì)考究功力。
雖說3.8節(jié)日已經(jīng)過去了，但是我認(rèn)真看了下今年的一系列3.8節(jié)主題的活動(dòng)頁面設(shè)計(jì)，發(fā)現(xiàn)今年舍得投入大量精力和時(shí)間來做活動(dòng)頁面設(shè)計(jì)的店鋪其實(shí)并不多。
當(dāng)然也有可能是設(shè)計(jì)師和商家們都已經(jīng)趨于理（ma）性（bi）了吧，不會(huì)再盲目去炫技了，而是把有限的精力和人力，投入到更適合的方向去表現(xiàn)，去設(shè)計(jì)。
所以，除了部分一貫都是走手繪風(fēng)格頁面設(shè)計(jì)的品牌和店鋪，依舊是用手繪的形式去表現(xiàn)以外，其他很多店鋪依舊是直接走的實(shí)拍攝影路線，直接整張模特，再加上文案排排版，一個(gè)頁面就完成了，還有其他極少數(shù)店鋪，依舊在玩C4D和合成的形式。
比如：阿芙和百雀羚家的設(shè)計(jì)一直都是我很喜歡的，他們家也一直都喜歡用手繪的表現(xiàn)形式，而且這一次它們都采用了鳳凰這個(gè)形象來做3.8節(jié)頁面的創(chuàng)意，只是風(fēng)格不一樣。
阿芙家的鳳凰和動(dòng)作比較有氣勢(shì)，女王歸來的感覺～
（阿芙官方旗艦店）
百雀羚家的鳳凰比較夢(mèng)幻有仙氣，少女一般～
（百雀羚旗艦店）
都很貼合主題，各有千秋吧～
比如：衛(wèi)龍家也是手繪風(fēng)格，但是人家直接把媚娘（武則天別名）搬出來給自己代言辣條了……?！?/p>
（衛(wèi)龍食品旗艦店）
而且還是可以動(dòng)的～皮的很～
比如：老金磨方一慣的風(fēng)格都是這種有年代感的手繪形式，容易讓人聯(lián)想到國(guó)貨品牌、老字號(hào)等特點(diǎn)。
（老金磨方旗艦店）
比如：途新旗艦店采用的是C4D的表現(xiàn)形式，科技感十足。
（途新旗艦店）
看到這里，我突然想說一下我發(fā)現(xiàn)的一個(gè)現(xiàn)象，誰說科技感男性化的品類就不能蹭女性的熱點(diǎn)呢？畢竟現(xiàn)在性格的概念其實(shí)越來越模糊了，男人越來越秀氣愛打扮精致，女性越來越帥氣獨(dú)立，百花齊放，挺好的。
比如：圣希梵旗艦店采用的合成的表現(xiàn)形式，也能把頁面做的很帥氣，符合自己運(yùn)動(dòng)/潮牌的調(diào)性。
（圣希梵旗艦店）
比如：很多女裝店鋪，找攝影師把照片拍的時(shí)尚俏皮一點(diǎn)，真的可以給設(shè)計(jì)師省好多事～
（妖精的口袋旗艦店）
不過說實(shí)在的，現(xiàn)在電商行業(yè)競(jìng)爭(zhēng)太激烈了，如果你沒有任何特色和流量?jī)?yōu)勢(shì)，而盲目地去模仿這種本來就比較知名的店鋪或一些時(shí)尚大牌的設(shè)計(jì)（因?yàn)檫@些店鋪的設(shè)計(jì)樣式基本都已經(jīng)定型了，不需要你去發(fā)揮太多的創(chuàng)意，頁面設(shè)計(jì)模版化/流程化居多），估計(jì)很難脫穎而出。
所以在這種情況下，不管你是玩合成也好，玩手繪也好，玩C4D也好，都是可以的，但是切記不要過分炫技哦，而是要結(jié)合自身的實(shí)際情況去選擇合適自己的表現(xiàn)形式和技能。
但同時(shí)我也發(fā)現(xiàn)啊，無論是修圖／攝影／合成／玩C4D／做設(shè)計(jì)等，最終其實(shí)都是需要用到一些手繪的技能，尤其是如果你能夠依據(jù)不同需要去創(chuàng)造形象／搭建場(chǎng)景的手繪，能夠?qū)⑹掷L與創(chuàng)意和需求相結(jié)合，能夠打動(dòng)人的同時(shí)獲得商業(yè)價(jià)值，無論是何種風(fēng)格何種形式，那就太棒了。
而我自己呢，其實(shí)一直以來也是對(duì)手繪類型的頁面和設(shè)計(jì)更加情有獨(dú)衷，所以今天干脆為大家總結(jié)整理了一些關(guān)于手繪頁面設(shè)計(jì)方面的技巧、玩法和注意事項(xiàng)，興許對(duì)你們也能有一些幫助和啟發(fā)。
1. 手繪的優(yōu)勢(shì)是什么？
（1）高效地打造吸引人的設(shè)計(jì)
手繪可以幫助你高效地創(chuàng)造出任何你想要表達(dá)的東西，比如：場(chǎng)景／人物／情節(jié)／氛圍等，尤其是有些明明看似普通的照片，只需要加一點(diǎn)很簡(jiǎn)單的手繪元素進(jìn)去，畫面立馬就變得俏皮起來～
（2）節(jié)省時(shí)間，規(guī)避版權(quán)問題
別人找個(gè)想要的素材需要花很多時(shí)間還不一定能找到，即使找到了也有可能會(huì)面臨版權(quán)問題以及風(fēng)格不匹配的問題，但如果你會(huì)手繪，要啥素材你都可以自己畫出來。
（3）趣味親和力，適合電商設(shè)計(jì)
網(wǎng)購大軍里年輕女性是占大多數(shù)的，那這些女孩子們?cè)趺纯赡芫芙^得了萌萌噠或浪漫氛圍的誘惑呢？所以你才會(huì)看到一些針對(duì)女性顧客的電商類目設(shè)計(jì)里時(shí)常會(huì)運(yùn)用到手繪，因?yàn)槭掷L常常會(huì)給人一種或可愛或夢(mèng)幻的感覺，讓人感到心情愉悅。
你想啊，顧客心情愉悅了，掏錢的時(shí)候自然會(huì)更爽快嘛。
（4）救急互補(bǔ)，近乎萬能
有些需求方可能會(huì)提出一些特殊要求，或者現(xiàn)有的素材不太給力或有缺陷但又不得不用的時(shí)候怎么辦呢？你用手繪來搞定呀。
再比如很多產(chǎn)品本身或拍攝出來就太不美觀，那你就需要用手繪來修一下了；再比如有時(shí)客戶提供的模特缺胳膊少腿了但又不得不用，或者玩合成的時(shí)候找的素材實(shí)在是找不到太符合要求的了怎么辦？用手繪修補(bǔ)一下啊。
總之，會(huì)手繪的設(shè)計(jì)師們，真的太優(yōu)秀了！～
另外不知道大家看過100多年前設(shè)計(jì)師們?cè)O(shè)計(jì)的海報(bào)沒有，那時(shí)候沒有網(wǎng)絡(luò)，也沒有ps，所以很多海報(bào)設(shè)計(jì)都是用手繪的形式來表現(xiàn)的。
（1950s摩托車廣告）
（廣生行）
（紀(jì)念牌香煙）
（Queen of Diamonds’）
這些海報(bào)即便是放在現(xiàn)在看，也依舊不過時(shí)的。
所以大家發(fā)現(xiàn)沒有，一直到現(xiàn)在，手繪在各個(gè)領(lǐng)域的運(yùn)用地位依然沒有任何動(dòng)搖，只不過隨著時(shí)代的發(fā)展，手繪的形式也越來越多樣化了，具體怎么樣多樣化，我們后面再說。
2. 什么品類／主題／節(jié)日喜歡使用手繪呢？
品類：母嬰個(gè)護(hù)／美妝護(hù)膚／服飾鞋包／吃喝玩樂等等主要為了籠絡(luò)女性及兒童用戶群體的品類，都比較喜歡用手繪類型的頁面設(shè)計(jì)。
（百雀羚旗艦店）
（Ostelin海外旗艦店）
不知道大家有沒有發(fā)現(xiàn)一個(gè)現(xiàn)象，就是現(xiàn)在男人女人的特征喜好其實(shí)越來越差異不大了，很多男的也愛賣萌／化妝／護(hù)膚（可能也會(huì)整容之類的），長(zhǎng)相穿著打扮比女人還好看。
反倒是很多女的開始從發(fā)型和穿著方面表現(xiàn)出自己比較瀟灑帥氣的一面，說話也特別爺們兒?？傊詣e已經(jīng)越來越不是事兒啦，任何品類其實(shí)都是可以走手繪風(fēng)格路線，大家都可以按自己的喜好去表達(dá)自己。
主題：不管你是啥品類，在電商頁面設(shè)計(jì)里，如果你的主題是走搞怪／卡哇伊可愛／炫酷／頹廢／懷舊等路線的的話，基本都會(huì)需要用到手繪了，無論是全手繪還是半手繪（虛實(shí)結(jié)合的形式）。
當(dāng)然，恐怖畫面的手繪除外啊，畢竟電商設(shè)計(jì)主要是為賣貨目的服務(wù)的嘛，總不能把客戶給嚇跑了對(duì)吧。
（太平鳥）
（沙宣）
節(jié)日：運(yùn)用手繪最多的節(jié)日要數(shù)3.8節(jié)／兒童節(jié)／中秋節(jié)／清明節(jié)／端午節(jié)／春節(jié)之類的了，兒童節(jié)是因?yàn)橹饕后w受眾也是兒童和女孩子，3.8節(jié)的主要受眾就是女性，而中秋節(jié)／清明節(jié)／端午節(jié)／春節(jié)是因?yàn)檫@些節(jié)日普遍都是中國(guó)古代流傳下來的傳統(tǒng)節(jié)日，這也決定了他會(huì)帶有一些傳說或神話因素情節(jié)在里面。而這些放在現(xiàn)代來說是需要想象力去表現(xiàn)的，手繪的形式正好滿足了這種需要。
（2018年天貓3.8女王節(jié)預(yù)熱海報(bào)）
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í)代般的感覺。
（節(jié)選自珀萊雅24節(jié)氣海報(bào)）
（2）以卡哇伊主題舉例
說到卡哇咿，我第一反應(yīng)就是想到了韓國(guó)和日本的設(shè)計(jì)，他們特別善于利用一些小圖形小元素制造氛圍，瞬間營(yíng)造出一種萌萌噠的畫面感。
（2014年-平佐実香設(shè)計(jì)的日本食物雜志封面）
（3）以春節(jié)舉例
說到春節(jié)你會(huì)聯(lián)想到什么呢？也許你會(huì)聯(lián)想到一群小孩放鞭炮／貼對(duì)聯(lián)掛紅燈籠／一家人熱熱鬧鬧吃年夜飯／逛集市采購年貨等等各種喜慶熱鬧溫馨的場(chǎng)景。
但是，這里面涉及到的道具和人物都太多了，你如果去玩合成，估計(jì)找到合適角度／風(fēng)格的素材都很難，玩C4D和攝影工作量也是相當(dāng)大，因?yàn)榍捌谝獦?gòu)想草圖，然后搭場(chǎng)景，最省力的方式也許就還是手繪了，你想要什么樣的場(chǎng)景和人物都給你迅速畫出來（這是指對(duì)有繪畫功底的人來說）。
（健力寶年后節(jié)頁面）
4. 手繪在設(shè)計(jì)中的運(yùn)用及注意事項(xiàng)
（1）全手繪和半手繪
從手繪占比的角度，我們可以將手繪類型的頁面設(shè)計(jì)分為全手繪的和半手繪的，全手繪就是從頭至尾整個(gè)畫面全都是手繪的，比如這些：
（阿里巴巴）
但全手繪也有一些局限性，有時(shí)也許會(huì)顯得有點(diǎn)低齡化或風(fēng)格局限，所以我們也時(shí)常會(huì)采用半手繪的形式，比如手繪搭配著攝影／diy／合成／建模等形式來做，這種形式既可以很活潑俏皮，也可以很時(shí)尚，基本適用于任何人任何品牌，即便是一些大牌也可以用，而且相對(duì)于全手繪來說，它也更省時(shí)省力一些，所以運(yùn)用的范圍也更加廣泛。
（圣保羅藝術(shù)家Ana Strumpf與時(shí)尚雜志合作的封面設(shè)計(jì)）
（2）手繪的構(gòu)圖形式
其實(shí)無論是不是手繪頁面，構(gòu)圖形式無非就是下面這幾種基本構(gòu)圖形式以及它們的組合運(yùn)用：
S形：
（勁仔旗艦店）
梯子形通欄：
（阿芙官方旗艦店）
非通欄（頭部Banner與背景為一體，樓層豆腐塊狀）：
（京東海外購）
非通欄（頭部Banner與背景為一體，樓層呈長(zhǎng)條狀）：
（百雀羚旗艦店）
分欄形：
（衛(wèi)龍食品旗艦店）
但對(duì)于手繪的頁面來說，以下這些設(shè)計(jì)方式及特點(diǎn)是只有它才擁有的，比如借助手繪搭建一個(gè)場(chǎng)景，場(chǎng)景里有小路／小溪／或藤蔓等剛好化作樓層來放置商品，使得頭部Banner與樓層部分融為一體，整體看起來非常流暢。
（健力多年后節(jié)頁面）
即便是不搭建場(chǎng)景，僅僅只是利用頁面里的某一個(gè)人物或物件的某一個(gè)部位，比如樹葉／樹枝樹干樹根／人的頭發(fā)／人的裙子／云朵／錢袋／彩帶卷簾等，也可以放置商品啊。
（老金磨方夏季頁面）
(老金磨方2018年3.8節(jié)頁面）
另外要說明的是，無論是不是手繪頁面，其實(shí)構(gòu)圖與我們以前講的所有類型的頁面都沒有什么區(qū)別，因?yàn)槟惆堰@些手繪元素當(dāng)作點(diǎn)綴好啦。
（4）手繪的質(zhì)感風(fēng)格
看到這里，不知道大家發(fā)現(xiàn)沒有，其實(shí)根據(jù)不同的需要，不同手法／維度／色彩明度／色彩飽和度等的手繪設(shè)計(jì)給人的感覺是大不一樣的，舉例給大家看下。
比如簡(jiǎn)筆畫：
（bduck旗艦店）
利用簡(jiǎn)筆畫搭配模特或產(chǎn)品，畫面會(huì)非常俏皮：
（bduck旗艦店）
扁平＋柔和線條＋低飽和度，給人一種懷舊的感覺：
（2018年天貓3.8節(jié)預(yù)熱海報(bào)）
輕質(zhì)感＋低飽和＋高明度，給人一種明媚又復(fù)古的感覺：
（老金磨方秋季頁面）
輕質(zhì)感＋低明度＋低飽和度，再加上一些現(xiàn)代化的元素，比如燈帶／電子設(shè)備后，就有一點(diǎn)混搭的感覺了。
（老金磨方旗艦店2017年雙11頁面）
扁平＋硬朗線條＋高明度＋高飽和度，顯得年輕又現(xiàn)代：
（京東海外購）
輕質(zhì)感＋柔和線條＋高明度＋高飽和度，顯得可愛萌萌達(dá)噠，加上光影質(zhì)感后，趣味感更加強(qiáng)烈。
（皮皮狂歡城）
但是通過降低畫面色彩明度、純度、飽和度，人物的形體比例調(diào)整以后，畫面立馬變的更成熟穩(wěn)重了，仿佛小孩子長(zhǎng)成了大人一般～
（節(jié)選自老金磨方24節(jié)氣海報(bào)）
手繪＋人物后，虛實(shí)結(jié)合的畫面會(huì)顯得更加有詩意和新意：
（老金磨方旗艦店）
同樣是年貨節(jié)主題，如果手繪的是二維的畫面：
（阿里巴巴）
當(dāng)轉(zhuǎn)化到三維空間層面后，畫面會(huì)顯得更加真實(shí)和有代入感一些：
（健力多官方旗艦店）
除此之外，手繪還有很多種運(yùn)用和好玩之處，但是我暫且就先只給大家總結(jié)這么多吧，其他還有很多對(duì)比效果大家可以自行去總結(jié)發(fā)現(xiàn)。
總之，這種手繪頁面可以從不同手法／維度／色彩明度／色彩飽和度等很多方面都可以自由創(chuàng)作出N種不同的效果，從而滿足不同的設(shè)計(jì)需要。
（5）注意事項(xiàng)
首先是整體的手繪風(fēng)格要與主題要求的氣質(zhì)保持一致，再其次，頁面的元素與元素之間風(fēng)格要保持一致。
比如下面這2種手繪頁面，無論是色彩明度／飽和度／空間層次／氣質(zhì)／質(zhì)感等都是完全不一樣的，他們之間的元素也就無法互換或混合使用。
（老金磨方夏季頁面）
VS
（bduck旗艦店）
而下面這2種卻可以，因?yàn)闅赓|(zhì)相符啊，你們可以感受下。
vs
（bduck旗艦店）
5. 各國(guó)手繪頁面欣賞
我們可以一起來看下韓國(guó)／日本／中國(guó)這些不同國(guó)家的手繪頁面分別有啥不同點(diǎn)。
韓國(guó)的手繪頁面，多是這種，特別善于添加一些用于點(diǎn)綴的手繪元素，顯得特別俏皮可愛：
日本的手繪頁面，要么非常小清新，要么很重口味熱血或搞怪。
也可以很卡哇伊：
非亞洲國(guó)家的一些手繪頁面，要么明亮／簡(jiǎn)約／時(shí)尚：
要么帶點(diǎn)英倫風(fēng)的感覺咯：
當(dāng)然他們有時(shí)也特別腦洞大開，甚至覺得怪異：
至于中國(guó)的一些手繪頁面設(shè)計(jì)，大概是因?yàn)橹袊?guó)文化博大精深的緣故吧，感覺好像有千萬種可能，比如我前面總結(jié)了那么多，風(fēng)格多種多樣，應(yīng)有盡有。
總之，一張優(yōu)秀的手繪頁面反應(yīng)出來的是設(shè)計(jì)師的文化儲(chǔ)備＋想象力＋手繪執(zhí)行力＋色彩構(gòu)成＋平面構(gòu)成＋營(yíng)銷定位等等各種知識(shí)把握能力的綜合體現(xiàn)，還蠻考究功力的。
所以啊，我就超佩服那些會(huì)玩手繪的設(shè)計(jì)師們咯！
#專欄作家#
做設(shè)計(jì)的面條，公眾號(hào)：做設(shè)計(jì)的面條，人人都是產(chǎn)品經(jīng)理專欄作家。一位擅長(zhǎng)將電商及banner設(shè)計(jì)講得最透徹易懂的妹子，有趣有料會(huì)拍照，歡迎互相交流。
本文由作者@做設(shè)計(jì)的面條 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理
題圖來自Unsplash，基于CC0協(xié)議
品經(jīng)理-1.jpg!/both/150x150)
- 目前還沒評(píng)論，等你發(fā)揮！
