超级全能生:致每一位高考生

2016-12-19 H5案例分享 H5案例分享
超级全能生:致每一位高考生

案例:致每一位高考生

出品:超级全能生

亮点:

  1. 策划上,动画类,① 用手指戳向窗外自由自在飞翔的鸟儿;② 然后以高考生的心路历程为贯穿线,黑色粒子快速变换成高考生做场景切换过渡,展现了高考倒计时的紧张,父母的高期盼、升学竞争的激烈、学业的繁重、记性的衰退、对未来的迷惘、认不清自我;③ 而后话题一转,引出面临这么多高考的问题请不要担心,快来报考超级全能生,全真模拟考试,走向名牌大学。
  2. 设计上,简笔画风格,采用黑色作为主色调,棕色旧纸张做背景,很好地衬托出高考生面临的压力及内心的迷茫。
  3. 技术上,首屏窗外飞行的鸟儿采用的是JS控制序列图依次显隐;黑色粒子快速变换成高考生采用的是Canvas,其他动画多采用CSS3的animation。



技术实现: jQuery + Canvas


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

识别图中二维码

致每一位高考生-查阅二维码




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

标签

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

相关推荐:

腾讯:2015年全国统一网络高考

苏宁易购:夏日好枯燥、谁来添点“料”

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~