100種方法,教你搞定手繪專題頁設計!

3 評論 14932 瀏覽 66 收藏 23 分鐘

今天的內容量很多也很實用,建議大家耐心閱讀完后收藏備用吶~

不知道大家發現沒有,就是隨著技能工具的增多,我們現在的設計形式越來越多元化了,但如果非要我推薦一項最通用的設計技能的話,我想非手繪莫屬了,因為無論是修圖/攝影/合成/玩C4D/做設計等,最終都是需要用到一些手繪的。

不過我這里指的手繪并不是大家眼里的那種只會描照片的轉手繪,而是能夠依據不同需要去創造形象/搭建場景的手繪,無論何種風格何種形式,因為你的手繪要與創意和需求結合后做出來的設計才有靈魂才能打動人從而獲得商業價值,要不然只是一具空殼而已。

1、那手繪的優勢是什么呢?

有這么幾個方面:

富有創意:

就是可以創造出任何你想要表達的東西,比如場景/人物/情節/氛圍等

節省時間:

別人找個想要的素材需要花很多時間還不一定能找到,即使找到了也有可能會面臨版權問題以及風格不匹配的問題

趣味親和力:

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

救急互補:

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

2、什么品類/主題/節日喜歡使用手繪呢?

品類:

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

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

(這些超高人氣小鮮肉長得太好看,讓多少女人都自愧不如吧。。and你認識幾個?)

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

主題:

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

節日:

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

3、手繪常用的元素和場景有哪些呢?

靈感來源

也正是因為手繪的形式常運用于我們前面提到的一些品類/主題/節日里,結合那些品類和節日的特征,所以通過理解文案內容/產品的相關特性/風格選擇/當前時間段是否屬于節日等綜合因素考慮,我們就能夠獲取到非常多的靈感,下面我給大家舉例說一下咯~

(1)以護膚品舉例

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

(2)以卡哇伊主題舉例

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

(3)以春節舉例:

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

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

(1)全手繪和半手繪

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

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

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

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

(2)手繪的構圖形式

其實無論是不是手繪頁面,構圖形式無非就是下面這幾種基本構圖形式以及它們的組合運用:

S形:

梯子形通欄:

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

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

分欄形:

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

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

另外要說明的是,無論是不是手繪頁面,其實構圖與我們以前講的所有類型的頁面都沒有什么區別,因為你把這些手繪元素當作點綴好啦,我之前寫的一篇關于點綴元素運用的文章,大家也可以看看:Banner設計技巧:6招搞定點綴元素的運用

(3)手繪的質感風格

看到這里,不知道大家發現沒有,其實根據不同的需要,不同手法/維度/色彩明度/色彩飽和度等的手繪設計給人的感覺是大不一樣的,舉例給大家看下:

簡筆畫:

簡筆畫搭配模特或產品,非常俏皮

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

輕質感+低飽和+高明度,給人一種明媚又復古的感覺:

輕質感+低明度+低飽和度,再加上一些現代化的元素,比如燈帶/電子設備后,就有一點混搭的感覺了:

扁平+硬朗線條+高明度+高飽和度,顯得年輕又現代:

輕質感+柔和線條+高明度+高飽和度,顯得可愛萌萌達噠:

扁平+多彩:

加上光影質感后,趣味感更加強烈:

扁平輕質感:

輕質感手繪+人物后,虛實結合顯得更加有新意:

扁平+卡通形象繪制:

如果加上光影質感后,就更加有代入感了:

二位平面化:

轉化到三維空間層面后,也會顯得更加真實有代入感:

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

(4)注意事項

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

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

VS

而下面這2種卻可以(因為氣質相符?。銈兛梢愿惺芟拢?/p>

5、各國手繪頁面欣賞

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

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

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

也可以很卡哇伊:

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

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

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

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

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

總結

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

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

ps:以上部分作品來源于花瓣,如果設計師本人看到這篇文章請跟我聯系哦,因為引用了你們的優秀作品做案例講解,所以我很愿意為為你們署名,如果你們愿意的話,感謝。

#專欄作家#

做設計的面條,公眾號:做設計的面條,人人都是產品經理專欄作家。一位擅長將電商及banner設計講得最透徹易懂的妹子,有趣有料會拍照,歡迎互相交流。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 想知道用什么工具軟件可以手繪

    來自江西 回復
  2. :mrgreen: 厲害

    來自廣東 回復
  3. 總結的非常贊,干貨滿滿~

    來自北京 回復