七袍茶的H5宣传案例——中秋的正确打开方式

2015-11-24 H5案例分享 H5案例分享

案例:中秋的正确打开方式

出品:七袍

亮点:

  1. 策划上,通过“聚”“独”两种状态,体现中秋的不同状态,也是生活中的不同状态,达到共鸣

  2. 视觉上,黑色主色调,使用黑色剪影视觉效果

  3. 交互上,横向滑动屏幕切换屏幕。对比的时候,翻转手机180度,切换状态,非常有特色

  4. 技术上,动画是通过js实现。手机翻转180度,切换状态使用的是HTML5的重力感应deviceorientation实现



技术实现: canvas + jQuery


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

识别图中二维码







关注微信号:h5-share,获取更多牛逼H5案例分享!



微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~