中青报 中青在线:我敢说到就做到,你敢吗?

2017-12-08 H5案例分享 H5案例分享
中青报 中青在线:我敢说到就做到,你敢吗?


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

识别图中二维码

我敢说到就做到,你敢吗?-查阅二维码

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


案例:我敢说到就做到,你敢吗?

出品:中青报 中青在线

亮点:

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



技术实现: Zepto



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

中青报:厉害了,三千年前甲骨文上出现我的名字!

中青报 X 中青在线:飞船大战开启,集齐诚信勋章勇闯神秘岛

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~