腾讯视频：你的100小时使用说明

2019-01-14 H5案例分享 H5案例分享

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

识别图中二维码

你的100小时使用说明-查阅二维码

完整欣赏此案例大约需要45秒

案例：你的100小时使用说明

出品：腾讯视频

亮点：

1. 创意策划上

围绕“你的100小时使用说明”，100小时=4.166666667天。通过5个问题，每个问题3个选项，根据选择，生成一张你的100小时使用说明海报。

2. 设计上

大胆的用色，2.5D的感觉。

3. 技术上

5个问题放在视频里，用户点击切换的动效也是在同一个视频中实现。每切换到一个问题，视频暂停，用户点选后，视频继续播放。

4. 体验上

被100小时使用说明所吸引，喜欢最后海报中的那句任性不认命。

技术实现： zepto + canvas2image

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

标签