又是一年高考季
高考这个话题,每年夏天都是火热的焦点
各行各业势必趁热打铁,争夺先机
在这个特殊的日子里
让我们一起来回顾一下那些经典的高考H5
同时祝愿各位考生:
大鹏一日同风起,扶摇直上九万里!
人民日报中央厨房:大侠,请重新来过

创意分析
这是由人民日报中央厨房2017年出品的作品,其中涵盖了近40年的高考题目,覆盖各省各地,可谓是一个非常有趣的“考场”。加载完成后进入案例,首屏给出案例主题,同时告诉读者“为您挑选了一份横跨40年历史的考卷”,还会有考试开始前在大喇叭中播放的考试须知,让用户回想起当年高考的场景。点击进入考场填写考生信息,考试省份、考试年份、报考类别,生成准考证更增加了真实感。

技术分析
技术上使用了测试类案例传统的点击交互形式,但经测试,题目变化不多,缺乏趣味性。

视觉分析
设计上手绘插画的方式展现,整体给人一种复古的视觉体验,发黄的纸张、橡皮铅笔,让人一瞬间回到考场,简约而真实。
腾讯:2015年全国统一网络高考

创意分析
由腾讯教育于2015年出品的测试答题类高考H5,共有5道“高考题”,通过模拟高考,在题的下方答题卡区域,选择A或B或C或D,然后出来一个用2B铅笔涂答题卡的动效,仿佛真的坐在高考考场答题,代入感很强。

技术分析
技术上,涂答题卡的动效,原理是通过background-position来定位图上的背景显示区域,再通过控制显示的时间间隔形成动画效果。

视觉分析
设计上,采用棕色的木纹作为背景,模拟考场桌子;答题的背景采用的是考试纸张,还有答题卡的答题形式,都很有高考气息。
PP助手:高考就是个P
创意分析
由PP助手出品的高考H5,以“高考就是个P”为噱头吸引用户,实则“P”意为“拼”,同样是一款简单的答题测试类H5。

技术分析
利用很简单的答题测试类模板,穿拆各科目考题,最后导出搞怪录取通知书。
视觉分析
设计上,采用作业纸作为背景,内容采用草绿色作为主色调,整体画面小清新。
超级全能生:致每一位高考生

创意分析
由超级全能生出品的动画类H5,以高考生的心路历程为贯穿线,铅笔画变换成高考生做场景切换过渡,展现了高考倒计时的紧张、父母的高期盼、升学竞争的激烈等情景,以此推出广告课程。

技术分析
技术上,首屏窗外飞行的鸟儿采用的是JS控制序列图依次显隐;黑色粒子快速变换成高考生采用的是Canvas,其他动画多采用CSS3的animation。

视觉分析
设计上是简笔铅笔画风格,采用黑色作为主色调,棕色旧纸张做背景,很好地衬托出高考生面临的压力及内心的迷茫。
有道精品课:我当年居然做过这种考题

创意分析
有道精品课2018年高考前夕推出的H5,主打“怀念”情怀,其测试题皆为当年真实考题,增强回忆感。

技术分析
典型的定向生成类,输入地点时间后生成“当年的高考题”,玩法简单。
视觉分析
首页及输入页由黑板构成,生成结果为试卷,都是经典的学生类H5素材。
最后送给各位一首诗
无论你是正在工作还是面临毕业:
仰望天空时,什么都比你高,你会自卑
俯视大地时,什么都比你低,你会自负
只有放宽视野,把天空和大地尽收眼底
才能在苍穹泛土之间找到你真正的位置
无须自卑,不要自负,坚持自信

我是汪汪
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例


