來源：淘寶用戶體驗設(shè)計（ID:ali-taobaoued）
原標題：創(chuàng)作揭秘! 1212親親節(jié)手機淘寶超級入口背后, 不為人知的設(shè)計故事
就在不久之前，馬爸爸又來收割一種名為[手]的[食材]，對面的親，不知今天的你吃土了嗎～
還記得雙12期間打開手機淘寶，總有這么個小入口在誠意滿滿向你揮撒紅包優(yōu)惠券嗎，還記得它每天給你帶來多變的小驚喜嗎。對啦，它就是剁手界的彩蛋，買買買中的精靈：手淘雙12主會場小入口。
回憶不夠用？
那就來一次大合集吧！
這一套精心設(shè)計的入口圖，得到了無論是朋友圈，還是業(yè)界人士一致好評！
好有創(chuàng)意?。√詫毜脑O(shè)計越來越有趣了！小恐龍好呆萌啊！很有二次元的感覺！好好...控計一下情緒~
在這一套可愛的入口圖的背后，是設(shè)計師小分隊40多天不分晝夜的支撐。它們是怎么被推導(dǎo)出來的？僅僅只是一套插圖嗎？為什么你看到它就想點(尤其是在某一個孤枕難眠的夜晚)？今天就讓我們來為大家一一揭秘～
12份驚喜，40天的奮戰(zhàn)
前面4周我們完成了創(chuàng)意討論，建立規(guī)范，表現(xiàn)形式的突破，一直到動態(tài)設(shè)計的高效產(chǎn)出。
上線之后我們依然奮戰(zhàn)在第一線，在這個階段中，我們不斷挖掘著利益點，在文案和視覺上都不斷進行著氣氛上的升級優(yōu)化?？梢哉f這個階段才是真正的決戰(zhàn)期。
一切從草創(chuàng)開始
拿到親親節(jié)12個主題之后的我們，天馬行空腦洞大開。
比如說：原產(chǎn)地是一只笑里帶著淚的豬豬切肘子，二次元則是大叔cos水兵月(lady beard)，等等等等～
隨后馬上開始草圖繪制。因為笑點很有共鳴，交互設(shè)計師也忍不住參與了一把。
畫完草圖后，馬上做了一些簡單的demo，包括那個剁手的豬豬，雖然它最后沒有出現(xiàn)在我們12天的稿子里，但是它一直在我的心中～～～
創(chuàng)意只是為了表達眼前的主題嗎？
Of course not！
我們對這一套創(chuàng)意所應(yīng)該去承載和表達的意義做出了一些更深入的思考。
我們也曾試圖通過常規(guī)的視覺規(guī)范，去統(tǒng)一12個入口樣式。但這僅僅解決了視覺上的統(tǒng)一和親親節(jié)主題的表達。
何不干脆把變化與個性做到極致做到升華？這也正是淘寶年輕激情的品牌理念！
于是我們大膽嘗試，用12種視覺風(fēng)格，去展示了12個完全不同的主題故事。變化中有統(tǒng)一，統(tǒng)一中擁抱著變化～
場景化的利益文案
不知有沒有細心的觀眾發(fā)現(xiàn)，在上班途中，或是睡前打開手淘，就會有入口君向你招手“上班先來抽獎””睡前再抽一波紅包”～
日益強烈的視覺享受
大促之下，光有情懷是不夠的。你我可都是很現(xiàn)實的人。
為了表達滿滿的誠意，12天的視覺氛圍越演愈烈，只為12.12那一天，把最大的優(yōu)惠展現(xiàn)給大家，狂歡起來！
數(shù)以百計的動圖
為了支撐更細膩的用戶體驗，并且時時檢測用戶反饋，迅速做出新的反應(yīng)，把最好的氛圍帶給大家。每一天的創(chuàng)意畫面背后，設(shè)計師付出準備的其實是40多張圖。12天共計398張動效圖！
極高性價比的設(shè)計技巧
1個入口banner，要在3秒之內(nèi)抓住用戶的眼球，我們總結(jié)了幾個tips：
1. 主題要鮮明關(guān)系要明確：所以主體元素必須是1-2個；
2. 動效要吸引文件要小：所以動效鬼畜激烈就好，只要4-5幀；
3. 利益氛圍要隨時變化：所以文案必須是標準字體可快速替換，紅包元素也可以靈活增加！
靈活的團隊協(xié)作
幾百張動圖的制作，如果只單純地按數(shù)量分到每個視覺設(shè)計師身上，效率必定不甚理想。
我們一起搭了小小組件庫。這些素材使我們4人之間能第一時間進行快速補位～靠著這些，贏得了每天日以千萬計的用戶點擊～
40天的戰(zhàn)斗，我們從單純視覺設(shè)計師的本職角色，轉(zhuǎn)變?yōu)槎喾轿坏膿?dān)當；從當前頁面的設(shè)計思考，轉(zhuǎn)變?yōu)檎w會場點擊效率的思考；從情懷主題上的表達，轉(zhuǎn)變?yōu)殡p12整體認知，及大淘寶品牌態(tài)度的傳承；從思考我們想給用戶什么，轉(zhuǎn)變?yōu)樗伎加脩粝胍裁础?br/>
40個不眠不休，不僅是1212首頁入口的設(shè)計人，更是1212的守夜人！
最后只想對大家說：你的手，我們收下啦～
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）