科大讯飞：下雪了！

2019-11-13 H5案例分享 H5案例分享

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

识别图中二维码

下雪了！-查阅二维码

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

案例：下雪了！

品牌：科大讯飞

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

亮点：

1、创意定位

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

2、策划上

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

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

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

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

3、设计上

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

4、技术上

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

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

标签