就業(yè)UI設計分享-淘寶UI設計師-紅包設計思考
48 2015-12-31
上海UI設計培訓來班啦,大家可隨時關注獵學網(wǎng)UI設計培訓頻道,我們將第一時間公布相關培訓信息。
搶紅包成為每年大促活動的標配套餐,用戶對基本的紅包玩法都不陌生,各大電商也都在想方設法想通過紅包強化互動社交的聯(lián)系,支付寶的口令紅包,猜紅包,接龍紅包,搶紅包,親親紅包玩法設計百花齊放!怎樣讓玩家保持新鮮感,又能搶得過癮,同時又能達到引導搜索進店的最終效果。這是今年負責紅包項目的難點所在。
設計核心
體現(xiàn)符合今年全球化主題氛圍,會在一些功能性頁面營造更多節(jié)日氣氛。
著重營造抽中紅包和分享紅包的場景,達成品牌影響力和傳播力,向用戶傳達品牌的精神態(tài)度
通過簡化流程和玩法設計,統(tǒng)一的結果反饋,使產(chǎn)品認知簡單
對紅包人物形象的探索,紅包互動的更新穎的表現(xiàn)方式
針對每個階段諸多不同玩法的紅包,既要凸顯每個玩法的特色,視覺過度上不可跨度太大,又需要有相對統(tǒng)一的感知體驗,創(chuàng)造一個熟悉又愉悅的體驗。
首先,在設計上需要運用符合品牌氣質(zhì)的視覺語言,讓用戶對品牌留下深刻印象。通過玩法的設計和情緒渲染,讓品牌在游戲中得到成功傳播。
其次,一致的認知:統(tǒng)一紅包的基礎樣式,第二、統(tǒng)一結果彈窗等一些反饋頁面,這樣用戶在同時切換玩幾組紅包游戲中,也易于理解,便于分享出去后統(tǒng)一的認知,看到類似這樣的紅包界面就知道是淘寶的紅包活動。
雙十一紅包形象前期探索
十二國紅包小人形象(因為后續(xù)采用了告白小人的形象,此部分沒有在項目中具體應用,項目結束后又做了一些深化)
腦袋上頂著金幣的紅包人,從著裝配飾體現(xiàn)不同國家的特點和性格。
主打風格:萌蠢、可愛風,扁平的幾何表現(xiàn),明快的配色
限制:整體形象比較規(guī)整,肢體動作不太好表現(xiàn),擺在一起時會略顯呆板!
每個紅包小人都配有一套國家形象的服飾,比如結合中國特有元素的舞獅造型,新西蘭的毛利人的羽毛以及彩繪裝扮,思密達的韓服大蓬裙,美國牛仔,英國皇家衛(wèi)隊的熊皮帽和紅色制服,日本的和服壽司,表情萌呆,國際形象突出,營造一群陽光歡樂的紅包人物形象。
了解決單一形象呆板單調(diào)的問題,把形象做了更豐富衍生設計,配合了有趣的場景插圖設計的郵票,讓規(guī)則的紅包造型更加生動。和服小妹趴在壽司上,毛利人的航海購物之旅,結合標志性的國家建筑場景,簡潔的提煉標志元素,運用情感化的圖形語言讓頁面更具有親和力!雙十二紅包爭奪戰(zhàn)
設計核心:
每環(huán)的商家星球的主體設計,表現(xiàn)方式:輕質(zhì)感表現(xiàn),星球的縱深空間感,有趣的形象和細節(jié)設計是重點!
搶奪紅包的格斗動態(tài)展現(xiàn),突出緊張迫切的氛圍,強化引導點擊。
有趣的是你來我往互偷的爽勁,通過設計的情緒引導,調(diào)動玩家的熱情和新鮮感!
氛圍營造:
1-3環(huán)商家主題星球的設計(圖一),帶有一些爭戰(zhàn)元素的星球通過可愛的元素表現(xiàn),小怪獸、糖果、動物等中性柔性主題,讓女生也能接受打斗戰(zhàn)爭的氣氛。
打斗的動態(tài)反饋是讓搶紅包很過癮的體驗,隨著紅包不斷飛出,視覺體驗上更加立體,唯一不足的是當用戶在熟悉了玩法后,不斷打斗的狀態(tài)會造成用戶一些疲憊感,持續(xù)的雷同頁面會使一部分用戶失去新鮮感,越是簡單的游戲,激勵設計和如何保證新鮮感尤為重要。如這個打斗頁面(圖二)可以通過設置穿著不同戰(zhàn)服的士兵形象、武器來獲得用戶的持續(xù)關注。
通過首頁底部的黃色月球設計串聯(lián)3個入口的界面導航作用,同時也非常契合星戰(zhàn)的主題氛圍,同時這里的月球又和搶奪頁面的月球形成呼應的作用,增加用戶在前后的操作中的連貫感知。
星球戰(zhàn)爭主題icon設計
50個星球,依照商家出現(xiàn)的屏數(shù)1-3環(huán)的招商設置,設計分屏主題化,激發(fā)用戶再瀏覽過程的好奇心,(探索更多主題的星球),緩解因出現(xiàn)屏次靠后的商家的訪問量的遞減的情況。
星球的形象討得用戶喜愛:星球飛船、小怪獸、萌寵和糖果水果主題,形象上更偏萌系卡通風格。輕質(zhì)感得表現(xiàn)方式,利用自然得漸變過度和柔和的投影保證星球的空間三維感。
以上就是有關學UI設計怎么樣才能挑選到好的培訓機構的介紹,更多的(UI設計培訓課程、UI設計培訓機構),敬請關注獵學網(wǎng)UI設計培訓頁面!
溫馨提示:獵學網(wǎng)鄭重承諾,本網(wǎng)站(獵學網(wǎng))以誠信、高效、安全、擔保的產(chǎn)品理念,作為“學習+服務”的第三方平臺,致力于打造良好的口碑服務平臺。站內(nèi)收錄的中專、大專、自考、成考、專升本、網(wǎng)絡教育等機構,都經(jīng)過獵學網(wǎng)核實認證!如果廣大考生有提升學歷的需求,敬請關注獵學網(wǎng),歡迎通過了解!
掃一掃
獲取更多福利
獵學網(wǎng)企業(yè)微信
獵學網(wǎng)訂閱號
獵學網(wǎng)服務號