网易云音乐：The Beatles全部歌曲正式上架网易云音乐！

2018-03-23 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

The Beatles全部歌曲正式上架网易云音乐！-查阅二维码

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

案例：The Beatles全部歌曲正式上架网易云音乐！

出品：网易云音乐

亮点：

策划上，横向长图类，这是网易云音乐推出一张纪念The Beatles的H5。内容介绍了The Beatles对于流行、摇滚音乐产生的重大影响。同时以图文的方式展现了The Beatles自1957年创立开始到1974年正式解散期间所发生的重要事件，同时在图文中加入了13张专辑的链接，点击后会进入到网易云音乐中该专辑的歌曲列表页。长图的最后是热门评论和最新评论（竖向）。
设计上，该H5使用黄色为主色调，模拟潜艇的运动，以时间为轨迹，介绍了The Beatles的发展历程，同时穿插着该乐队的专辑，整体很协调。
体验上，小五不是The Beatles的粉丝，但是对于该乐队在音乐界的影响还是有耳闻的。这个H5做的很有纪念意义，对于The Beatles介绍的及其详细。

技术实现： Vue.js + WebPack

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签