高！逼！格！店鋪頁面是怎樣養成的？

隨著技能工具和設計軟體的增多，設計師開始不再局限於一款軟體設計作品，過去手繪元素通常是被實現在紙上的，但最近幾年被越來越多的應用在網站設計和電商頁面中，手繪風格追求的是一種活潑隨性的自由，整個頁面更顯得跳躍，多用於遊戲或是兒童社區的網站設計中，年終時各大電商平台的「年貨節」頻繁出現的手繪風格再搭配以滾動視覺差的展現，表現形式具有原創性，令頁面極具個性並能為訪問者提供有趣的體驗。

手繪風格一般適用哪些產品與情景呢？

品類：母嬰個護&美妝護膚&服飾鞋包&食品飲料等都適用手繪，這些品類女性與兒童消費群體較多，手繪可以大大增加這部分人群對產品的趣味。

手繪的構圖形式

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

S形

梯子形通欄

非通欄

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

非通欄

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

分欄形

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

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

另外無論是不是手繪頁面，其實構圖與我們以前講的所有類型的頁面都沒有什麼區別，因為你把這些手繪元素當作點綴好啦！

手繪的質感風格

針對不同的需求，手繪設計中所運用的繪畫手法與展現維度也是不一樣的，而在細節方面，還體現在色彩明度與色彩飽和度等。

簡筆畫

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

扁平＋柔和線條＋低飽和度，

給人一種懷舊的感覺

輕質感＋低飽和＋高明度，

給人一種明媚又復古的感覺

輕質感＋低明度＋低飽和度

再加上一些現代化的元素，比如燈帶／電子設備后，就有一點混搭的感覺了

扁平＋硬朗線條＋高明度＋高飽和度，

顯得年輕又現代

輕質感＋柔和線條＋高明度＋高飽和度，

顯得可愛萌萌

扁平＋多彩

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

扁平輕質感

輕質感手繪＋人物后

虛實結合顯得更加有新意

扁平＋卡通形象繪製

如果加上光影質感后，更加有代入感

轉化到三維空間層面后

顯得更加真實有代入感

各國手繪頁面欣賞

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

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

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

英倫風的感覺

有時也特別腦洞大開，甚至覺得很怪異

風的一些手繪頁面設計

看到這裡，大家對手繪是不是有了更深刻的認知了呢？平常我們覺得素材過多導致合成困難的場景，其實都可以藉助手繪來完成，最後我們來對比下年貨節的常規頁面和手繪風格頁面的區別。

常規頁面風格

阿里年貨節版本的《清明上河圖》，用戶體驗好贊，把每個店鋪的特點都結合進去了，還做了很多惡搞的小細節，在逛的時候真的可以聽到有人在吆喝，太有場景代入感了。

想要提升店鋪逼格的電商品牌

歡迎勾搭 400-827-6599