杜蕾斯 + 一点资讯：中国人5.20情爱报告

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

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

识别图中二维码

中国人5.20情爱报告-查阅二维码

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

案例：中国人5.20情爱报告

出品：杜蕾斯 + 一点资讯

制作：微云客

亮点：

策划上，该H5案例由杜蕾斯和一点资讯联合制作推出。通过5页滚屏小测试，每个测试都可以看到他人选择的比例，最后生成一份关于自己恋爱的报告，由一点资讯提供的大数据可以看到更多的恋爱信息，
设计上，紫色主色调，人物采用线条
交互上，小测试的两个选项屏幕各占一半，上下选择触摸完成选择。
技术上，使用Egret引擎完成动画的渲染，js完成图片的过渡效果

技术实现： egret（白鹭）

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

标签