ColorOS:揭秘你的声音人设

2019-10-16 H5案例分享 H5案例分享
ColorOS:揭秘你的声音人设


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

识别图中二维码

揭秘你的声音人设-查阅二维码

完整欣赏此案例大约需要2分钟


案例:揭秘你的声音人设

品牌:ColorOS

技术实现: Zepto+RequireJS +Audio

亮点:

  1. 创意定位

ColorOS推出的根据用户声音生成人设海报的作品,最后用户还可以试听不同人设的声音,感受变声乐趣,展现ColorOS系统的设计感和创意感,提高ColorOS变声游戏的热度。

 

  1. 策划逻辑

加载界面是一个录音进度样式的圆圈,加载完毕后,标题下有三个人物轮流旋转出现,点击“测一测”,根据提示录入自己的声音(有文字建议),录音时间到了以后自动结束,一段波浪线和两句赞美用户声音的文字出现后,显示结果海报,海报包括标题“xx(微信名)的声音人设是XXX”,中间是人设图像,下拉屏幕,可聆听各种人设声音,用户可点击分享此作品或重新测试。

 

  1. 设计上

手绘作品,以牛油果绿为背景,人物形象很夸张搞笑,文案也以网络热词热句为主,“上头”“仙女”“耳朵怀孕”等,用户读起来很熟悉,最后的变声人设较多,有熟悉的“萝莉”“大叔”“御姐”等,也有“外星人”这种脑洞人设,增加游戏趣味。

 

  1. 音效上

作品中所有声音均为真人录入,真人模仿音效,“咻~”“叮~”等,女声温柔可爱,男声音色也很好听,真人模仿体现作品创意,增加搞笑效果,也映衬了作品“声音”的主题。

 





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

标签

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

相关推荐:

凤凰网X东风日产:致敬每一个追寻初心的你

星巴克:Starbucks

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~