科大讯飞:下雪了!

2019-11-13 H5案例分享 H5案例分享
科大讯飞:下雪了!


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

识别图中二维码

下雪了!-查阅二维码

完整欣赏此案例大约需要50秒


案例:下雪了!

品牌:科大讯飞

技术实现: jQuery + ThreeJS + 科大讯飞语音接口

亮点:

1、创意定位

科大讯飞介绍2022年冬奥会,同时也介绍科大讯飞的语音接口。

 

2、策划上

① 以“下雪了”开始,画面变成白色,有手势动画提醒,在屏幕上,画出一条线,根据提示绘制以后,会有多国语言(中文、英语、日语、俄语、法语、韩语)解释是什么运动项目;

② 下一幅是画一个U型,依然是多国语言提醒当前的运动项目;

③ 画了两幅画面后,进入一个底部有菜单的页面,下部有三个菜单,分别是:还能画什么、2022直通、讯飞黑科技;

④ 第一个菜单点开后,提示试试这些图案,按图案绘制后,有不同的运动项目;第二个菜单都是2022年冬奥会比赛项目的介绍;第三个是科大讯飞产品介绍。

 

3、设计上

白底,图案为黑色简单的线条;对于体育项目的介绍,采用火柴人的形式;图形图案的介绍比较清晰简洁。曾经看过一本书《失落的一角》,也是类似这种风格,线条虽然简单,但是无论大人小孩都可以快速的理解其中的意思。

 

4、技术上

案例中的体育项目动画使用的是SVG;用户绘制的线条,最后演示的动画也是SVG。





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

标签

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

相关推荐:

可口可乐:可口可乐语音反转瓶

豌豆荚&讯飞输入法:喜欢你才会戏这么多

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~