腾讯游戏&QQ音乐:AI古琴疗愈师诊断中...

2024-05-07 H5案例分享 H5案例分享
腾讯游戏&QQ音乐:AI古琴疗愈师诊断中...


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

识别图中二维码

AI古琴疗愈师诊断中...-查阅二维码

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


案例:AI古琴疗愈师诊断中...

品牌:腾讯游戏&QQ音乐

技术实现: H5

亮点:

1.创意定位

腾讯游戏联合QQ音乐推出的「AI古琴疗愈正在诊断中...」创意H5作品,通过6道与音乐相关的题目测试,用AI推理得出用户的情绪症状、情绪成分、以及开出的「情绪药方」的海报。供喜欢的用户分享和传播。

 

2.策划逻辑

大致流程:Loaing效果→ 开始 → 6道声音测试题 → 过渡特效→诊断结果海报。

 

其中,Loading加载特效和答题部分的转场动效,用了水波纹和声浪的形式,配合古琴的声音,让音效视觉化。特效很吸睛。

 

开始页面。文案引入主题:我是AI古琴疗愈师,帮你发现藏于心底的情绪,一起用琴音治愈它。

 

答题部分。六道题都与乐声有关,根据声音和文案,点选你认为的合适答案。每道题配合纯色渐变的背景和局部动画特效,让人有一种身临其境,穿梭于音乐世界的感觉。

 

过渡部分。答题完毕,有两个诊断进行和汉字离散动态特效,让你等待的瞬间也不枯燥。

 

海报部分。AI根据用户点选的选项,生成的疗愈诊断结果海报。包括:情绪症状、情绪成分、定性称号、以及给出的情绪药方——一曲特定音乐。点击「去QQ音乐收藏」,可跳转至QQ音乐。底部有联合品牌的露出和回流二维码。

 

3.视觉交互

视觉上采用多种纯色渐变作为主题背景,加上如水的波纹效果,配合上古琴的声音,从视觉和听觉都让人很享受,仿佛在一种虚拟的空间中徜徉、漫步、飞翔。交互上,主要采用了点击和长按的方式。

 

4.用户体验

简单易上手,最后的结果,好像还有一些科学依据,窥探到心底最深的情绪成分。最后的音乐对不对症两说,但都很好听。





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

标签

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

相关推荐:

腾讯游戏:光明哨兵集结

QQ音乐X说唱者联盟X晴空:你的说唱年终奖

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~