search
高!逼!格!店鋪頁面是怎樣養成的?

高!逼!格!店鋪頁面是怎樣養成的?

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

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

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

手繪的構圖形式

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

S形

梯子形通欄

非通欄

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

非通欄

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

分欄形

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

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

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

手繪的質感風格

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

簡筆畫

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

扁平+柔和線條+低飽和度,

給人一種懷舊的感覺

輕質感+低飽和+高明度,

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

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

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

扁平+硬朗線條+高明度+高飽和度,

顯得年輕又現代

輕質感+柔和線條+高明度+高飽和度,

顯得可愛萌萌

扁平+多彩

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

扁平輕質感

輕質感手繪+人物后

虛實結合顯得更加有新意

扁平+卡通形象繪製

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

轉化到三維空間層面后

顯得更加真實有代入感

各國手繪頁面欣賞

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

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

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

英倫風的感覺

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

風的一些手繪頁面設計

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

常規頁面風格

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

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

歡迎勾搭 400-827-6599

熱門推薦

本文由 一點資訊 提供 原文連結

一點資訊
寫了5860316篇文章,獲得23299次喜歡
留言回覆
回覆
精彩推薦