100種搞定手繪專題頁設計的方法

創(chuàng)新互聯(lián)編者為大家分享中華1912網(wǎng)上的《100種搞定手繪專題頁設計的方法》。

不知道大家發(fā)現(xiàn)沒有，就是隨著技能工具的增多，我們現(xiàn)在的設計形式越來越多元化了，但如果非要我推薦一項最通用的設計技能的話，我想非手繪莫屬了，因為無論是修圖/攝影/合成/玩C4D/做設計等，最終都是需要用到一些手繪的，不過我這里指的手繪并不是大家眼里的那種只會描照片的轉(zhuǎn)手繪，而是能夠依據(jù)不同需要去創(chuàng)造形象/搭建場景的手繪，無論何種風格何種形式，因為你的手繪要與創(chuàng)意和需求結(jié)合后做出來的設計才有靈魂才能打動人從而獲得商業(yè)價值，要不然只是一具空殼而已。

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

有這么幾個方面：

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

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

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

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

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

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

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

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

主題：不管你是啥品類，在電商頁面設計里，如果你的主題是走搞怪/卡哇伊可愛/炫酷/頹廢/懷舊等路線的的話(恐怖畫面除外，畢竟電商頁面主要是為賣貨目的而設計的嘛)，基本都會需要用到手繪了，無論是全手繪還是半手繪(虛實結(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)特性/風格選擇/當前時間段是否屬于節(jié)日等綜合因素考慮，我們就能夠獲取到非常多的靈感，下面我給大家舉例說一下咯～

(1)以護膚品舉例：

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

(2)以卡哇伊主題舉例：

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

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

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

4. 手繪在設計中的運用及注意事項

(1)全手繪和半手繪

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

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

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

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

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

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

S形：

梯子形通欄：

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

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

分欄形：

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

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

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

Banner設計終極寶典!6招搞定點綴元素的運用!

(4)手繪的質(zhì)感風格

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

簡筆畫：

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

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

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

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

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

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

扁平+多彩：

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

扁平輕質(zhì)感：

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

扁平+卡通形象繪制：

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

二位平面化：

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

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

(5)注意事項

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

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

VS

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

5. 各國手繪頁面欣賞

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

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

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

也可以很卡哇伊：

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

要么帶點英倫風的感覺咯：

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

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

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

總結(jié)

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

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

來源：中華1912——《100種搞定手繪活動頁設計的方法》

當前題目：100種搞定手繪專題頁設計的方法
分享地址：http://www.muchs.cn/news15/165715.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)頁設計公司、網(wǎng)站改版、響應式網(wǎng)站、自適應網(wǎng)站、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)