搜狗输入法：90后小学课本插图动动动起来了

2018-04-17 H5案例分享 H5案例分享

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

识别图中二维码

90后小学课本插图动动动起来了-查阅二维码

完整欣赏此案例大约需要1分40秒

案例：90后小学课本插图动动动起来了

出品：搜狗输入法

亮点：

策划上，按照提示，点击朋友圈，在朋友圈里发现大量的错别字，于是选择特工消灭错别字，选择杜甫，杜甫从小学课本里出来，消灭公共区域错别字；选择韩梅梅和李雷，两人合力消除聊天错别字；选择闰土，闰土消除网络错别字；当所有选择完成后，点击最后一个人物下方的成为特工，会出现一个界面，显示用户已经成为特工，下方还会随机出现一组易错词的正错写法。
设计上，小学课本插图做成动画人物，有情怀又印象深刻；选择小学课本，是因为小学是习惯养成的阶段，有警示的意思；动画风格，人物动作浮夸搞笑；色彩丰富，吸引眼球。
体验上，整体风格轻松，略恶搞，但是想法新颖突出；小学课本是一代人的记忆，也是从小习惯养成的阶段，这一阶段应该严加纠正。

技术实现： egret.js，tween.js，common.js，jquery，video

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

标签