网易云音乐 + 一汽马自达：走自己的路，你永远独一无二

网易云音乐 + 一汽马自达：走自己的路，你永远独一无二

创意分析

这是网易云音乐跟一汽马自达联合出品的一支宣传类H5。通过一支动效设置以及文案设计都特别美的H5，宣传了两家品牌。通过一个小人在人生的路上一路走来的经历和不同的境遇的描述，加上各种动画效果、音乐，还有内嵌的视频内容，来表达主题，凸显品牌。

技术分析

制作上采用的是jQuery + Tweenmax 技术实现的。开头根据提示长按指纹部分，开启行走界面，通过人生不同境遇的界面展示，用户点击屏幕提示部位，小人就可以跳到下一界面，然后页面会随之搭配符合情境的音乐，新生、好奇、青春、自由、迷茫等等，在遭遇这些之后会有成长和陪伴。播放完成后点击屏幕进入下一界面，然后是一支内嵌的视频广告，最后下方有两个按钮，点击回顾是马自达的活动回顾。

视觉分析

整支H5在视觉上采用的是深蓝背景，整体色调偏暗，画面中的小人仿佛置身于浩瀚的宇宙之中；小人物和文字采用白色背景很突出；动画之间衔接流畅、自然，用户交互体验非常好，让用户产生是自己在掌控这个小人的前行路线的感觉，而没有交互时循环播放动画也让画面充满活力。

人人秀原创文章，如若转载请注明出处：https://rrx.cn/content-tp1ey4