网易云音乐 x 和其正：和其正-声色涌动，国风正潮
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例：和其正-声色涌动，国风正潮
品牌：网易云音乐 x 和其正
亮点：
1.创意定位
这是网易云音乐与和其正一起制作的宣传国风音乐的H5作品。
2.策划逻辑
加载成功后，画面呈现的是非常具有国风代表的孙悟空，点击“给点颜色看看”后，左右滑动，即可看到空白的画册页面，分别是孙悟空、诸葛亮、牛郎和织女；选择模板开启创作，即可选择“东方色块”和“西方色块”中的颜色，为图片上色，不同的色调对应不同的国潮音乐，最后完成后生成用户的个性国潮单曲；用户可以选择“潮给TA看”分享自己的专属海报到朋友圈，或者“再潮一次”重新选择色块，也可上传作品。
3.设计上
传统的配色，独具中国特色，能够体现国潮主题，通过不同颜色对应不同的音乐，别具心裁。
4.体验上
全程通过自己的色彩能力去搭配，能够让用户增加参与感，传统的图片场景能够让用户回忆到很多的中国文化。
技术实现： zepto+swiper+preloadjs+soundjs
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
