当前位置: > 手游资讯 > 游戏攻略 > H5案例分享网易云音乐:我的2020年度听歌报告

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

作者:哪吒游戏网 来源:哪吒游戏网 2020-07-05 19:33:28

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

案例链接

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

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

出品:网易云音乐

亮点:

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

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

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

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

技术实现: React.JS

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



上一篇: 太有才了!《质量效应3》还能玩出搞基结局!

下一篇:

本文标签:
猜你喜欢