@做設(shè)計的面條?：不知道大家發(fā)現(xiàn)沒有，隨著技能工具的增多，我們現(xiàn)在的設(shè)計形式越來越多元化了，但如果非要我推薦一項最通用的設(shè)計技能的話，我想非手繪莫屬了，因為無論是修圖／攝影／合成／玩C4D／做設(shè)計等，最終都是需要用到一些手繪。

無論何種手繪風(fēng)格何種形式，都要與創(chuàng)意和需求結(jié)合后做出來的設(shè)計才有靈魂，這樣才能打動人心獲得更多商業(yè)價值，要不然只是一具空殼而已。

1. ?那手繪的優(yōu)勢是什么呢？

有這么幾個方面：

富有創(chuàng)意：就是可以創(chuàng)造出任何你想要表達的東西，比如場景／人物／情節(jié)／氛圍等

節(jié)省時間：別人找個想要的素材需要花很多時間還不一定能找到，即使找到了也有可能會面臨版權(quán)問題以及風(fēng)格不匹配的問題，

趣味親和力：網(wǎng)購大軍里年輕女性是占多數(shù)的，那這些女孩子們怎么可能拒絕得了萌萌噠或浪漫誘惑呢？所以你才會看到電商設(shè)計里時常會運用到手繪，因為手繪常常會給人一種或可愛或夢幻的感覺呀，你心情愉悅了掏錢的時候自然會更爽快嘛。

救急互補：有些需求方可能會提出一些特殊要求或者現(xiàn)有的素材不太給力或有缺陷但又不得不用的時候怎么辦呢？用手繪來搞定呀，比如產(chǎn)品看起來太不美觀了，手繪修一下；模特缺胳膊少腿了，用手繪修補一下；比如運營非要你摘個天上的月亮給他，那你就給他畫一個?。ㄎ⑿Γ?/p>

2. ?什么品類／主題／節(jié)日喜歡使用手繪呢？

品類：母嬰個護／美妝護膚／服飾鞋包／吃喝玩樂等等主要為了籠絡(luò)女性及兒童用戶群體的品類，都比較喜歡用手繪類型的頁面設(shè)計，當(dāng)然，現(xiàn)在越來越多的些小鮮肉也開始賣萌或追求小浪漫了。

不知道大家有沒有發(fā)現(xiàn)一個現(xiàn)象。。就是現(xiàn)在男人女人的特征喜好其實越來越差異不大了，很多男的也愛賣萌／化妝／護膚（可能也會整容之類的），長相穿著打扮比女人還好看，比如現(xiàn)在火的一塌糊涂的幾位小鮮肉們

反倒是很多女的開始從發(fā)型和穿著方面表現(xiàn)出自己比較瀟灑帥氣的一面，說話也特別爺們兒，總之，性別已經(jīng)越來越不是事兒啦，大家都可以按自己的喜好去表達自己。

主題：不管你是啥品類，在電商頁面設(shè)計里，如果你的主題是走搞怪／卡哇伊可愛／炫酷／頹廢／懷舊等路線的的話（恐怖畫面除外，畢竟電商頁面主要是為賣貨目的而設(shè)計的嘛），基本都會需要用到手繪了，無論是全手繪還是半手繪（虛實結(jié)合的形式）。

節(jié)日：運用手繪最多的節(jié)日要數(shù)兒童節(jié)／中秋節(jié)／清明節(jié)／端午節(jié)／春節(jié)之類的了，兒童節(jié)是因為主要群體受眾也是兒童和女孩子，而中秋節(jié)／清明節(jié)／端午節(jié)／春節(jié)是因為這些節(jié)日普遍都是中國古代流傳下來的傳統(tǒng)節(jié)日，這也決定了他會帶有一些傳說或神話因素情節(jié)在里面，而這些放在現(xiàn)代來說是需要想象力去表現(xiàn)的，手繪的形式正好滿足了這種需要。

3. ?手繪常用的元素和場景有哪些呢？（靈感來源）

也正是因為手繪的形式常運用于我們前面提到的一些品類／主題／節(jié)日里，結(jié)合那些品類和節(jié)日的特征，所以通過理解文案內(nèi)容／產(chǎn)品的相關(guān)特性／風(fēng)格選擇／當(dāng)前時間段是否屬于節(jié)日等綜合因素考慮，我們就能夠獲取到非常多的靈感，下面我給大家舉例說一下咯～

（1）以護膚品舉例：

護膚品是讓我們變得更年輕更美的東西，所以我們常常會聯(lián)想到什么呢？會聯(lián)想到一切溫馨美好的事物和人，比如胖嘟嘟的云朵／五顏六色的花兒／乖巧的小動物／參差不齊的樹木／甜甜的美少女／小溪水滴等，因為這些事物構(gòu)建成的場景畫面時常會給我們一種重回少女時代般的感覺。

