美文网首页
腾讯视频:你的100小时使用说明

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

作者: H5案例分享 | 来源:发表于2019-01-15 10:27 被阅读0次

    案例分析链接:http://v.qq.com/coc/h5music/kaihuo/

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

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

    出品:腾讯视频

    亮点:

    1. 创意策划上

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

    2. 设计上

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

    3. 技术上

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

    4. 体验上

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

    技术实现: zepto + canvas2image

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

    相关文章

      网友评论

          本文标题:腾讯视频:你的100小时使用说明

          本文链接:https://www.haomeiwen.com/subject/ohpedqtx.html