H5案例分享网易云音乐：我的2020年度听歌报告

H5案例分享网易云音乐：我的2020年度听歌报告，哪吒游戏网给大家带来详细的H5案例分享网易云音乐：我的2020年度听歌报告介绍，大家可以阅读一下，希望这篇H5案例分享网易云音乐：我的2020年度听歌报告可以给你带来参考价值。

案例链接

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

案例：网易云音乐陪你温暖同行

出品：网易云音乐

亮点：

策划上，数据报告类。网易云音乐用户专属年度听歌总结。案例最佳观看环境为网易云音乐App。如果是好友从网易云音乐分享至微信的链接，用户可以直接点开并“点击查看”来查看好友的年度听歌总结，点击屏幕下方“查看我的年度总结”则会跳转至网易云音乐App来查看自己的“年度总结”。

案例通过若干不同的维度，来展示用户的听歌数据，如2020年听歌总数、听歌时段、听到最多的歌词、你的年度歌手等等网易云年度报告，所有数据都基于用户这一年在网易云音乐里的听歌行为。结尾处点击“分享给好友”可以分享至各社交平台，点击“重温你的2020”可以从头观看，点击屏幕中间的视频播放按钮，可观看网易云音乐新年献礼“2018音乐的力量”主题视频。

设计上，配色为网易云音乐经典红，每一页都有不同的听歌数据主题，每页的配图也都与主题相贴合，界面简洁，画风清新，背景音乐选用了节奏欢快、旋律清澈的钢琴曲“Christmas-徐梦圆”，整体无论是视觉还是听觉都让人觉得非常舒服。

体验上，案例虽然简单网易云年度报告，但给人的感觉还是很精致的，并且案例内容也让人产生了足够的分享及传播欲。一大早，这支H5就在小五票圈悄无声息地刷屏了，朋友们都喜欢将自己的听歌习惯晒出来，跟别人分享喜欢的好歌好曲。2018，又是新的一年，愿大家都能享受音乐所带来的美好。

技术实现： React.JS

总结：以上内容就是针对H5案例分享网易云音乐：我的2020年度听歌报告详细阐释，如果您觉得有更好的建议可以提供给哪吒游戏网小编，H5案例分享网易云音乐：我的2020年度听歌报告部分内容转载自互联网，有帮助可以收藏一下。