100種搞定手繪專題頁設(shè)計的方法

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

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

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

有這么幾個方面：

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

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

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

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

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

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

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

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

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

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

3. 手繪常用的元素和場景有哪些

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

(1)以護(hù)膚品舉例：

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

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

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

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

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

4. 手繪在設(shè)計中的運(yùn)用及注意事項(xiàng)

(1)全手繪和半手繪

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

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

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

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

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

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

S形：

梯子形通欄：

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

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

分欄形：

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

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

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

Banner設(shè)計終極寶典!6招搞定點(diǎn)綴元素的運(yùn)用!

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

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

簡筆畫：

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

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

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

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

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

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

扁平+多彩：

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

扁平輕質(zhì)感：

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

扁平+卡通形象繪制：

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

二位平面化：

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

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

(5)注意事項(xiàng)

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

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

VS

而下面這2種卻可以(因?yàn)闅赓|(zhì)相符啊)，你們可以感受下：

5. 各國手繪頁面欣賞

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

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

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

也可以很卡哇伊：

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

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

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

至于中國的一些手繪頁面設(shè)計，我感覺好像有千萬種可能誒。。。大概是因?yàn)橹袊幕┐缶畹木壒拾伞?。。好像沒有什么不可能的：

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

總結(jié)

其實(shí)不知道大家發(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é)的東西還很多哇。

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

當(dāng)前題目：100種搞定手繪專題頁設(shè)計的方法
分享地址：http://www.bm7419.com/news15/165715.html

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

廣告

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