2017-1-24 用心設計
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
來源:圖冀網
還記得雙12期間打開手機淘寶,總有這么個小入口在誠意滿滿向你揮撒紅包優惠券嗎,還記得它每天給你帶來多變的小驚喜嗎。對啦,它就是剁手界的彩蛋,買買買中的精靈:手淘雙12主會場小入口。
回憶不夠用?
那就來一次大合集吧!
這一套精心設計的入口圖,得到了無論是朋友圈,還是業界人士一致好評!
好有創意啊!淘寶的設計越來越有趣了!小恐龍好呆萌啊!很有二次元的感覺!好好...控計一下情緒~
在這一套可愛的入口圖的背后,是設計師小分隊40多天不分晝夜的支撐。它們是怎么被推導出來的?僅僅只是一套插圖嗎?為什么你看到它就想點(尤其是在某一個孤枕難眠的夜晚)?今天就讓我們來為大家一一揭秘~
12份驚喜,40天的奮戰
前面4周我們完成了創意討論,建立規范,表現形式的突破,一直到動態設計的產出。
上線之后我們依然奮戰在第一線,在這個階段中,我們不斷挖掘著利益點,在文案和視覺上都不斷進行著氣氛上的升級優化。可以說這個階段才是真正的決戰期。
一切從草創開始
拿到親親節12個主題之后的我們,天馬行空腦洞大開。
比如說:原產地是一只笑里帶著淚的豬豬切肘子,二次元則是大叔cos水兵月(lady beard),等等等等~
隨后馬上開始草圖繪制。因為笑點很有共鳴,交互設計師也忍不住參與了一把。
畫完草圖后,馬上做了一些簡單的demo,包括那個剁手的豬豬,雖然它最后沒有出現在我們12天的稿子里,但是它一直在我的心中~~~
創意只是為了表達眼前的主題嗎?
Of course not!
我們對這一套創意所應該去承載和表達的意義做出了一些更深入的思考。
我們也曾試圖通過常規的視覺規范,去統一12個入口樣式。但這僅僅解決了視覺上的統一和親親節主題的表達。
何不干脆把變化與個性做到做到升華?這也正是淘寶年輕激情的品牌理念!
于是我們大膽嘗試,用12種視覺風格,去展示了12個完全不同的主題故事。變化中有統一,統一中擁抱著變化~
場景化的利益文案
不知有沒有細心的觀眾發現,在上班途中,或是睡前打開手淘,就會有入口君向你招手“上班先來抽獎””睡前再抽一波紅包”~
日益強烈的視覺享受
大促之下,光有情懷是不夠的。你我可都是很現實的人。
為了表達滿滿的誠意,12天的視覺氛圍越演愈烈,只為12.12那一天,把最大的優惠展現給大家,狂歡起來!
數以百計的動圖
為了支撐更細膩的用戶體驗,并且時時檢測用戶反饋,迅速做出新的反應,把最好的氛圍帶給大家。每一天的創意畫面背后,設計師付出準備的其實是40多張圖。12天共計398張動效圖!
極高性價比的設計技巧
1個入口banner,要在3秒之內抓住用戶的眼球,我們總結了幾個tips:
1. 主題要鮮明關系要明確:所以主體元素必須是1-2個;
2. 動效要吸引文件要小:所以動效鬼畜激烈就好,只要4-5幀;
3. 利益氛圍要隨時變化:所以文案必須是標準字體可快速替換,紅包元素也可以靈活增加!
靈活的團隊協作
幾百張動圖的制作,如果只單純地按數量分到每個視覺設計師身上,效率必定不甚理想。
我們一起搭了小小組件庫。這些素材使我們4人之間能第一時間進行快速補位~靠著這些,贏得了每天日以千萬計的用戶點擊~
40天的戰斗,我們從單純視覺設計師的本職角色,轉變為多方位的擔當;從當前頁面的設計思考,轉變為整體會場點擊效率的思考;從情懷主題上的表達,轉變為雙12整體認知,及大淘寶品牌態度的傳承;從思考我們想給用戶什么,轉變為思考用戶想要什么。
40個不眠不休,不僅是1212首頁入口的設計人,更是1212的守夜人!
最后只想對大家說:你的手,我們收下啦~
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務