中青报中青在线：我敢说到就做到，你敢吗？

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

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

识别图中二维码

我敢说到就做到，你敢吗？-查阅二维码

完整欣赏此案例大约需要4分20秒

案例：我敢说到就做到，你敢吗？

出品：中青报中青在线

亮点：

策划上，测试类，这是关于诚信的小测试，需要三步来测试你的诚信度。① 分别以直立手机保持3S；在屏幕上写一个“人”；长按屏幕任意处1S；来完成 “立”、“诚信”、“虚伪”三个话题的玩家测试；② 最后根据进度条即可看到玩家的诚信度，并点明这只是一个小游戏，游戏结果并不能说明什么，但是在生活中，诚信与否，代表了你的个人品德。③ 点击测试结果页按钮，即可去看看大咖们怎么说，继而引出首届青年诚信建设博览会即将开幕的信息，点击尾屏左下角按钮即可去看看展会详情。
设计上，简洁风格，采用淡淡的棕灰色作为主色调，画面比较简洁干净，提示也非常简练清晰易懂，里面的文案非常走心。
技术上，loading页和直立手机保持3S页面里的小动画采用的gif动图。在屏幕上写一个“人”以及长按屏幕任意处1S页的中央动态画面主要采用的是Canvas。

技术实现： Zepto

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

标签