网易云音乐一汽马自达：听歌听到狐狸尾巴露出来！？

2018-11-28 H5案例分享 H5案例分享

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

识别图中二维码

听歌听到狐狸尾巴露出来！？-查阅二维码

完整欣赏此案例大约需要43秒

案例：听歌听到狐狸尾巴露出来！？

出品：网易云音乐一汽马自达

亮点：

策划上，文字加插画的形式描述在各个场景中听歌的情形，和朋友聚会时的你、在应酬的时候的你、在工作时候的你与听到心底的那首歌真实的你，不用等下一个转角，就会发现真实的自我。而后，弹出一个界面，引导打开网易云音乐APP。
设计上，采用文字加手绘图画的方式展现加上轻快的背景音乐，页面干净整洁。
交互上，进入动画后可以直接跳过
体验上，走心的文字加上描绘各种情景听歌，按引导到网易云音乐打开H5后，等了很久，页面都无法加载。

技术实现： Vue pixi

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

标签