Baidu 百度:百度输入法

2016-07-14 H5案例分享 H5案例分享
Baidu 百度:百度输入法

案例:百度输入法

出品:Baidu 百度

亮点:

  1. 策划上,动画展示类。画面有点点像纪念碑谷,主人公是一只大白,每当它跑到或者滑到某处,就会出现输入法的历史。整体是一段输入法的演变进化史。最后的页面可以点击下载百度输入法跳转到AppStore。

  2. 设计上,背景是蓝天白云,一只很萌很可爱的大白在不断出现的浮动阶梯和平台上走动,动画效果很好看,让人看上去心情非常舒畅。

  3. 交互上,因为大白每到一个地方就会停下来,然后显示历史,所以用户需要点击按钮,大白才会进行下一步。

  4. 体验上,因为这款H5的动画是采用了不断生成img标签并设置他们的display的方式,所以loading时间有点长,并且部分手机的动画效果不是很流畅。



技术实现: jQuery + CSS3(Animation)


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

识别图中二维码

百度输入法-查阅二维码




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

标签

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

相关推荐:

百度 x 三联生活周刊:2015国民表达大数据

百度输入法:高情商颜文字大考验

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~