100種方法,教你搞定手繪專題頁設計!
今天的內(nèi)容量很多也很實用,建議大家耐心閱讀完后收藏備用吶~
不知道大家發(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)在火的一塌糊涂的幾位小鮮肉們。。
(這些超高人氣小鮮肉長得太好看,讓多少女人都自愧不如吧。。and你認識幾個?)
反倒是很多女的開始從發(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招搞定點綴元素的運用
(3)手繪的質(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種不同的效果,從而滿足不同的設計需要。
(4)注意事項
首先是整體的手繪風格要與主題要求的氣質(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),還蠻考究功力的,反正要學的東西還很多哇。
ps:以上部分作品來源于花瓣,如果設計師本人看到這篇文章請跟我聯(lián)系哦,因為引用了你們的優(yōu)秀作品做案例講解,所以我很愿意為為你們署名,如果你們愿意的話,感謝。
#專欄作家#
做設計的面條,公眾號:做設計的面條,人人都是產(chǎn)品經(jīng)理專欄作家。一位擅長將電商及banner設計講得最透徹易懂的妹子,有趣有料會拍照,歡迎互相交流。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
想知道用什么工具軟件可以手繪
厲害
總結(jié)的非常贊,干貨滿滿~