超级全能生:致每一位高考生
案例:致每一位高考生
出品:超级全能生
亮点:
- 策划上,动画类,① 用手指戳向窗外自由自在飞翔的鸟儿;② 然后以高考生的心路历程为贯穿线,黑色粒子快速变换成高考生做场景切换过渡,展现了高考倒计时的紧张,父母的高期盼、升学竞争的激烈、学业的繁重、记性的衰退、对未来的迷惘、认不清自我;③ 而后话题一转,引出面临这么多高考的问题请不要担心,快来报考超级全能生,全真模拟考试,走向名牌大学。
- 设计上,简笔画风格,采用黑色作为主色调,棕色旧纸张做背景,很好地衬托出高考生面临的压力及内心的迷茫。
- 技术上,首屏窗外飞行的鸟儿采用的是JS控制序列图依次显隐;黑色粒子快速变换成高考生采用的是Canvas,其他动画多采用CSS3的animation。
技术实现: jQuery + Canvas
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号