double-12-taobao-design-1

從2015年7月開始,經過了幾個月的奮戰,雙12終于落下帷幕,先來看看今年的雙12的設計師們都從形、色、意做了些什么事兒。

兄弟教程:《揭秘雙十一!那些上億人都在看的BANNER都是怎么設計出來的?》

在較長的項目期間,我們首先制定了設計的方向和目標,讓項目從開始到最后都能夠按照品牌標準和方向進行,在統一的視覺元素前提下,有效地產出了結果。

每個階段的發散都是在最初設定的品牌規劃范圍內實現的。下面就來具體看一下我們是如何實現“貫穿”的吧。

我們從“形、色、意”三塊分別去概括這次雙12我們做的事。形,說的是圖形/紋理,為了體現活動的特性和 “娛樂化”,我們為這次1212做了很多豐富的圖形元素。色,即色彩規范,我們給出了一套詳盡的色彩規則,給設計師們進行選擇。意,空間感、拼接、運用插圖闡述故事等的表現手法。

然后“形、色、意”相互貫穿,構成這次豐富且生動的1212!

7tb20151218

1212設計策略

我們不僅僅只考慮設計,還考慮了我們所面對的商家、消費者。

賣家——通過1212,給予賣家賣貨的機會和沖動、新品試水的期待;

消費者——給消費者發現淘寶商品的新鮮和萬能,讓消費者感受到雙12狂歡的氛圍,增強代入感;

設計——在設計上,提升雙12的品牌延續性、擴展性、融入娛樂化的氛圍。

6tb20151218

1212設計的3個關鍵詞

經過前期的腦暴、用研一起調研,層層篩選、過濾,最終提煉了三個最符合我們這次1212的關鍵詞——年輕化、豐富性、新特色。

又根據各種競品分析,最終確定圓形最符合我們這次娛樂化的表現元素。圓,是14年1212的繼承和延伸,又是眼球的聚焦點,盛典歡慶的燈光、舞臺的氛圍感。

5tb20151218

我們這次最特色的可謂是“形”的貫穿,在圓中包容各種各樣豐富的圖形元素。

并歸納出幾個規則——向外凸的圓和向內凹的圓,以及多種元素匯聚在圓中的這幾類,讓圓形更為豐富、充滿變化。

4tb20151218

貫穿的第二個部分是:色,即用系統化的色彩規范所有的會場,我們給所有設計師規范的標準色系有3類:分別是高明度、中間色和低明度色彩。根據會場類別,不同的色彩對應不同的會場,不僅讓整個活動更系統化更規范,而且讓所有設計師有了更明確的方向。

3tb20151218_

1212之意

說的是1212的表現形式和表現手法,例如:空間感、插畫、拼接以及故事化的包裝,比如我們這次1212中的“每日一瘋”活動版頭,就是運用了空間感、插圖(實物與勾勒的線條相互貫穿、拼接)和本身商品的故事化包裝。

最后,說一說我們這次1212的線下外推海報的部分,同樣是運用了剛才說到的故事化的各種手法,把各種各樣的插圖形式發揮的無所不至,但又通過品牌logo和品牌色統一、貫穿,不僅豐富熱鬧,又統一、充滿設計系列感。

2tb20151218_

1tb20151218_

【LOGO設計實戰教程系列好文】

亂斗西游的LOGO:
《大咖級教程!亂斗西游的游戲LOGO是如何誕生的?(附設計方法)》

百度錢包的LOGO:
《向高手學習!百度錢包品牌LOGO設計過程全揭秘》

騰訊Lightalk的LOGO:
《LOGO實戰好文!騰訊新聊天軟件Lightalk英文Logo誕生記》

作者:淘寶用戶體驗設計

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

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

點贊 1
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