qq音乐网页设计心得 第1篇
这里没有什么难点，就是正常css+hover即可~
值得一提的是时间部分，利用js的Date（）渲染页面，就可完成自动更新时间啦
一搜索页面的ajax功能实现（调用API） 安装api：将api下载并解压到我们任意一个根磁盘下，然后打开cmd，进入该api文件夹目录下，运行node （提前安装好node），这是我们已经实现了api接口的调用，接下来我们可以根据api文档，利用ajax获取数据，从而实现搜索，播放等功能。
因为要频繁的运用ajax的get方法，所以先将其封装成一个get函数，接下来就比较方便封装使用其他功能的函数了，原生的ajax有规范的四步曲： XMLHttpRequest() (‘get’,url,true) () () {//判断状态码，状态值} 所以封装的重点就是这个url的传入，我们要利用参数的形式将其传入。 代码如下：
1.值得注意的是在ajax中通常都使用异步处理，所以要用回调函数，来明确现在的状态，所以在封装ajax的方法时，参数大多都有callback函数。 都是JSON格式，注意解析 至此get方法已经封装好，接下来实现将想要搜索的歌名打入搜索框，就可展示出来相关歌曲，歌手，专辑，时长这四个信息。 同样的，利用get方法进而封装出一个search方法，查看api文档可以看到search接口的格式/search?keywords= ‘xxx’ ，封装过程不再赘述，同上，直接上代码。
（因为是对渲染后的标签每项都要挂在监听事件发起ajax请求，实现页面跳转，所以我封装了一个addeventlistner函数，在这里对li挂载事件监听）所以在页面渲染后还要调用此方法。
搜索一首喜欢的歌：
（由于样式设计我只获取前10个） PS：官网样式，这里可以将li列表的偶数项背景色设为浅灰，奇数项设置为白色，这里可以利用:nth-child(odd){}、:nth-child(even){}
qq音乐网页设计心得 第2篇
「VIP甄选馆」是为超级会员每天量身定制的音效服务，包含甄选电台、数字专辑和扑通品鉴，这个服务主要和银河音效链接，专门为发烧友而生，提供各种场景的音效。
3. 会员成长等级
QQ音乐会员的会员成长等级一共包括9个级别，从LV1到LV9，随着会员累计获取的成长值自动升级，等级越高享受的特权越多。QQ音乐的超级会员和豪华绿钻同时沿用一套会员体系，如果绿钻会员升级到超级会员，之前所获得的成长值和会员等级将会自行平移，这能有效刺激绿钻用户升级到超级会员。
会员成长值的可通过多种方式获取，比如签到、做任务、使用头像挂件等等，通过把会员成长的任务拆分，不仅可以吸引用户主动做任务，最终提升用户活跃度。其次成长值还会生成排行榜，有效利用用户的攀比心理。
4. 礼品卡
「礼品卡」是一个非常常见的营销功能，会员可以购买各种主题的礼品卡送给朋友，对于用户群体比较年轻的QQ音乐来说，赠送的场景非常适合，甚至用户可以主动向朋友索要。
十五、用户中心
QQ音乐的用户中心的设计很特别，和常规的内容形式不同，用户中心的内容拆分为用户数据板、收藏歌曲、最近播放、自建歌单、收藏歌单、AI歌单和智能分类。从这个页面的内容设计推导，足以看出QQ音乐产品的核心增长指标就是用户听歌时间，一定要让用户随时能听、随时可以听自己喜欢的歌曲。
1. 个人主页
每个用户都有自己的个人主页，个人主页主要记录了用户的听歌时间、关注/粉丝/粉丝人数，还有个人动态、乐库和歌单。作为一个展示用户个性化的听歌主页，QQ音乐对用户听歌的口味设置了标签，其次通过动态、歌单等资料展示，快速帮助用户之间建立关系链接。
2. 音响力等级
为了鼓励用户每天听歌，提高用户听歌时长和兴趣，QQ音乐在版本中把「听歌等级」升级为「音响力等级」，为用户提供更简单透明的升级规则，更丰富的听歌权益。音响力目前划分为15个等级，随着听歌的时长获得成长值，然后不断晋升，等级越高，享受的权益就越高。
3. 收藏
歌曲收藏其实是一个非常重要的功能，这其实是用户在音乐产品最大的内容投入成本。用户每天听歌，收藏自己喜欢的歌曲，然后形成个人收藏的歌单，最终对产品形成习惯，变为忠实用户。
4. 最近播放
「最近播放」可以记录用户最近播放的500首歌曲，200张专辑、歌单、电台、视频和直播，这个功能看着很小，但其实特别实用，可以解决用户在收听到某首喜欢的歌曲但突然忘记收藏歌曲的痛点。
5. 自建/收藏歌单
用户可以查看自己建立的歌单，可以快速添加歌单，还可以导入外部歌单。其次，歌单还支持互动模式，也就是你创建的歌单还可以支持别人投稿，把歌单变成一个动态的内容，极大提升了用户的活跃度。
6. 智能分类
「智能分类」的设计特别有温度，根据用户听歌的偏好、时间，QQ音乐利用强大的数据分析能力为用户生成了各种听歌记录，比如2022你最爱听、好友听歌排行、听歌月榜、周榜。其次根据用户收藏的歌曲，还会按照歌手、音乐主题、流派、场景、心情来为用户推荐歌曲，这是一个设计得非常棒的功能，真正秉承了以用户为中心的设计理念。
十六、营销工具 1. 活动中心
「活动中心」就是积分兑换中心，包含了积分推歌、福利签到、积分奖励任务、秒杀、精选好物等内容。用户可以通过完成各种任务获取积分，通过积分可以在活动中心兑换各种福利。
（1）扑通空降
「扑通空降」就是音乐人直降艺人的音乐扑通小组，和粉丝进行互动，通过这样随机、神秘的酬赏形式，充分吸引粉丝活跃度，从而提升用户留存率。
（2）积分推歌
「积分推歌」就是用户可以使用QQ音乐积分推荐喜爱的音乐，提升歌曲推荐量的服务。这个功能对用户留存有非常大的帮助，粉丝为了支持偶像，想把歌曲推送热门，就需要不断地通过做任务赚取积分。
「一起点亮」的活动形式更加吸引用户，利用稀缺效应吸引粉丝为了偶像歌曲上榜PK，每日只推1首歌曲，推荐时间为每日中午到晚上九点，达到指定积分后则为当日的获胜上榜歌曲。这充分把粉丝之间为了偶像歌曲上榜的攀比心理调动起来，提高用户活跃度的同时，还能通过积分变现。
（3）福利签到
「福利签到」的设计非常特别，和其他产品鼓励用户连续签到形式不同，QQ音乐会通过用户当周、当月甚至当年签到时间给用户奖励。比如用户当周虽然只签到2天，但可以送一个绿钻手气抽，用户可以拿去抽奖；再比如用户当月连续签到超过28天，则赠送给会员7天绿钻会员。这样的酬赏设计机制，可以让更多的用户积极参与签到，签少了也可以获得奖励，甚至还可以通过做任务获取补签，极大提高用户活跃度。
（4）听歌排行
用户的听歌时长，不仅自动生成了所关联的QQ/微信好友排行榜，还可以用来抽奖兑换奖励，有效提升用户活跃度。
2. 日签卡
「日签卡」的卡片设计非常精美，主要吸引用户每日打卡，分享传播。QQ音乐会每日精选一首歌，用户进入日签卡以后，可以记录自己的心情，还可以选择分享的歌词和封面背景图片。通过生成精美、个性化的卡片，吸引用户分享传播。
3. 3D萌宠
「3D萌宠」就像QQ宠物，每一个用户都可以免费领取一个。通过每日听歌生成音符，音符可以在商店兑换宠物所需要的食物、道具和装扮，其次也可以完成活动中心的各种任务领取音符。领取宠物后，在播放器页面会展示自己的宠物。3D萌宠不仅能为年轻用户带来个性化体验，还能有效提升用户的留存率。
十七、用户模式
为了满足不同用户人群的需求，QQ音乐一共设计了6种用户模式，包含默认模式、简洁模式、大字模式、青少年模式、亲子模式和跑步电台。
1. 简洁模式
「简洁模式」在2015年就推出，用户开启简洁模式以后，QQ音乐隐藏了视频和扑通这两个功能，在首页也只保留个性化推荐、音乐馆、专辑和直播内容，让用户聚焦到听歌这个行为。
2. 大字模式
「大字模式」在2021年推出，操作非常简洁，只保留搜索、用户收藏和本地音乐等功能，播放器样式和功能也进行了删减，但这个模式下只能通过搜索查找歌曲，又缺乏设计引导，体验需要改进。
3. 青少年模式
「青少年模式」只播放适合未成年人的收听内容，当用户开启后，不能观看直播，不能充值和消费等，这主要是防止未成年人过度消费，甚至需要输入密码才能开启QQ音乐。
4. 亲子模式
「亲子模式」早在2018年版本就推出，主要为家长提供一个亲子专区的收听模式，内容包含了各种儿童歌曲、电台、歌单和有声故事。这个模式精选了很多一键哄睡的歌单，可以有效帮助家长哄孩子入睡，可以把亲子模式添加到桌面。
5. 跑步电台
「跑步电台」在2016年就推出，主要为喜欢健身的用户量身定制，用户进入跑步电台模式以后，QQ音乐会根据用户跑步的步频推荐适合的歌曲，用户也可以选择自己喜欢的歌单，跑步结束以后还会记录跑步数据。
十八、隐私及偏好设置
QQ音乐为用户提供了各种隐私及偏好设置，比如仅Wi-fi联网模式收听、流量提醒、视频自动播放等，用户可根据自己的听歌喜好、习惯进行设置，非常友好。
1. 添加Siri捷径
用户可以结合Siri，录入语音指令以后，自动播放我最喜欢的歌曲、最近播放的歌曲、打开听歌识曲、个性电台、今日推荐、驾驶音乐等，非常方便。
十九、小结
从会员服务的拆解可以看出，QQ音乐不仅仅是为用户提供了多种用户模式，满足各类用户的需求，而是真正贯彻了以用户为中心的设计理念，比如像QQ音乐的用户中心页面设计，是一个会被很多人所忽略的核心亮点。从这个页面可以看出，QQ音乐的产品设计团队，真正贯彻了以用户为中心的设计理念，把听歌这个行为，彻底融入到每一个版块，每一个页面。而且利用强大的数据分析，为用户生成了各种听歌数据，当用户不经意发现的时候，这就是产品的aha-moment，彻底让用户变为忠实粉丝。
其次QQ音乐的变现能力实在是太强，不仅不满足于绿钻会员，还充分挖掘了更多的会员权益设计了超级会员这个价格、利润更高的会员服务。
二十、内容服务
内容服务是提高用户留存率和活跃度的重要方式，「扑通社区」在2020年版本中上线，为艺人和粉丝建立一个交流互动的平台。而「直播」在2016年版本就上线，不仅仅可以极大提高用户活跃度，其次直播的变现形式丰富、用户消费能力非常强。
1. 社区
社区就是「扑通小组」，类似新浪微博的超话、百度的贴吧，随着QQ音乐的平台化发展，QQ音乐将社区拆分为「广场」、「关注」和「已加入小组』三大栏目内容。「广场」为整个社区的精华内容推荐，向用户推荐明星的动向、最新的活动等；「关注」则只展示用户关注的内容，聚焦到用户最关心的明星动态；而当用户加入多个明星扑通小组以后，导航栏则会直接展示该小组的内容，提高用户留存率。
qq音乐网页设计心得 第3篇
舒缓的多彩渐变，让用户看到了歌曲多变的色彩。除此之外，「节奏」也是感知音乐的重要因素。为了拓展用户对节奏的感知，我们对歌曲节奏进行了可视化设计。针对节奏强弱，设计与之匹配的动感光效。
动感光效采用了四层结构，在不影响信息传达的情况下，增强歌曲在视觉上的力量：
上层 - 所有信息操控为亮_法色
第二层 - 深_法色遮罩层
第三层 - 动感光效视频
底层 - 深_法色背景
已关注
关注
重播分享赞
qq音乐网页设计心得 第4篇
一、css部分：
这里的样式设计没有什么难点，就是比较费时间，值得一提的是官网的此处背景是引入的背景图片（五张连在一起），被迫利用background-position进行调整位置。
二、js部分：
这里的特效效果为鼠标移入，中间横线变为播放按钮，移出恢复，且背景图片也相应拉近。
1.横线转换部分：
监听每个li，鼠标移入到后，横线所在的div display：none；因为display这个属性，它在html中不在占据位置。此外，在同位置上设置播放按钮的样式，最初仍是scale（0）,鼠标移入后它变大，移出缩回。
2.背景图片拉近效果同上。
qq音乐网页设计心得 第5篇
「扑淘商城」是一个音乐周边的内容栏目，为用户提供明星的手办、T桖、实体专辑、公仔等物品，用户可直接下单购买，是平台实现商业变现的一个方式。
（7）数字专辑
「数字专辑」是指没有实体CD，但购买后可不限制下载和收听的专辑。每一张数字专辑有一个专属ID，这个ID被称为铭牌。数字专辑是一块大蛋糕，艾瑞数据显示，2022年数字音乐市场规模预估高达亿，这是QQ音乐商业变现重要方式。
数字化、单价低、购买便捷，甚至还可以送给朋友，数字专辑成为众多粉丝为了支持偶像的普遍行为，甚至为了一个靓号铭牌，不少粉丝都会争先恐后抢购。QQ音乐还根据专辑销售数量把专辑分为不同的评级，比如白金、钻石、殿堂等，这有效刺激了粉丝购买，从而实现商业变现。
①专辑库
「专辑库」是一个相对冷门的功能，入口不醒目，但是用户可以根据专辑类型、流派、时间和产品公司查找歌手发布的专辑，数据非常完善，对于资深乐迷来说，这会一个非常惊喜的功能。
（8）数字藏品
「数字藏品」是一种创新型电子收藏品，它使用了区块链技术，对应特定的作品、艺术品生成的唯一数字凭证，与实体专辑等实物一样具有收藏价值，种类丰富、数量稀缺。QQ音乐的数字藏品内容丰富、玩法多样，包含专辑、视频/语音、手办周边等内容。
（9）线上演出
「线上演出」是腾讯音乐娱乐集团全景音乐现场演出品牌TME live 的内容栏目，用户可以通过演出日历查找最新的演出公告，其次TME live的内容主要划分为live、乐见大牌、大牌live和精彩现场四大类，通过线下+线上以及纯线上的呈现方式，为用户带来沉浸感、高品质的演出体验，提升用户留存率。
（10）音乐百科
qq音乐网页设计心得 第6篇
歌曲封面是音乐人在视觉层面的音乐表达，封面和歌曲之间存在跨越感官的联系。我们对播放页背景魔法色进行了动态化升级，赋予音乐更多的层次和含义。
渐变色色彩丰富、顺滑，可以营造氛围，也可以传递情感。
多彩渐变光效采用了两层结构，来保证清晰且丰富的色彩层次效果：
上层 - 所有信息操控为亮_法色
底层 - 多彩渐变动效
这些多色渐变效果是通过对歌曲封面的算法生成的，我们运用全新的色彩抓取技术，通过对封面的色彩计算，提取封面的主色，接着再通过设定颜色干预规则，对主色进行二次加工，生成两个相关的魔法色，得到最终的渐变色彩。
魔法色映射到动态素材中，让每一张专辑的色彩都与音乐流动、融合。
已关注
关注
重播分享赞
qq音乐网页设计心得 第7篇
网页有一个特点，就是移入到每一块（除排行榜）都会有一左一右两个button滑出，移入又会滑走(隐藏到屏幕两侧)并且，不会随页面缩放位置发生变化。 css：这里就是简单的button即可，重点是它相对于定位的父类必须宽度是100%，这样才可以实现其页面缩放时位置总是从两侧滑出来，所以为他的父类设置width：100%，position：relative；再对它设置absolute js：为每个模块，挂监听器，移入时，prebutton的left：-按钮宽度，nextbutton的right：-按钮宽度。移出时为0即可。
这里都是基本的样式，不在赘述。
qq音乐网页设计心得 第8篇
作为二人情感的见证物，它需要能够承载专属的情感回忆，同时也能体现出情感伴随时间而深化的过程。因此我们选择了“字符”来作为见证物。
字符的本身可以表意，喜欢摇滚的潮酷搭档可能会选择类似rock、swag的潮语，而文艺青年之间则可能选取shinning、cheers之类的用词，同时，每个字母的点亮和熄灭也隐喻了陪伴的过程，随着一起听歌时长的累计，字母会依次点亮，而二者陪伴的频率低于一定程度，则字母也会逐步熄灭。当字符全部点亮时，会伴随着光效和动态效果，让平静的字符多几分生动和俏皮。
已关注
关注
重播分享赞
观看更多
正在加载
正在加载
退出全屏
视频加载失败，请刷新页面再试
刷新
视频详情
乐心
音乐，总能引发一些心情感触。也许是唤起了心底珍藏的回忆，也许是贴合了此刻的心境，也许是对歌手或作品抒发感受。
“乐心”意为音乐的内容，也代表愉悦身心。这也诠释了这个功能，用户在这里分享自己在听的音乐及心情感触，并在互动交流里收获关怀、鼓舞和共鸣。
M-PETS——宠物听歌陪伴记
M-PETS作为QQ音乐游戏化、社交化的一次尝试，围绕宠物陪伴和出门看演出两个核心玩法，设计了丰富的人宠互动机制，希望能为用户带来新奇有趣的音乐体验。
更多宠物细节，敬请期待后续文章
后记
我们希望QQ音乐不止是用来听歌和沉淀音乐资产的工具，更是用户无论是听着音乐激动昂扬还是emo低沉时，always be there的存在。因此，我们在的设计中，围绕陪伴、科技、律动、社交等新思路新方向在探索。希望能成为陪你听歌、懂你的品味、伴你探索音乐和世界的好伙伴。
qq音乐网页设计心得 第9篇
从设计「一起听」、「跟听」到「在听」、「扑通」，再到发布不到一周的「音乐空间」，整个产品你会发现社交属性无处不在。这正是腾讯系产品的看家本领，让用户以QQ和微信的生态为基础，在子产品里又形成好友关系，充分抢夺用户的时间，最终成为产品的忠实粉丝。
（3）超强创新的商业变现能力
QQ音乐的变现能力实在太强了。我个人其实是一个LV6级的绿钻会员，已经连续开通了3年多，如果不是此次的拆解，我根本没法想象QQ音乐还有这么多增值服务。仅仅是会员服务，他们就能在绿钻会员的基础上构思了超级会员这个单价、利润更高的服务，更不用说他们还有数字专辑、数字藏品、音乐周边、直播这些变现方式。
（4）跟随战略形成强大的壁垒
从有声、社区、到直播，这些并未全是QQ音乐的首创，但是它都能结合自身的资源优势进行重新设计，给用户带来极致的体验，最终形成了强大的壁垒，降低用户流失率。
4. 给QQ音乐的迭代建议
（1）功能入口层级太深
平台型的产品都会有这个痛点，因为功能太多，所以导致很多实用、冷门的功能难以找到。比如很多用户喜欢的简洁模式，需要在用户中心-更多-设置-模式选择里面才能找到。这样的交互层级实在太深了，如果不是资深用户，根本不知道还有这个模式，可参考酷狗音乐，在用户中心头部直接切换。还有像听歌报告这样特色的功能，没有入口，只能从搜索进入。
（2）尝试打造小程序生态
QQ音乐的音乐服务相关产品版块多，可以参考像酷狗音乐、网易云音乐打造自己的小程序生态，比如音乐推、听歌报告、票务、数字藏品、音乐百科这些栏目，这些完全可以以独立的小程序呈现，这样可以极大提升用户体验。
二十七、写在后面的话
我们一直在思考
如何在每个你需要音乐陪伴的时刻
都能将美妙旋律用最快速度送达你耳畔
在清晨用音乐叫醒你的耳朵
提醒你记得要吃早餐
加班时帮你提升战斗力
给你准备好能引爆气氛的party音乐
失眠时陪你神游在音乐小宇宙
这是2014年QQ音乐的版本更新时候的产品介绍。短短的几句话，但让人真的很感动。我相信如果对这个产品没有充足的热情和投入，很难去写出这样优美的文字。QQ音乐对于很多人来说，或许只是手机桌面上一个冰冷的图标，或者是一行行看不懂的代码，但是对于QQ产品的设计团队来说，她肯定是他们最疼爱的孩子。通过这份超2万字的产品拆解，希望能让你感受到产品设计最需要的东西——热爱！
#参考文献#
易观千帆-全网APP分析详情-QQ音乐/酷狗音乐/网易云音乐/酷我音乐/咪咕音乐
七麦数据-QQ音乐/酷狗音乐/网易云音乐/酷我音乐/咪咕音乐
艾瑞2020年中国音乐产业发展研究报告
艾瑞2021年中国场景音乐用户洞察白皮书
QQ音乐产品体验分析报告
竞品分析 | QQ音乐 VS 网易云音乐
幕后产品：打造突破式产品思维-王诗沐
qq音乐网页设计心得 第10篇
QQ音乐根据每天用户所讨论的话题生成热门话题，营造良好的社区氛围，引导用户关注、讨论，从而创作更好的内容。
（2）扑通小组
「扑通小组」按照明星和兴趣划分，用户可自动加入自己感兴趣的小组。其次用户也可以申请开通扑通小组，不过为了避免用户恶意申请，最少需要有50人申请才能获取最基础的申请资格。
①小组首页
用户进入扑通小组后，可查看小组已加入的成员。可以进入明星的扑通房间，粉丝可上麦、可聊天。其次最让粉丝期待的是艺人甚至会空降扑通小组，和粉丝对话，这极大增加了扑通小组的吸引力，从而提升用户留存率。
二十一、直播
随着音乐产业的多元化发展，短视频、泛娱乐直播助推了音乐市场的发展。仅仅2019年，音乐直播市场规模高达500亿。直播成为了音乐产品的必争之地，不仅有超强的变现能力，而且视频直播内容传输信息的效率和丰富度更高，再通过嵌入更多的互动场景和功能，比如打赏、PK赛等形式，充分调动了用户的交互行为，最终提高用户留存率，抢夺用户的更多时间。
1. 直播类型
QQ音乐的直播栏目，根据直播的类型、主题划分为「听见」、「看见」、「交友」和「精选」四大栏目。「听见」就是主播不需要出镜，只通过语音和粉丝聊天、唱歌，栏目拆分为音乐、情感、脱口秀等热门主题；「看见」需要播主出镜，内容拆分为音乐、颜值、自习、才艺等内容；「交友」拆分为点唱、萌新、男神和配对，以交友为主题，用户进入直播间后可上麦（有免费和付费），语音交友；「精选」是QQ音乐官方精选的内容，有金牌栏目、官方房间、明星主播和新人推荐等内容。
2. 直播间
用户进入直播间后，可以和播主聊天，支持语音和文字，也可以申请上麦，点歌。其次直播形式也有娱乐赛和排位赛等，为粉丝带来丰富的玩法。
（1）饭票
「饭票」是直播间的虚拟货币，可以用于购买直播间的各种虚拟产品和服务，比如礼物、粉丝团等。充值最低6元起，可获得45饭票，换算下来差不多元1个饭票。
（2）粉丝团
每个播主都有自己的粉丝团，用户可加入粉丝团以后，可享受热度加成、粉丝勋章等特权。粉丝团的门槛也相对较低，只需要10饭票（不到1元）就可加入。粉丝团的设计，可以帮助播主更全面经营粉丝。
（3）音雄会
「音雄会」是根据用户在直播间的饭票消费设定的VIP会员，划分为白金用户、炙金用户和晶钻用户三个等级。音雄会会员享受多种特权，主要分为身份特权（12种）、福利特权（4种）和服务（5种）特权三大类，会员可享受身份勋章、入场气泡、入场座驾等多种尊贵身份特权。
音雄会的入会门槛需要在过去30天累计消费超过50万饭票以上（人民币4万元左右）才能升级为音雄白金，而要升级到更高等级的级别则需要消费更多。其次，音雄会的等级还采取升降级制度，消费达不到的要求的会降级。可以看出，直播刺激用户的消费能力真的很强，一个音熊会VIP等于100多个绿钻用户包年会员。
（4）礼物墙
「礼物墙」就像荣誉墙，粉丝可以助力主播点亮礼物墙，比如天使奖励、超跑、守护星等，助力排行榜第一位粉丝可享礼物冠名权。
（5）幸运漂流
「幸运漂流」是一种直播互动的游戏，用户赠送1个幸运铃（10饭票）给主播，即可获取一个漂流券，拥有漂流券以后才可进行漂流。漂流就是抽奖，可获取虚拟礼物，礼物又可以用来打赏。漂流还分为普通漂流和高级漂流两种模式，高级漂流所需要的饭票越多，礼品更丰厚。
（6）活动中心
「活动中心」有很多功能，用户可以签到、做任务、观看宝箱、金币兑换、抽奖等。这个版块主要为了提升用户留存率，利用签到、任务、兑换等形式吸引用户。
（7）心愿设
「心愿设」是一种播主和粉丝的抽奖互动功能，主播设定奖品和参与条件，用户满足参与条件以后就有机会参与抽奖。奖品为直播间的虚拟商品，需要用饭票购买，其次心愿设只针对主播等级超过5级以上的主播，有一定的门槛限制。这个功能利用抽奖吸引粉丝，对主播运营粉丝有一定的帮助，
（8）直播名人堂
「直播名人堂」就是一个直播的荣誉殿堂，在这个栏目，可以看到主播等级最高的主播、粉丝团人数最多的直播，以及音雄会等级最高、贵族等级、赠送礼物种类最多的用户，通过这样的内容设计，充分利用主播和用户的攀比心理，刺激用户的消费。
（9）主播任务
「主播任务」是一个互动任务，分为今日任务和成长任务，用户可以帮助播主一起完成任务，比如加入粉丝团、完成送礼人数15人、弹幕人数达20人等任务。
3. 排行榜
「排行榜」是一个典型的腾讯系产品设计模块，QQ音乐的直播排行榜根据本月、本周、本日甚至本小时来生成主播和用户的排行榜，彻彻底底利用了用户的攀比心理，为了更高的排名而冲击。
二十二、有声
随着音乐产品的发展越来越多元化，QQ音乐在2019年加入了听书版块，依靠腾讯持股的阅文集团海量的图书资源，如今也成了QQ音乐的核心栏目之一，内容权重较高。有声内容划分为小说、出版、相声评书、儿童、情感和广播剧六大栏目，目前听书会员也是QQ音乐业务的新增长点，用户需要开通听书会员后才能畅享全部听书内容。
二十三、听书
qq音乐网页设计心得 第11篇
「搜索」主要帮助用户快速查找歌曲，是一个非常基础但很重要的功能。在搜索的引导页，为用户提供歌手、排行、听歌识曲和分类歌单四个分类，方便用户查找。
平台也会保留用户的搜索历史记录，「搜索发现」像一个热词推荐，主要引导用户查看热点。在底部展示了各类热搜排行榜，包括热门搜索、国风热搜、抖音搜索等，为用户提供了全面丰富的搜索指数排行榜。
①搜索结果
QQ音乐的内容体系非常庞大，搜索结果根据综合、歌曲、视频、歌单、专辑、歌手、电台、扑通、歌词和用户十个维度进行展示。
「综合」是搜索结果的默认分类，这个页面聚合了所有和搜索关键词相关的内容，非常全面，几乎可以满足用户的所有检索需求。其他分类中，「歌曲」包含了该首歌曲的各种版本，比如live版本、Remix版本等，非常方便。其他分类搜索结果都非常直观，有效实现用户激活，快速找到喜欢的歌曲收听。
（2）听歌识曲
「听歌识曲」是音乐产品比较常见的功能，在2015年的版本中就加入了。它的使用场景非常简单，当用户偶然听见某首歌曲但无法想起或者不知道这首歌的名字，QQ音乐就可以帮你快速识别，查找歌曲。
甚至QQ音乐现在支持跨APP识别短视频歌曲，比如你在某个APP的视频发现某首歌曲好听，你可以通过手机设置让QQ音乐快速识别，非常方便。这个功能看上去虽然不起眼，但其实非常刚需，QQ音乐甚至支持用户添加到桌面快捷方式。
（3）歌手
歌手按照地区（内地、港台、欧美、日韩）、性别（男、女、组合）和曲风（包含流行、摇滚、说唱、电子等常见曲风）进行划分，其次也可根据歌手姓氏快速查找。
①歌手详情页
「歌手详情页」是一个非常重要的落地页。在头部，关联了「扑通小组」和「周边商品」，这可以快速吸引粉丝消费变现，同时吸引粉丝加入扑通小组和其他歌迷一起交流，提高用户留存率。
QQ音乐采用五个维度来介绍歌手，分别是百科、歌曲、专辑、视频和动态。「百科」是针对歌手的全面介绍，是一个聚合页，把歌手的精选歌曲、视频和留言板都展示出来，甚至可以查看歌手的留言记录，有效拉近歌手和粉丝的距离，增加亲切感。
qq音乐网页设计心得 第12篇
「超级会员」是QQ音乐最高等级的会员，会员权益多达50种，总价值2160元/年，包月价格最低30元。会员开通后，即可畅享200+数字专辑、豪华绿钻、全民K歌和听书会员等超值权益。作为QQ音乐会员服务单价和利润最高的会员，超级会员目前是QQ音乐主推的会员服务，也是商业变现的新增长点。
（3）听书会员
「听书会员」主要针对听书的用户，开通会员后，才可收听平台的付费内容，目前单价比较低，新用户首月只需1元，其次会员权益也较少，属于QQ音乐正在探索中的业务。
2. 会员福利
会员福利分为会员活动、会员权益、会员游戏、会员商城和会员装扮五大类服务，通过整合腾讯系其他产品，还有其他知名品牌的资源，设计了数十种会员权益服务，比如腾讯视频、唯品会、优酷的联合会员，还有丰富多样的个性化主题装扮，穿越火线等热门游戏的游戏礼包等。