网易：二零一六年娱乐圈画传

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

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

出品：网易

亮点：

策划上，图文展示类，回顾下2016年娱乐圈的热点事件总汇，采用长按屏幕的方式，一镜到底的视觉效果，盘点了2016年的11个热点事件，如近乎人人皆知的明星王宝强休妻，马蓉宋喆搞婚外情，郭德纲与曹云金的师徒撕逼等等，很有意思。
设计上，古风风格，有种穿越的娱乐感，有采用画中画的形式，让画面本身渗透出很多弦外之音，精致的画风融合着各种吐槽调侃，让人欲罢不能。
技术上，首屏的“娱乐园画传”几个大字的渐入动画采用的是gif动图，长按一镜到底的动画采用的是Canvas。

技术实现： Canvas + JavaScript

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

识别图中二维码

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

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

标签