海淘科技分享：韓國(guó)的電商設(shè)計(jì)風(fēng)格一直全球領(lǐng)先，而淘寶設(shè)計(jì)師是把它的風(fēng)格吃得最透的一批人，所以建議做電商/平面的同學(xué)多看這類文章，可以幫你站在大牛的肩膀上，迅速追到今年最流行的視覺風(fēng)格。
1、設(shè)計(jì)關(guān)鍵詞 ─── 年輕、網(wǎng)絡(luò)、親
雙12對(duì)比雙11，最大的區(qū)別是雙11更強(qiáng)調(diào)品牌的狂歡、而雙12更強(qiáng)調(diào)年輕、有趣、活力。
A、采用有趣的人物形象為主體，能快速的將用戶代入輕松的氛圍里，而且能呼應(yīng)“親”的主題。人物不管是老的少的小的，都齊聚一堂。
B、網(wǎng)絡(luò)用語的烘托氛圍、如圖中的@、#、，、~。 不管是逗號(hào)還是句號(hào)，這些的確都是我們平常聊天中會(huì)用到的。
其次是 “Fashion” 的 logo和其它元素做到統(tǒng)一，同時(shí)元素上面也區(qū)分了以往活動(dòng)中大家都用的幾何形狀，千篇一律。相反這些更有意思、有趣、貼合網(wǎng)絡(luò)。
C、淘寶親親節(jié)在視覺定位上更加年輕，豐富的色彩和立體的網(wǎng)絡(luò)符號(hào)以及情緒化的文案。
(圖片來自淘寶)
2、內(nèi)容營(yíng)銷───話題及直播設(shè)計(jì)風(fēng)格
今年淘寶親親節(jié)更加注重內(nèi)容營(yíng)銷，圍繞用戶興趣主推了12個(gè)話題。在話題設(shè)計(jì)上使用了手寫字體及網(wǎng)絡(luò)表情這更符合年輕用戶群體的風(fēng)格喜好，也可以更好的和有趣文案相互動(dòng)。
視覺上面就感覺很二次元，的確也是符合年輕人的定位。
淘寶雙12活動(dòng)主題為《1212淘寶親親節(jié)》，視乎主題的由來是我們所有人都熟悉的購物開頭語：
親、能包郵嗎?親、還能在便宜點(diǎn)嗎?主題也很符合淘寶定位，也有親切感。從元素中看到波點(diǎn)元素和其它紋理的裝飾。
頁面
主會(huì)場(chǎng)：
特色頻道會(huì)場(chǎng)：
品類分會(huì)場(chǎng)：
雖然淘寶給出的圖形規(guī)范中說這種是不規(guī)則曲線，文中就暫且用“不規(guī)則”一詞代替。
從大風(fēng)格方向看我更喜歡把它稱為迷彩風(fēng)格，波點(diǎn)元素。形狀很有律動(dòng)感、流動(dòng)的視覺感受。區(qū)別以往棱角分明，嚴(yán)肅的感。
放了2張迷彩感覺的圖：
層次：
紅色背景和黃色藍(lán)色的撞色非常熱烈，商品和裝飾向外散發(fā)。而中間的不規(guī)則圓形則把視覺收縮進(jìn)來。
但兩者似乎有一些沖突了，不知道大家有沒有這種感覺。
外圍的紅色和黃色屬于暖色，暖色給人收縮感。中間的藍(lán)色屬于冷色給人一種向外擴(kuò)展的視覺感受。
視覺層次大概6中，背景的形狀加上標(biāo)題和元素。
這樣雖然層次多了，但我卻無法集中。而且還有一種視覺疲勞感，因?yàn)榧t色的視覺刺激比較大。(你可以試試把PC的兩邊遮擋起來，在看中間的內(nèi)容會(huì)輕松很多)
那么我們?cè)倏碝端上們看看：
在手機(jī)端上面直接去掉了紅色背景，這樣的確感覺沒有那么疲勞了。在手機(jī)上可以一眼把內(nèi)容都包攬下來，減少了周圍的干擾，視覺上會(huì)比PC上面舒服。
其次，我們看Pc網(wǎng)頁設(shè)計(jì)行業(yè)分析的上面主要的顏色有紅色、黃色、紫色、藍(lán)色、綠色，而且部分顏色的范圍很大，已經(jīng)超過了我們平時(shí)說的配色不要超過3中的原理。
氛圍：
以分會(huì)場(chǎng)舉例分析
排版采用居中布局模特或主推商品主打、其它商品為輔。
1、背景采用不規(guī)則的形狀做層次疊加、讓頁面律動(dòng)性更強(qiáng)。
背景的視覺走向：
2、元素使用 @ # 。~，我們平常都會(huì)用到的。比如微博@誰誰，熱門標(biāo)題中的#等這些網(wǎng)絡(luò)符號(hào)，年輕活力。
元素及商品的視覺走向：
配色：
顏色之間的撞色讓畫面更加熱鬧，加上不規(guī)則形狀的漸變色畫面則更加繽紛多彩。部分形狀為頁面中高亮色，高亮色也是作為視覺的落點(diǎn)。
△ 上面黃色圈出來的是高亮色
做活動(dòng)不會(huì)配色的，多看看官方的頁面，會(huì)場(chǎng)這些配色。有暗色和亮色，顏色直接的碰撞。今年雙11、12活動(dòng)配色都偏向微漸變色、色彩的碰撞。所以不敢用色、不會(huì)配色的朋友得琢磨琢磨了。
其它部分會(huì)場(chǎng)：
里面的那些元素，不是3D做的，就是復(fù)制了一層往下移動(dòng)然后改變顏色的深淺。總體來說：淘寶這次的1212賣場(chǎng)頁面較為常規(guī)。
淘寶H5：
厲害了淘寶!旋梯式，形式不錯(cuò)。
