惠普:智捷法则

2016-06-24 H5案例分享 H5案例分享
惠普:智捷法则

案例:智捷法则

出品:惠普

亮点:

  1. 策划上,卡通动画类,通过点击按钮的过程,出现不同的小动画,分别介绍了惠普智捷硒鼓的四个特点:低废粉率、快速、小巧、节能。点击启动按钮后,出现一个机器工作的场景,一个卡通人物站在传送带上跳动,嘴里吐出一个消息气泡,一个手机在气泡上面左右晃动,提示用户点击,启动时间按钮,出现一个时钟动画,指针自动旋转,时间在流逝,一朵白云在屏幕上飘过。屏幕下方有一个带有动画的白色小图标,提示用户进行点击。
  2. 设计上,卡通风格,黄色为主色调,蓝色为辅色,以一个可爱的卡通形象为主角,轻松、欢快、活泼、阳光的整体效果。
  3. 交互上,主要是点击事件。
  4. 体验上,动画和事件执行的都很流畅,没有卡顿的感觉。



技术实现: jquery egret


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

识别图中二维码

智捷法则-查阅二维码




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

标签

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

相关推荐:

惠普:智引领 捷未来

微软Lumia:这才是黑科技!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~