王者荣耀：人间意，双子星的悠远传说

2018-03-05 H5案例分享 H5案例分享

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

识别图中二维码

人间意，双子星的悠远传说-查阅二维码

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

案例：人间意，双子星的悠远传说

出品：王者荣耀

亮点：

策划上，视频类，加载完成，点击页面的“点击探究”，进入一段视频，时长为1分48秒，内容讲述了双子星的由来——守护人间的重黎二神争夺主神地位，打的不可开交，在人间的雕像出现裂缝，生成一直凶猛无比的妖兽，他们放下恩怨，共赴生死一战，人间最终回复安宁，为了避免灾难重演，双子星此升彼落，分别守护人间的白昼和黑夜。视频结束，页面出现四个按钮，引导用户了解故事背景、进入【王者荣耀】世界观体验站官网、查看海报、分享。
设计上，使手绘漫画风格，页面色彩比较鲜艳，引人注目；画面中的元素多使用中国古典画风，祥云、海浪等；内容上讲述了传奇的故事，吸引用户。
交互上，给一段视频设置了多个停顿点，使得用户的参与感更强。

技术实现： zepto.js+video

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

标签