完整欣賞此案例大約需要1分31秒
案例鏈接：https://s1.mi.com/m/ghd/2018/xjb1017/
案例：小米MIX 3 全面屏去哪了
出品：小米
亮點：
- 策劃上，遊戲的形式，找出“圖中的全面屏隱藏在哪？”點擊它。一共20關，點擊每關的“全面屏”圖案，自動進入下關；每關都有30秒時間，時間自動減少，點擊錯誤，自動扣1秒，如果在指定的時間裡，沒有找到“全面屏”圖案，遊戲結束；最後給出打敗其他玩家的百分比，百分比根據平均答題時間和過的關卡數總和評分。最後可以長按保存生成的PK海報。
- 設計上，波普風格，又繪畫作品，也有真實的景物。
- 技術上，預設置20張img標籤引入的圖片，默認隱藏；不同的關卡，顯示不同的圖片；點擊“全面屏”圖案採用一個div標籤，預設置好，每關的絕對定位位置。用戶點擊到“全面屏”圖案div標籤，進入下一關，20關共用一個“全面屏”圖案div標籤。
- 體驗上，很容易激發挑戰慾望，反覆玩這支H5。小五玩這支H5過程中，想到了以前玩過的“找不同”小遊戲，將畫面反覆看個遍，而後找到，你要找的那個小小的圖案。反覆體驗H5後，就是完全記住了“全面屏”圖案。
以上為【H5案例分享】團隊原創文章！
分享到:
閱讀更多 H5案例分享 的文章
