百度：测一测你爸的男神指数

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

案例：测一测你爸的男神指数

出品：百度

亮点：

策划上，游戏类，分为两个维度，① 有老爸的照片的玩家可选择老爸的照片上传，合成图片，并标上测出的老爸的男神指数，点击“继续考验老爸”即可进入到测试答题页面；② 没有老爸照片的玩家，可直接选择进入到测试答题页，共有8道调查老爸各方面的测试题，由选择的选项测出老爸的男神指数，并配以相应评语；③ 无论测得的老爸男神指数是多少，百度搜索都祝愿所有男神老爸父亲节快乐
设计上，采用棕色作为背景色，老照片以及老牌电视机作为这支H5的主要元素，有一种时光流逝，岁月无声之感，也让人不仅感到爸爸渐渐老去，有种淡淡的伤感
交互上，答完一题自动进入到下一题，全部答完得出测试结果；上传老爸照片，在安卓机下只能从图库里选择，不能调起摄像头进行拍照；在IOS下，拍照和从图库里选择都可以

技术实现： jQuery

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

识别图中二维码

测一测你爸的男神指数-查阅二维码

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

标签