科大讯飞:介绍2022年冬奥会体育项目的H5

科大讯飞:介绍2022年冬奥会体育项目的H5
2019年11月13日 14:40 H5案例分享

案例:下雪了!

品牌:科大讯飞

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

亮点:

1、创意定位

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

2、策划上

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

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

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

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

3、设计上

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

4、技术上

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

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

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部