波士顿科学:波动new生

2016-05-15 H5案例分享 H5案例分享
波士顿科学:波动new生

案例:波动new生

出品:波士顿科学

亮点:

  1. 策划上,公益类的H5案例,通过问答的形式,普及青少年心脏的知识。整个案例,分二大部分,每一部分都是由1个互动小游戏和3道问答测验题组成。选题很不错,实用充满爱

  2. 设计上,扁平风格,配色采用浅色系,整体儿童风格

  3. 技术上,每一部分,开始的小游戏,都是通过canvas实现;案例中的图片素材,使用了图片预加载,避免用户浏览案例过程中,白屏的出现,增加用户体验



技术实现: canvas + Zepto


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

识别图中二维码

波动new生-查阅二维码


波动new生



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

标签

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

相关推荐:

搜狐新闻:寻找通向自然的路

2016国际罕见病日活动H5:从不罕见

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


阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~