QQ音乐：奇妙耳朵研究所
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要40秒
案例：奇妙耳朵研究所
出品：QQ音乐
亮点：
- 策划上，通过输入名字，可以开始一段暴露年龄的测试，点击“开始测试”，你会进入到答题环节，总共七道题，完成之后就可以测试到你的耳朵年龄。再通过上滑，还可以和毛不易一起参加神秘音乐成人节，进入之后不用怕暴露年龄，可以给你机会重返旧年，报名之后就可以了。
- 设计上，背景主要以绿钻的颜色为主，画面上耳朵上面带一个耳机，很形象的说明了听歌的状态，对QQ音乐起到了很好的宣传。
- 交互上，输入，点击和滑动。
- 体验上，看到标题就会有一种向下继续进行的冲动，进入之后还可以选择不同的音乐试听，听音乐的同事还能够快乐的答题，何乐而不为呢？整体都环绕着QQ音乐进行，对QQ音乐起到了很好的宣传效果，是一个很好的案例。
技术实现： JavaScript
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
