I Do：为爱关机七小时

2016-11-28 H5案例分享 H5案例分享

案例：为爱关机七小时

出品：I Do

亮点：

策划上，图文展示类。模拟了I Do微信公众号文章页面。刚进入时，会自动向下滑动展示内容，并出现动画，接着会出现“关机提示”：“你愿意为爱关机吗？”，滑动屏幕按钮关机，会出现最后的邀请分享页面。如果取消关机，用户可以自己滑动屏幕查看图文内容。
设计上，模拟了微信推文和关机提示界面，推文中有手绘风格的图片，还设有一个自动轮播图，部分文字带有镜面光亮效果，文章底部嵌入了一个视频，用户可以点击观看。最后的邀请分享部分并没有设置返回。
体验上，图文和动画所描绘的场景，很容易让人产生共鸣，整体基调过度也很自然。有一点不足是，如果用户第一次就滑动“关机”，进入最后一页，就没有办法返回查看推文，这一点体验不是很好。

技术实现： jQuery

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

识别图中二维码

为爱关机七小时-查阅二维码

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

标签