魅族：放下手机，抓住幸福年味

2017-02-04 H5案例分享 H5案例分享

案例：放下手机，抓住幸福年味

出品：魅族

亮点：

策划上，魅族春节图文展示类，五幅画面，通过创新的局部镜头突出低头族的视野局限，拖动局部镜头，展现全局画面，发现生活中其他的美好，呼吁大家春节不做低头族，为家人做点实事，用行动抓住那些美好的瞬间。
设计上，漫画风格，背景色采用的是纯色，简洁大方，圆形的局部镜头有种遮罩的感觉，以局部镜头与全局画面的作比的方式，在H5中是一种新型的展现方式，给人以新奇感，更吸引人。
技术上，这支H5的动画主要是采用Canvas + CreateJS，滑屏功能采用的是Zepto。

技术实现： Zepto + Canvas + CreateJS

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

识别图中二维码

放下手机，抓住幸福年味-查阅二维码

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

标签