网易:失踪青年章莹颖
案例:失踪青年章莹颖
出品:网易
亮点:
- 策划上,这款h5是网易新闻以“失踪青年章莹颖”为主题所打造的一款宣传h5,在这款h5中,叙述了章莹颖从初入学校到学校一些生活再到失踪最后到犯罪嫌疑人的落网的故事。
- 设计上,这款h5以一种黑白的电影胶卷的方式和动画效果相结合的方式展开叙述,将故事情节呈现给了用户的眼中。
- 交互上,这款h5以用户触摸滑动的方式进行上下滑动,犹如电影的播放一般,给了用户可以上下滑动复重着看,让用户有了更好的体验效果。
技术实现: Tween+Animate+pixi+Zepto+jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号