网易新闻：二零一七年娱乐圈画传

2017-12-29 H5案例分享 H5案例分享

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

识别图中二维码

二零一七年娱乐圈画传-查阅二维码

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

案例：二零一七年娱乐圈画传

出品：网易新闻

亮点：

策划上，一镜到底+图文展示。与《二零一六年娱乐圈画传》的形式一样，采用长按屏幕的交互方式，结合一镜到底的视觉效果，来盘点2017年娱乐圈15个热点事件，2016年则是11个。结尾页露出制作团队以及分工，点击跟帖可以跳转或下载网易新闻客户端，点击“再看一次”则会快速穿越回首屏。

设计上，与2016年的画传类似，风格依旧，手绘的古风结合现代娱乐圈因素，给人穿越感，热点事件间的画面过渡设计得也很巧妙。与2016不同的是，这支H5有了更多的动态元素。部分热点事件画面元素是动态的，这使画面具有了更高的表现力。背景音乐选用了曲风欢快的《好运来》，渲染轻松愉快的氛围，同时也表现出对2018的期盼。

技术实现： Canvas + Zepto

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

标签