2023-06-30
H5頁面設(shè)計
設(shè)計觀點(diǎn) / 小游戲頁面設(shè)計|清單類H5游戲
小游戲頁面設(shè)計|清單類H5游戲
清單類H5是由用戶從H5提供的標(biāo)簽中,選擇與自身相關(guān)的或需要的標(biāo)簽,最終生成一個標(biāo)簽合集海報的游戲玩法。整體玩法并不復(fù)雜,H5頁面設(shè)計與主題內(nèi)容策劃是決定一個清單類是否優(yōu)秀的關(guān)鍵。下面,藍(lán)橙視覺就以實際案例為大家分析一下,如何做好清單類H5游戲頁面設(shè)計。
一、活動背景
這是由大家保險推出的新年品牌宣傳活動,采用清單類H5玩法,邀請大家選出新年愿望,生成專屬的幸福寶單,傳遞幸福。
二、方案策劃
H5采用了碎紙機(jī)的理念和設(shè)計形式,用戶需在清單中選擇需要的標(biāo)簽,將想要的標(biāo)簽拖動到紙上即可,最多選擇4個。選擇完成后把紙投入碎紙機(jī)在沿著虛線畫出圓形,生成幸福寶單。寶單包括用戶選擇的寶單項目、簽單時間、特別預(yù)定等等。用戶可長按保存圖片,或點(diǎn)擊關(guān)注品牌公眾號,了解更多內(nèi)容。
三、視覺設(shè)計
1、清單選擇頁
2、碎紙互動頁
3、過場動畫
4、海報生成
以上就是本次為大家分享清單類H5游戲設(shè)計參考,H5頁面設(shè)計采用線條漫畫風(fēng)格,在單線條風(fēng)格的基礎(chǔ)上,保留線描并填充豐富的色彩,使畫面生動活潑,多有趣味性、夸張化的表現(xiàn),結(jié)合新年熱點(diǎn),讓活動更為有趣。