編者按：韓國的電商設計風格一直全球領先，而淘寶設計師是把它的風格吃得最透的一批人，所以建議做電商/平面的同學多看這類文章，可以幫你站在大牛的肩膀上，迅速追到今年最流行的視覺風格。

歡迎關注作者不沉的骨頭的微信公眾號：「三根設計骨」，一個段子與干貨兼有的設計師。

一、活動定位?

（活動定位由同事亮神分析）

1、設計關鍵詞 ─── 年輕、網絡、親

雙12對比雙11，最大的區(qū)別是雙11更強調品牌的狂歡、而雙12更強調年輕、有趣、活力。

A、采用有趣的人物形象為主體，能快速的將用戶代入輕松的氛圍里，而且能呼應“親”的主題。人物不管是老的少的小的，都齊聚一堂。

B、網絡用語的烘托氛圍、如圖中的@、#、，、~。 不管是逗號還是句號，這些的確都是我們平常聊天中會用到的。

其次是 “Fashion” 的 logo和其它元素做到統(tǒng)一，同時元素上面也區(qū)分了以往活動中大家都用的幾何形狀，千篇一律。相反這些更有意思、有趣、貼合網絡。

C、淘寶親親節(jié)在視覺定位上更加年輕，豐富的色彩和立體的網絡符號以及情緒化的文案。

（圖片來自淘寶）

2、內容營銷───話題及直播設計風格

今年淘寶親親節(jié)更加注重內容營銷，圍繞用戶興趣主推了12個話題。在話題設計上使用了手寫字體及網絡表情這更符合年輕用戶群體的風格喜好，也可以更好的和有趣文案相互動。

視覺上面就感覺很二次元，的確也是符合年輕人的定位。

二、官網首頁氛圍：

淘寶雙12活動主題為《1212淘寶親親節(jié)》，視乎主題的由來是我們所有人都熟悉的購物開頭語：

親、能包郵嗎？親、還能在便宜點嗎？主題也很符合淘寶定位，也有親切感。從元素中看到波點元素和其它紋理的裝飾。

頁面

主會場：

特色頻道會場：

品類分會場：

雖然淘寶給出的圖形規(guī)范中說這種是不規(guī)則曲線，文中就暫且用“不規(guī)則”一詞代替。

從大風格方向看我更喜歡把它稱為迷彩風格，波點元素。形狀很有律動感、流動的視覺感受。區(qū)別以往棱角分明，嚴肅的感。

放了2張迷彩感覺的圖：

三、會場視覺分析

層次：

紅色背景和黃色藍色的撞色非常熱烈，商品和裝飾向外散發(fā)。而中間的不規(guī)則圓形則把視覺收縮進來。

但兩者似乎有一些沖突了，不知道大家有沒有這種感覺。

外圍的紅色和黃色屬于暖色，暖色給人收縮感。中間的藍色屬于冷色給人一種向外擴展的視覺感受。

視覺層次大概6中，背景的形狀加上標題和元素。

這樣雖然層次多了，但我卻無法集中。而且還有一種視覺疲勞感，因為紅色的視覺刺激比較大。（你可以試試把PC的兩邊遮擋起來，在看中間的內容會輕松很多）

那么我們再看M端上們看看：

在手機端上面直接去掉了紅色背景，這樣的確感覺沒有那么疲勞了。在手機上可以一眼把內容都包攬下來，減少了周圍的干擾，視覺上會比PC上面舒服。

其次，我們看PC的上面主要的顏色有紅色、黃色、紫色、藍色、綠色，而且部分顏色的范圍很大，已經超過了我們平時說的配色不要超過3中的原理。

氛圍：

以分會場舉例分析

排版采用居中布局模特或主推商品主打、其它商品為輔。

1、背景采用不規(guī)則的形狀做層次疊加、讓頁面律動性更強。

背景的視覺走向：

2、元素使用 @ ?# ? 。~，我們平常都會用到的。比如微博@誰誰，熱門標題中的#等這些網絡符號，年輕活力。

元素及商品的視覺走向：

配色：

顏色之間的撞色讓畫面更加熱鬧，加上不規(guī)則形狀的漸變色畫面則更加繽紛多彩。部分形狀為頁面中高亮色，高亮色也是作為視覺的落點。

△ 上面黃色圈出來的是高亮色

做活動不會配色的，多看看官方的頁面，會場這些配色。有暗色和亮色，顏色直接的碰撞。今年雙11、12活動配色都偏向微漸變色、色彩的碰撞。所以不敢用色、不會配色的朋友得琢磨琢磨了。

其它部分會場：

里面的那些元素，不是3D做的，就是復制了一層往下移動然后改變顏色的深淺。總體來說：淘寶這次的1212賣場頁面較為常規(guī)。

淘寶H5：

厲害了淘寶！旋梯式，形式不錯。

歡迎關注我的個人公眾號“三根設計骨”

往期電商設計好文回顧：

1. 《高效流程！幫你快速做出優(yōu)秀電商BANNER 的設計三部曲》
2. 《超實用！5個幫你快速進階的電商BANNER 設計技巧（案例多）》
3. 《設計基礎功！聊聊平面構成中的點線面（超多案例）》
4. 《電商好文！超多實戰(zhàn)案例幫你解鎖5種商品擺放姿勢》

【優(yōu)設網 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關于優(yōu)設網================
"優(yōu)設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com