H5案例名称：还是朋友吗？测测就知道
H5案例品牌：由你音乐榜
H5玩法设计：默契测试H5
1.H5背景策划：
由你音乐榜是腾讯音乐集团推出的旨在反映华语乐坛最新歌曲热度的音乐榜单，榜单数据由QQ音乐、酷狗音乐、酷我音乐三大平台的用户产生。这款H5就是由你音乐榜推出的默契测试H5，通过让用户听取不同类型的歌曲，然后让用户在两首歌曲中选择自己喜欢的歌曲，然后通过海报来测试用户与好友的音乐默契程度，以此展现“由你音乐榜”对音乐潮流的把握。
2.H5内容策划：
进入H5是加载页面，中间是模仿的歌曲播放暂停的APPui设计页面，随后首页封面页是两个戴着耳机听音乐的动画形象，用户可先查看玩法然后点击进入作品，若是已经分享给了好友也可在主页点击查看默契度。用户点击开始进入测试页面，总共有五道测试题目，每道题目都是系统给出两首不同的音乐，用户在听取了音乐以后，要从两首音乐中选择出自己最喜欢的那一首音乐，五道音乐测试题目选择完成以后，系统会自动生成相关的海报，包括用户名和音乐偏好解析及主图，用户可点击登录平台，或分享给好友测试默契值。
3.H5页面设计：
设计上采用了简笔动画的风格，配色上选用了彩色，彩色代表了由你音乐榜对于不用音乐的包容性。在题目的设置上，每道题目的歌曲风格都不相同，并且在歌曲的选择上十分多样化，能够满足大多数人的音乐欣赏风格，整体上宣传效果较好。
扫描二维码查看
注：如果你还想了解更多的H5精品案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|小程序定制|节日H5|H5玩法|H5设计
