案例：下雪了！
品牌：科大讯飞
技术实现： jQuery + ThreeJS + 科大讯飞语音接口
亮点：
1、创意定位
科大讯飞介绍2022年冬奥会，同时也介绍科大讯飞的语音接口。
2、策划上
① 以“下雪了”开始，画面变成白色，有手势动画提醒，在屏幕上，画出一条线，根据提示绘制以后，会有多国语言（中文、英语、日语、俄语、法语、韩语）解释是什么运动项目；
② 下一幅是画一个U型，依然是多国语言提醒当前的运动项目；
③ 画了两幅画面后，进入一个底部有菜单的页面，下部有三个菜单，分别是：还能画什么、2022直通、讯飞黑科技；
④ 第一个菜单点开后，提示试试这些图案，按图案绘制后，有不同的运动项目；第二个菜单都是2022年冬奥会比赛项目的介绍；第三个是科大讯飞产品介绍。
3、设计上
白底，图案为黑色简单的线条；对于体育项目的介绍，采用火柴人的形式；图形图案的介绍比较清晰简洁。曾经看过一本书《失落的一角》，也是类似这种风格，线条虽然简单，但是无论大人小孩都可以快速的理解其中的意思。
4、技术上
案例中的体育项目动画使用的是SVG；用户绘制的线条，最后演示的动画也是SVG。
以上为“H5案例分享”团队原创文章，转载请注明出处！
网友评论