2015-11-05 分類(lèi): 網(wǎng)站建設(shè)
林蔓:搶紅包成為每年大促活動(dòng)的標(biāo)配套餐,用戶(hù)對(duì)基本的紅包玩法都不陌生,各大電商也都在想方設(shè)法想通過(guò)紅包強(qiáng)化互動(dòng)社交的聯(lián)系,支付寶的口令紅包,猜紅包,接龍紅包,搶紅包,親親紅包玩法設(shè)計(jì)百花齊放!怎樣讓玩家保持新鮮感,又能搶得過(guò)癮,同時(shí)又能達(dá)到引導(dǎo)搜索進(jìn)店的最終效果。這是今年負(fù)責(zé)紅包項(xiàng)目的難點(diǎn)所在。
設(shè)計(jì)核心
體現(xiàn)符合今年全球化主題氛圍,會(huì)在一些功能性頁(yè)面營(yíng)造更多節(jié)日氣氛。
著重營(yíng)造抽中紅包和分享紅包的場(chǎng)景,達(dá)成品牌影響力和傳播力,向用戶(hù)傳達(dá)品牌的精神態(tài)度
通過(guò)簡(jiǎn)化流程和玩法設(shè)計(jì),統(tǒng)一的結(jié)果反饋,使產(chǎn)品認(rèn)知簡(jiǎn)單
對(duì)紅包人物形象的探索,紅包互動(dòng)的更新穎的表現(xiàn)方式
針對(duì)每個(gè)階段諸多不同玩法的紅包,既要凸顯每個(gè)玩法的特色,視覺(jué)過(guò)度上不可跨度太大,又需要有相對(duì)統(tǒng)一的感知體驗(yàn),創(chuàng)造一個(gè)熟悉又愉悅的體驗(yàn)。
首先,在設(shè)計(jì)上需要運(yùn)用符合品牌氣質(zhì)的視覺(jué)語(yǔ)言,讓用戶(hù)對(duì)品牌留下深刻印象。通過(guò)玩法的設(shè)計(jì)和情緒渲染,讓品牌在游戲中得到成功傳播。
其次,一致的認(rèn)知:統(tǒng)一紅包的基礎(chǔ)樣式,第二、統(tǒng)一結(jié)果彈窗等一些反饋?lái)?yè)面,這樣用戶(hù)在同時(shí)切換玩幾組紅包游戲中,也易于理解,便于分享出去后統(tǒng)一的認(rèn)知,看到類(lèi)似這樣的紅包界面就知道是淘寶的紅包活動(dòng)。
雙十一紅包形象前期探索
十二國(guó)紅包小人形象(因?yàn)楹罄m(xù)采用了告白小人的形象,此部分沒(méi)有在項(xiàng)目中具體應(yīng)用,項(xiàng)目結(jié)束后又做了一些深化)
腦袋上頂著金幣的紅包人,從著裝配飾體現(xiàn)不同國(guó)家的特點(diǎn)和性格。
主打風(fēng)格:萌蠢、可愛(ài)風(fēng),扁平的幾何表現(xiàn),明快的配色
限制: 整體形象比較規(guī)整,肢體動(dòng)作不太好表現(xiàn) ,擺在一起時(shí)會(huì)略顯呆板!
每個(gè)紅包小人都配有一套國(guó)家形象的服飾,比如結(jié)合中國(guó)特有元素的舞獅造型,新西蘭的毛利人的羽毛以及彩繪裝扮,思密達(dá)的韓服大蓬裙,美國(guó)牛仔,英國(guó)皇家衛(wèi)隊(duì)的熊皮帽和紅色制服,日本的和服壽司,表情萌呆,國(guó)際形象突出,營(yíng)造一群陽(yáng)光歡樂(lè)的紅包人物形象。
為了解決單一形象呆板單調(diào)的問(wèn)題,把形象做了更豐富衍生設(shè)計(jì),配合了有趣的場(chǎng)景插圖設(shè)計(jì)的郵票,讓規(guī)則的紅包造型更加生動(dòng)。和服小妹趴在壽司上,毛利人的航海購(gòu)物之旅,結(jié)合標(biāo)志性的國(guó)家建筑場(chǎng)景,簡(jiǎn)潔的提煉標(biāo)志元素,運(yùn)用情感化的圖形語(yǔ)言讓頁(yè)面更具有親和力!
雙十一互動(dòng)紅包設(shè)計(jì)
密令紅包拼得不只是手氣,是機(jī)智,記憶力,速度,還有最重要的國(guó)語(yǔ)水平!
搜索框被玩壞了!通過(guò)成都文字密令+圖片”的紅包模式,普通用戶(hù)玩起了文字迷、大秀恩愛(ài)…商家更可以利用口令達(dá)到傳播品牌的效果。所以在設(shè)計(jì)中所有都要以密令為主核心做強(qiáng)化,分享頁(yè)面通過(guò)搜索框的來(lái)示意密令的玩法路徑,并用更跳躍的黃色做引導(dǎo)。
我們堅(jiān)持經(jīng)典的活動(dòng)配色:紅黃搭配,過(guò)節(jié)不累~
在配色上還是以經(jīng)典的番茄雞蛋的配色,還運(yùn)用了一些夜空絢爛煙花的色調(diào)襯托,渲染夜晚狂歡的熱鬧。場(chǎng)景豐富上也做了更多的細(xì)節(jié)嘗試。比如設(shè)計(jì)了一些告白小人舞動(dòng)四肢慶祝的場(chǎng)景,結(jié)合國(guó)家的建筑元素體現(xiàn)全球化狂歡主題。
故事梗概:在2015雙11即將來(lái)臨之際,浩瀚的宇宙夜空,有一個(gè)即將熱烈迸發(fā)的紅包星球,來(lái)自世界各地伙伴共同慶祝雙11狂歡得到來(lái),紅包君們已經(jīng)秘密潛伏在他們中間,只要輸入暗號(hào)口令就能開(kāi)啟島嶼之門(mén)。我發(fā)密令,你拿紅包!這是今年正對(duì)前幾年支付寶口令紅包的升級(jí)玩法~
這次雙11紅包以貓頭為統(tǒng)一的頭像標(biāo)識(shí),背后透出一些金幣表現(xiàn)表現(xiàn)紅包的分量感。密令紅包分為:商家、明星和c2c 的紅包,設(shè)計(jì)統(tǒng)一的信息展示結(jié)構(gòu),商家和明星紅包則可自定義更換封面海報(bào),提供更大的表現(xiàn)空間,商家則可以設(shè)計(jì)更多商品和活動(dòng)的營(yíng)銷(xiāo)透出。
紅包插圖設(shè)計(jì)
作用:營(yíng)造氛圍、雙11元素的透出和傳播~ 如貓頭和國(guó)家元素。
插圖狂歡氛圍的營(yíng)造讓整個(gè)偏功能主導(dǎo)的紅包產(chǎn)品 有了更多節(jié)日的渲染,全球化的理念幾乎貫穿在整個(gè)雙11活動(dòng)各個(gè)產(chǎn)品中,繪制的藍(lán)色地球上,乘著天貓?zhí)柕拇L(zhǎng)和世界各地的伙伴一起舉杯慶祝,夜空煙花綻放,清新柔和的藍(lán)灰色調(diào),搭配主體紅色的氛圍,也不會(huì)影響主體信息的理解和操作。
雙十二紅包爭(zhēng)奪戰(zhàn)
設(shè)計(jì)核心:
每環(huán)的商家星球的主體設(shè)計(jì),表現(xiàn)方式:輕質(zhì)感表現(xiàn),星球的縱深空間感,有趣的形象和細(xì)節(jié)設(shè)計(jì)是重點(diǎn)!
搶奪紅包的格斗動(dòng)態(tài)展現(xiàn),突出緊張迫切的氛圍,強(qiáng)化引導(dǎo)點(diǎn)擊。
有趣的是你來(lái)我往互偷的爽勁,通過(guò)設(shè)計(jì)的情緒引導(dǎo),調(diào)動(dòng)玩家的熱情和新鮮感!
氛圍營(yíng)造:
1-3環(huán)商家主題星球的設(shè)計(jì)(圖一),帶有一些爭(zhēng)戰(zhàn)元素的星球通過(guò)可愛(ài)的元素表現(xiàn),小怪獸、糖果、動(dòng)物等中性柔性主題,讓女生也能接受打斗戰(zhàn)爭(zhēng)的氣氛。
打斗的動(dòng)態(tài)反饋是讓搶紅包很過(guò)癮的體驗(yàn),隨著紅包不斷飛出,視覺(jué)體驗(yàn)上更加立體,唯一不足的是當(dāng)用戶(hù)在熟悉了玩法后,不斷打斗的狀態(tài)會(huì)造成用戶(hù)一些疲憊感,持續(xù)的雷同頁(yè)面會(huì)使一部分用戶(hù)失去新鮮感,越是簡(jiǎn)單的游戲,激勵(lì)設(shè)計(jì)和如何保證新鮮感尤為重要。如這個(gè)打斗頁(yè)面(圖二)可以通過(guò)設(shè)置穿著不同戰(zhàn)服的士兵形象、武器來(lái)獲得用戶(hù)的持續(xù)關(guān)注。
通過(guò)首頁(yè)底部的黃色月球設(shè)計(jì)串聯(lián)3個(gè)入口的界面導(dǎo)航作用,同時(shí)也非常契合星戰(zhàn)的主題氛圍,同時(shí)這里的月球又和搶奪頁(yè)面的月球形成呼應(yīng)的作用,增加用戶(hù)在前后的操作中的連貫感知。
星球戰(zhàn)爭(zhēng)主題icon設(shè)計(jì)
50個(gè)星球,依照商家出現(xiàn)的屏數(shù)1-3環(huán)的招商設(shè)置,設(shè)計(jì)分屏主題化,激發(fā)用戶(hù)再瀏覽過(guò)程的好奇心,(探索更多主題的星球),緩解因出現(xiàn)屏次靠后的商家的訪問(wèn)量的遞減的情況。
星球的形象討得用戶(hù)喜愛(ài):星球飛船、小怪獸、萌寵和糖果水果主題,形象上更偏萌系卡通風(fēng)格。輕質(zhì)感得表現(xiàn)方式,利用自然得漸變過(guò)度和柔和的投影保證星球的空間三維感。
紅包項(xiàng)目設(shè)計(jì)過(guò)程中的一些手繪構(gòu)思草圖,幫助快速表現(xiàn)腦海中的想法,搭建頁(yè)面構(gòu)圖和布局,有了第一步構(gòu)思草圖便可以進(jìn)行小組的討論,快速敲定最終方向,如果方案不行也可快速更新思路探索新的方向,手繪草圖在前期的設(shè)計(jì)過(guò)程非常高效??焖俦憩F(xiàn)腦海中閃現(xiàn)的創(chuàng)意,也更好得理解產(chǎn)品的設(shè)計(jì)目標(biāo),提前預(yù)知問(wèn)題的風(fēng)險(xiǎn),在項(xiàng)目結(jié)束后也方便自己的總結(jié)和回顧。
小結(jié)
任何一個(gè)產(chǎn)品都需要經(jīng)過(guò)不斷的打磨,才能慢慢得更接近你心中的樣子,可能一開(kāi)始有很多不好的細(xì)節(jié),沒(méi)關(guān)系,在持續(xù)地探慢慢得雕琢之后,你會(huì)慢慢觸到方向。很多時(shí)候平時(shí)的思考的和技能上的積累很重要,在雙11雙12這樣時(shí)間有限需高產(chǎn)出的項(xiàng)目中,會(huì)遇到很多新的挑戰(zhàn),在短時(shí)間內(nèi)產(chǎn)出不同階段的設(shè)計(jì)方案,對(duì)設(shè)計(jì)方法和技能尚有比較高的要求,同時(shí)也是最能體現(xiàn)設(shè)計(jì)綜合能力的時(shí)機(jī),會(huì)碰到很多平時(shí)平時(shí)不太接觸的問(wèn)題,用最快的時(shí)間查閱資料,快速學(xué)習(xí)和高效的執(zhí)行力會(huì)使項(xiàng)目有序得進(jìn)行,不斷的驗(yàn)證和實(shí)踐是最好的方法。
標(biāo)題名稱(chēng):還能這么玩!淘寶設(shè)計(jì)師關(guān)于紅包的設(shè)計(jì)實(shí)戰(zhàn)思考
網(wǎng)頁(yè)地址:http://www.rwnh.cn/news5/33205.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、建站公司、ChatGPT、網(wǎng)站制作、服務(wù)器托管、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容