>
學(xué)校機(jī)構(gòu) >
上海跑贏職場(chǎng) >
學(xué)習(xí)資訊>
就業(yè)UI設(shè)計(jì)分享-淘寶UI設(shè)計(jì)師-紅包設(shè)計(jì)思考
就業(yè)UI設(shè)計(jì)分享-淘寶UI設(shè)計(jì)師-紅包設(shè)計(jì)思考
46 2015-12-31
上海UI設(shè)計(jì)培訓(xùn)來(lái)班啦,大家可隨時(shí)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頻道,我們將第一時(shí)間公布相關(guān)培訓(xùn)信息。
搶紅包成為每年大促活動(dòng)的標(biāo)配套餐,用戶對(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á)成品牌影響力和傳播力,向用戶傳達(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ǔ)言,讓用戶對(duì)品牌留下深刻印象。通過(guò)玩法的設(shè)計(jì)和情緒渲染,讓品牌在游戲中得到成功傳播。
其次,一致的認(rèn)知:統(tǒng)一紅包的基礎(chǔ)樣式,第二、統(tǒng)一結(jié)果彈窗等一些反饋?lái)?yè)面,這樣用戶在同時(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è)面更具有親和力!雙十二紅包爭(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)用戶在熟悉了玩法后,不斷打斗的狀態(tài)會(huì)造成用戶一些疲憊感,持續(xù)的雷同頁(yè)面會(huì)使一部分用戶失去新鮮感,越是簡(jiǎn)單的游戲,激勵(lì)設(shè)計(jì)和如何保證新鮮感尤為重要。如這個(gè)打斗頁(yè)面(圖二)可以通過(guò)設(shè)置穿著不同戰(zhàn)服的士兵形象、武器來(lái)獲得用戶的持續(xù)關(guān)注。
通過(guò)首頁(yè)底部的黃色月球設(shè)計(jì)串聯(lián)3個(gè)入口的界面導(dǎo)航作用,同時(shí)也非常契合星戰(zhàn)的主題氛圍,同時(shí)這里的月球又和搶奪頁(yè)面的月球形成呼應(yīng)的作用,增加用戶在前后的操作中的連貫感知。
星球戰(zhàn)爭(zhēng)主題icon設(shè)計(jì)
50個(gè)星球,依照商家出現(xiàn)的屏數(shù)1-3環(huán)的招商設(shè)置,設(shè)計(jì)分屏主題化,激發(fā)用戶再瀏覽過(guò)程的好奇心,(探索更多主題的星球),緩解因出現(xiàn)屏次靠后的商家的訪問(wèn)量的遞減的情況。
星球的形象討得用戶喜愛(ài):星球飛船、小怪獸、萌寵和糖果水果主題,形象上更偏萌系卡通風(fēng)格。輕質(zhì)感得表現(xiàn)方式,利用自然得漸變過(guò)度和柔和的投影保證星球的空間三維感。
以上就是有關(guān)學(xué)UI設(shè)計(jì)怎么樣才能挑選到好的培訓(xùn)機(jī)構(gòu)的介紹,更多的(UI設(shè)計(jì)培訓(xùn)課程、UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)),敬請(qǐng)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頁(yè)面!
溫馨提示:獵學(xué)網(wǎng)鄭重承諾,本網(wǎng)站(獵學(xué)網(wǎng))以誠(chéng)信、高效、安全、擔(dān)保的產(chǎn)品理念,作為“學(xué)習(xí)+服務(wù)”的第三方平臺(tái),致力于打造良好的口碑服務(wù)平臺(tái)。站內(nèi)收錄的中專(zhuān)、大專(zhuān)、自考、成考、專(zhuān)升本、網(wǎng)絡(luò)教育等機(jī)構(gòu),都經(jīng)過(guò)獵學(xué)網(wǎng)核實(shí)認(rèn)證!如果廣大考生有提升學(xué)歷的需求,敬請(qǐng)關(guān)注獵學(xué)網(wǎng),歡迎通過(guò)了解!
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)