腾讯+vivo：57秒，从青铜到王者

2017-12-18 H5案例分享 H5案例分享

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

识别图中二维码

57秒，从青铜到王者-查阅二维码

完整欣赏此案例大约需要1分钟

案例：57秒，从青铜到王者

出品：腾讯+vivo

亮点：

策划上，图文展示类，显示的是王者荣耀57秒从混沌时代什么都不懂到登上KPL巅峰的过程。每提升一个段位右边都会有显示如混沌时代青铜时代等等，页面人物和画面也有所不同，由易到难符合成长过程，而且还有各种游戏时出现的错误和矛盾，到成功经历了各种汗水和磨难。最后写出这是我们的王者之路和KPL总决赛吸引人呼朋唤友致竞巅峰。
设计上，从混沌时代到KPL一路上都有人物配音，出现的动画效果炫酷，繁多而不混乱，背景音乐十分热血，语言和动画都很搞笑，买六双鞋不会变快、人机超神、抢中路等设计十分细节，都是经常出现在低段玩家身上的事情，就连英雄都是新手玩家喜欢用的，很符合现实情况，一些设置的问题在玩家看到时就像看到自己的影子，到最后登上天梯直达巅峰配以胜利音效给人成就感。整体设计细节精妙、动画华丽、画面立体、情节幽默，是为佳品。
交互上,上下滑动浏览页面，与一般页面从上而下不同的是该页面是从下而上浏览的，很符合从青铜到王者的设定。左右角有置顶和音乐按键可以跳到顶端和关闭音乐。登顶后可以进入官网或再看一遍。

技术实现： Javascript+create.js

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

标签