华为游戏中心：8月最受欢迎游戏特刊

2016-09-19 H5案例分享 H5案例分享

案例：8月最受欢迎游戏特刊

出品：华为游戏中心

亮点：

策划上，模拟看杂志+图文+动画，华为游戏中心8月最受欢迎游戏特刊，通过模拟看书的形式给用户介绍最近比较火的几款游戏，第一屏是杂志的封面，滑屏有动画效果作为过渡，打开书看内容，每一页介绍一款游戏，包括游戏名字，主要游戏人物的精美图片，游戏的icon及简要描述，下方有两个按钮，点击“查看详情”弹出游戏详情页，点击“下载中心”跳转到华为应用市场。单页介绍完后面是最受欢迎网游和单机的游戏列表。
体验上，loading部分做的很用心，动画效果非常炫酷，每一次翻页切换，介绍下一款游戏时，配合上相应的动画和音效，体验很好，这些细节处理的很巧妙，整体运行很流畅
设计上，模拟杂志页面设计，画面清晰有质感

技术实现： jQuery + TweenJS + canvas

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

8月最受欢迎游戏特刊-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签