（2）以卡哇伊主題舉例：

說到卡哇咿，我第一反應(yīng)就是想到了韓國和日本的設(shè)計，他們特別善于利用一些小圖形小元素制造氛圍，瞬間營造出一種萌萌噠的畫面感。

（3）以春節(jié)舉例：

說到春節(jié)你會聯(lián)想到什么呢？也許你會聯(lián)想到一群小孩放鞭炮／貼對聯(lián)掛紅燈籠／一家人熱熱鬧鬧吃年夜飯／逛集市采購年貨等等各種喜慶熱鬧溫馨的場景，但是，這里面涉及到的道具和人物都太多了，你如果去玩合成，估計找到合適角度／風(fēng)格的素材都很難，玩C4D和攝影工作量也是相當(dāng)大，最省力的方式也許就還是手繪了，你想要什么樣的場景和人物都給你迅速畫出來（這是指對有繪畫功底的人來說）。

4. ?手繪在設(shè)計中的運用及注意事項

（1）全手繪和半手繪

從手繪占比的角度，我們可以將手繪類型的頁面設(shè)計分為全手繪的和半手繪的，全手繪的比如這些：

△ ?作品來自草木之心和韓束，手繪頁面設(shè)計的非常漂亮

但全手繪也有一些局限性，有時也許會顯得有點低齡化或風(fēng)格局限，所以我們也時常會采用半手繪的形式，比如手繪搭配著攝影／diy／合成／建模等形式來做，這種形式既可以很活潑俏皮，也可以很時尚，基本適用于任何人任何品牌，即便是一些大牌也可以用，而且相對于全手繪來說，它也更省時省力一些，所以運用的范圍也更加廣泛：

△ ?圣保羅藝術(shù)家Ana Strumpf與時尚雜志合作的封面設(shè)計

（2）手繪的構(gòu)圖形式

其實無論是不是手繪頁面，構(gòu)圖形式無非就是下面這幾種基本構(gòu)圖形式以及它們的組合運用：

S形：

梯子形通欄：

非通欄（頭部Banner與背景為一體，樓層豆腐塊狀）：

非通欄（頭部Banner與背景為一體，樓層呈長條狀）：

分欄形：

但對于手繪的頁面來說，以下這些設(shè)計方式及特點是只有它才擁有的，比如借助手繪搭建一個場景，場景里有小路／小溪／或藤蔓等剛好化作樓層來放置商品，使得頭部Banner與樓層部分融為一體，整體看起來非常流暢：

即便是不搭建場景，僅僅只是利用頁面里的某一個人物或物件的某一個部位，比如樹干／樹枝樹干樹根／人的頭發(fā)／人的裙子／云朵／錢袋／彩帶等，也可以放置商品啊：

另外要說明的是，無論是不是手繪頁面，其實構(gòu)圖與我們以前講的所有類型的頁面都沒有什么區(qū)別，因為你把這些手繪元素當(dāng)作點綴好啦，我之前寫的一篇關(guān)于點綴元素運用的文章，大家也可以看看：

Banner設(shè)計終極寶典！6招搞定點綴元素的運用！

（4）手繪的質(zhì)感風(fēng)格

看到這里，不知道大家發(fā)現(xiàn)沒有，其實根據(jù)不同的需要，不同手法／維度／色彩明度／色彩飽和度等的手繪設(shè)計給人的感覺是大不一樣的，舉例給大家看下：

簡筆畫：

簡筆畫搭配模特或產(chǎn)品，非常俏皮

扁平＋柔和線條＋低飽和度，給人一種懷舊的感覺：

輕質(zhì)感＋低飽和＋高明度，給人一種明媚又復(fù)古的感覺：

輕質(zhì)感＋低明度＋低飽和度，再加上一些現(xiàn)代化的元素，比如燈帶／電子設(shè)備后，就有一點混搭的感覺了：

扁平＋硬朗線條＋高明度＋高飽和度，顯得年輕又現(xiàn)代：

輕質(zhì)感＋柔和線條＋高明度＋高飽和度，顯得可愛萌萌達噠：

扁平＋多彩：

加上光影質(zhì)感后，趣味感更加強烈：

扁平輕質(zhì)感：

輕質(zhì)感手繪＋人物后，虛實結(jié)合顯得更加有新意：

扁平＋卡通形象繪制：

如果加上光影質(zhì)感后，就更加有代入感了：

二位平面化：

轉(zhuǎn)化到三維空間層面后，也會顯得更加真實有代入感：

