QQ音乐:耳朵里的小怪兽
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:耳朵里的小怪兽
品牌:QQ音乐
技术实现: html5
亮点:
- 创意定位
QQ音乐给人们带来美好聆听体验,同时也关注着有听力损失困扰的孩子们,本作品让用户了解听力损失给孩子们带来的影响,动动手改变他们的世界,制作公益海报,宣传公益项目,传播爱心力量。
- 策划逻辑
开始是一小段黑白动画,讲述了一个爱找孩子麻烦的小怪兽,跟听力受损后孩子耳中的音乐一样不被孩子喜欢,根据提示拉动名为“制作低频音乐”的滑竿,被滑竿横向延伸到的区域会变成彩色,下方有制作进度,滑竿拉完画面完全变成彩色,用户点击下一步,选择孩子们绘制的封面,内容,和标题,输入名字,生成海报,包括公益宣传官证书名称,效果图,参与人数,感谢语,用户可保存海报或收听公益专辑。
- 设计上
手绘作品,画风稚嫩,仿佛出自孩子们之手的画风,用一个有点萌又有点懵的小怪兽引发用户好奇。刚开始的黑白色,与拉动滑竿后的彩色形成鲜明对比,没有用界面跳转的呈现方式,而是随着滑竿的拉动画面从上到下变成彩色,同框对比更加有视觉和感情的冲击力,展示公益活动带给孩子们的幸福美好,孩子们的表情也由黑白画中的仓惶恐惧变成了彩色画中的开心阳光。
- 感受上
孩子的主题总是很打动人心,我们习以为常的音乐竟然也有孩子不能正常聆听,很让人心疼。点击制作专辑封面时,所选用的都是孩子们的绘画作品,一朵涂色不均的小花,一行歪歪扭扭的文字,虽然手法没那么成熟,但是有着孩子们独具的自然纯真之美,让人感受到孩子们原生的纯洁美好,愿意为他们做些力所能及的事。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号