QQ浏览器：测一测你的审美基因

2019-01-16 H5案例分享 H5案例分享

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

识别图中二维码

测一测你的审美基因-查阅二维码

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

案例：测一测你的审美基因

出品：QQ浏览器

亮点：

策划上，①首页是测一测你的审美基因，点击开始测试。②一共有八道题，第一道题，你更愿意相信？第二道题，看到这幅画，你感到了？第三道题，点击音乐小人，你更西环哪段旋律？第四道题，你看电影是为了？第五道题，哪张图片让你更快乐？第六道题，一只品种奇特的猫蹲在路边冲你叫，它可能在说什么？第七道题，空白处应该填哪种颜色？第八道题，坐上时光机，你选择穿越到？③点击生成我的审美基因报告，最后出现一张你的审美报告海报，全世界仅有百分之多少的人和你的审美基因一样，两种基因组成，下面还有评论，二维码回流，下一屏会有QQ浏览器的五种皮肤，可以复制地址到电脑端参与。
设计上，白色底色，黑色字体，小部分的蓝过渡色点缀，简单大方。
体验上，简单的在线测试，题目也比较正规，题目设计的方面也比较丰富。

技术实现： Swiper preloadjs clipboard.js

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

标签