以上我先給大家看這么多，其他還有很多對比效果大家可以自行去總結(jié)發(fā)現(xiàn)，總之，從不同手法／維度／色彩明度／色彩飽和度等很多方面都可以自由創(chuàng)作出N種不同的效果，從而滿足不同的設(shè)計需要。

（5）注意事項

首先是整體的手繪風(fēng)格要與主題要求的氣質(zhì)保持一致，再其次，頁面的元素與元素之間風(fēng)格要保持一致。

比如下面這2種手繪頁面，無論是色彩明度／飽和度／空間層次／氣質(zhì)／質(zhì)感等都是完全不一樣的，他們之間的元素也就無法互換或混合使用：

VS

而下面這2種卻可以（因為氣質(zhì)相符?。?，你們可以感受下：

5. ?各國手繪頁面欣賞

我們可以一起來看下韓國／日本／中國這些不同國家的手繪頁面分別有啥不同點。

韓國的手繪頁面，多是這種，特別善于添加一些用于點綴的手繪元素，顯得特別俏皮可愛：

日本的手繪頁面，要么非常小清新，要么很重口味熱血或搞怪：

也可以很卡哇伊：

非亞洲國家的一些手繪頁面，要么明亮／簡約／時尚：

要么帶點英倫風(fēng)的感覺咯：

當(dāng)然他們有時也特別腦洞大開，甚至覺得怪異：

至于中國的一些手繪頁面設(shè)計，我感覺好像有千萬種可能誒。。。大概是因為中國文化博大精深的緣故吧。。。好像沒有什么不可能的：

太多太多了，我就不一一舉例了，總之沒有你想不到手繪風(fēng)格或形式的就對了。?！，F(xiàn)在不是流行借鑒／跨界／混搭嗎，大家也可以試試，哈哈～

總結(jié)

其實不知道大家發(fā)現(xiàn)沒有，隨著互聯(lián)網(wǎng)的普及，這也導(dǎo)致方便了人與人之間／文化與文化之間的的傳播交流，世界各地的設(shè)計風(fēng)格都在互相影響和借鑒著，古代傳統(tǒng)與現(xiàn)代的結(jié)合，國外和國內(nèi)的結(jié)合等，人與人思想之間的差異也碰撞出了各種火花，從而創(chuàng)造了各種可能，使得我們的設(shè)計越來越多元化了沒那么局限了，往往局限我們思維的是我們自己而已。

不管怎么樣呢，一張手繪頁面體現(xiàn)的是設(shè)計師的文化儲備＋想象力＋手繪執(zhí)行力＋色彩構(gòu)成＋平面構(gòu)成＋營銷定位等等各種知識把握能力的綜合體現(xiàn)，還蠻考究功力的，反正要學(xué)的東西還很多哇。

以上我今天的分享就到這里咯，大家學(xué)到了嗎？這里是《做設(shè)計的面條》，我們下期再見！～

（以上部分作品來源于花瓣，如果設(shè)計師本人看到這篇文章請跟我聯(lián)系哦，因為引用了你們的優(yōu)秀作品做案例講解，所以我很愿 ? 意為你們署名，如果你們愿意的話，感謝。）

微信公眾號簡介：專注開拓電商設(shè)計思維，不定期分享一些個人見解干貨，當(dāng)然也會分享一些頂級創(chuàng)意、攝影、人生感悟方面的好文啦。

歡迎關(guān)注小婷姐的微信公眾號「TTTink-D」，一個干貨與文筆俱佳的美女設(shè)計師：

小婷姐的電商設(shè)計系列好文：

1. 《新人手冊！聊聊關(guān)于電商設(shè)計的那些事兒》
2. 《前輩經(jīng)驗！聊聊新人設(shè)計師最容易遇到的12個問題》
3. 《不怕沒靈感了！SALE 招牌的9種排版設(shè)計方法歸納（附案例）》
4. 《如何辨別一個BANNER的好壞？（附案例）》
5. 《電商干貨！BANNER圖設(shè)計之商品圖該怎么玩（上集）》
6. 《電商干貨！BANNER圖設(shè)計之商品圖該怎么玩（下集）》
7. 《感覺技不如人？聊聊設(shè)計師該如何正確認(rèn)知自己的價值》
8. 《超長干貨！平臺電商設(shè)計師vs店鋪電商設(shè)計師哪個好？》
9. 《職場進階術(shù)！哪些性格特質(zhì)有助于設(shè)計師的成長和提升？》
10. 《設(shè)計師項目做到一半總是想要放棄怎么辦？（附問答合集）》
11. 《超實用！從人性的角度揭露電商BANNER圖設(shè)計背后的秘密》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量200萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com