QQ音乐:耳朵里的小怪兽

2021-09-09 H5案例分享 H5案例分享
QQ音乐:耳朵里的小怪兽


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

识别图中二维码

耳朵里的小怪兽-查阅二维码

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


案例:耳朵里的小怪兽

品牌:QQ音乐

技术实现: html5

亮点:

  1. 创意定位

QQ音乐给人们带来美好聆听体验,同时也关注着有听力损失困扰的孩子们,本作品让用户了解听力损失给孩子们带来的影响,动动手改变他们的世界,制作公益海报,宣传公益项目,传播爱心力量。

 

  1. 策划逻辑

开始是一小段黑白动画,讲述了一个爱找孩子麻烦的小怪兽,跟听力受损后孩子耳中的音乐一样不被孩子喜欢,根据提示拉动名为“制作低频音乐”的滑竿,被滑竿横向延伸到的区域会变成彩色,下方有制作进度,滑竿拉完画面完全变成彩色,用户点击下一步,选择孩子们绘制的封面,内容,和标题,输入名字,生成海报,包括公益宣传官证书名称,效果图,参与人数,感谢语,用户可保存海报或收听公益专辑。

 

  1. 设计上

手绘作品,画风稚嫩,仿佛出自孩子们之手的画风,用一个有点萌又有点懵的小怪兽引发用户好奇。刚开始的黑白色,与拉动滑竿后的彩色形成鲜明对比,没有用界面跳转的呈现方式,而是随着滑竿的拉动画面从上到下变成彩色,同框对比更加有视觉和感情的冲击力,展示公益活动带给孩子们的幸福美好,孩子们的表情也由黑白画中的仓惶恐惧变成了彩色画中的开心阳光。

 

  1. 感受上

孩子的主题总是很打动人心,我们习以为常的音乐竟然也有孩子不能正常聆听,很让人心疼。点击制作专辑封面时,所选用的都是孩子们的绘画作品,一朵涂色不均的小花,一行歪歪扭扭的文字,虽然手法没那么成熟,但是有着孩子们独具的自然纯真之美,让人感受到孩子们原生的纯洁美好,愿意为他们做些力所能及的事。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

99公益日X腾讯游戏:急!寻找“国宝”守护人

网易云音乐 X adidas:新生代返场 升级新可能

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~