腾讯公益：QQ比心接力
案例：QQ比心接力
出品：腾讯公益
亮点：
- 策划上，这是一款由腾讯公益为先天性心脏病儿童发起援助活动所打造的一款公益h5，在这款h5中，刚开始以长图切换的方式介绍了心脏对于一个人来说，接着页面又转到先天性心脏病儿童的身上，之后以刘亦菲举手比心的视频去呼吁更多的人援助先天性心脏病儿童。
- 设计上，这是一款图片切换和视频相结合的h5，全程以浅粉红色为主要背景色，从而突出一种“爱”的寓意。
- 互动上，用户通过滑动和触摸进行页面之间的切换，有着很好的互动性，并且这款h5也添加了跳过按钮，使得用户能够自主选择是否去观看，有着很好的用户体验感。
技术实现： Video+JS+Transform
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
