2014~2016 刷屏H5最强总结，全球H5发展…思维导图

总结一下2014~2016年的刷屏H5案例，大致归为三个类别，入选标准为以下条件之一：

刷屏类型一：交互视频

这是今年最火的H5案例类型，以视频作为核心内容。

之所以如此受欢迎，大概有两个原因：相对一般的H5，视频承载的信息量更大，发挥空间也更大，而且对于很多广告公司，做一个视频比用代码做动画来得简单；此外，相对于传统的视频，H5交互性和传播力更强。

以下提供一些设计思路供参考：

1、结构一般是图片和视频的顺序切换，简单来说就是图片和视频轮流展示，只不过作为 交互转场的图片 要跟视频的第一帧或者最后一帧相同。以《穿越故宫来看你为例》：

“分享冲动”会在不断的视觉惊喜中短时间急剧强化，瞬间引发分享行为。

刷屏类型二：H5动画

动画，H5的基本玩法。相对于“交互视频”，H5动画制作难度大，对代码的技术要求高。这种类型制作成本较高，考虑到大多数人应该不太有耐心，钱也不多，这里介绍一个比较简单粗暴的方法：序列帧。

以宝马100周年庆的案例为例，整个H5都是用序列帧做的。简单来说就是一堆连续画面顺序播放，大概的效果如下：

注：Adobe 2005年收购Flash，Google 2006年收购YouTube。

但是！iOS是Apple的，Android是Google的。因此，手机一开始就不能运行Flash。而HTML5，天然就是为移动互联网而生，易分享、跨平台、连接线下场景、多媒体交互的独特优势迅速捕获了企业的芳心。

一直到，2014年，W3C宣布HTML5最终完成。Flash 退出历史舞台成定局。

所以H5刷屏的背后，反映的其实是两个事实：

WPP集团下数字广告代理公司雅酷（AKQA）的董事总经理表示，“原来公司80%的网络广告都依靠Flash支持。而现在，所有这类广告都是用H5制作。”

Adobe公司则承认，“H5将取代Flash，成为今后网络广告的主要引擎。只不过行业为了实现这一步，还需要获得一些帮助。”

不仅是中国，目前国际大型广告公司和Adobe公司都表达了H5即将称霸互联网广告的绝对肯定。Google（干掉Flash的元凶）也在2015年9月宣布Chrome不再支持Flash广告播放。

另外，移动广告在全球范围内的发展也在推动H5的广泛应用，以下是几个最新的数据：