假如你面前有一份传统媒体的纸质版报纸，看到密密麻麻的字，扫两眼已不想继续看下去了；这时你面前还有一个掌上手机端的报纸页面，里面的内容还会跟你作一定程度的交互，我相信你会对这个感兴趣很多。
首先得搞清一个概念：传统媒体和新媒体指什么？就狭义而言：传统传媒指报纸、杂志、广播、报刊、电视等；而新媒体指媒体网站、客户端、H5等。 我们活在一个快节奏的消费经济社会，纸质报纸的阅读成本越来越高，传统媒体的纸质报纸是离我们越来越远，线上化的新闻阅读形式更合我们胃口，这就意味着纸质报纸能给媒体带来的用户效益越来越少，媒体对H5的需求应运而生。一、为什么这么多媒体都在做H5？
针对不同媒体应用H5的目的，主要划分为：为了设置专题栏目、展示新闻内页、增加利于传播互动元素、发布招聘信息。
1.1.设置专题栏目利用H5设置一个长期更新的专题栏目，让用户产生相应的阅读习惯及粘性。澎湃新闻就很好地捉住了长期栏目这一点，定期在iH5平台上制作并发布“五阿哥”新闻：
取得的阅读浏览量同比其他媒体H5要好：有十二个栏目作品阅读浏览量破万，剩余的都在五千左右；其中阅读浏览量最高的作品是《五阿哥丨肠道菌决定你的心情》，阅读浏览量高达4.2W。
1.2.新闻内页展示常见的新闻内页展示通常是以针对某个热点新闻或新闻的报道。就如澎湃日报推出的《年终回顾，习大大的2015》H5，针对15年年终主席做年终报告的热点新闻，把其2015的行程、政策颁布、两岸关系处理、未来发展规划等内容以视频嵌入式的新闻内页展示出来。
有趣的是，各路品牌的营销高手也看中了模拟新闻内页的H5形式，就连国民王爸爸的万达集团也来iH5掺一腿给万达的年会热点作了一个特刊H5：
其实他们在这H5发布前，早已印刷并发行了一份纸质版的报纸。但从达到的效果来看，模拟内页做出来的效果确实比纸质版报纸要新鲜得多，毕竟是可以掌握用户的视觉和听觉。
此类用于品牌营销的模拟新闻内页H5还有祝福红城在iH5制作的《红城日报独家头条》，主要应用了时间轴轨迹功能以及翻页效果。
1.3.互动传播对传统传媒报导的内容作拓展：无论是提高目标用户印象，还是要对报导内容作升华，H5都能很好地完成使命。
看看新闻针对两会上重点讨论的国家环保问题，在iH5上发布《换个姿势看两会》H5，该H5的起始页面运用画布功能，实现擦拭效果做出限时的小游戏，还给用户颁发环保称号，勾出用户对环保问题的重视，其后对新闻的每个重要发言人视频整合到单独的按钮上，整体新闻重心明确的同时，能给用户带来互动，利于媒体内容的传播。
1.4.发布招聘信息利用H5发布招聘信息，对比以往运用传统媒体发布招聘信息成本（制作成本、宣传成本）要低得多，而且效率比其高得很！
网易新闻用iH5制作了一个招聘用的H5《网易新闻招兵买马》。细看该作品的编辑舞台，总共只有七个页面，整体实现简单轻松。在后台统计的数据可以看到，该H5的阅读浏览量早已破万，其中比例最大的传播途径为朋友圈转发，比例高达70%，这也是H5的一大特色——便于用户传播。
据小编了解，目前媒体行业主要有三种类型的媒体在广泛应用H5进行配合宣传推广：传统媒体、网络媒体、媒体客户端。
二、哪些传统媒体在做H5？传统媒体大致包括：报纸、杂志、电视
2.1.报纸对H5的应用：就以典范的浙江日报和新京报为例，从浙江日报在iH5平台上的账号主页来看，作品的主要定位是数据报告以及为客户端引流。本来很枯燥的数据报告在H5中展示出来似乎达到了很不错的效果。
在其账号上发布的《夏宝龙的2016》H5，醒目的排版、内容由下至上出现的动效、清晰明了的交互提示等可视化的细节都大大的增加了其阅读性。
新京报的十二周年特别策划，除了报纸、客户端等专题报导，还有在iH5平台发布的《不忘初心》H5。该作品最大的亮点是时间轴以及页面嵌入视频/音频，把每个赠寄语的嘉宾排列成轮状。
通过时间轴轨迹功能，实现360°围绕圆心旋转效果，并设有相应的按钮点击进入相应嘉宾的寄语页面。这种文绉绉的寄语内容如果放在报纸或者客户端上，恐怕阅读流失率会处在一个相对高的水平。可当用具有交互功能的H5来展示寄语内容，便轻松地斩获8K的阅读量，效果显著！
2.2.杂志对H5的应用：在iH5作品栏目下有一个关于青马工程的微杂志H5，主要是采访参加青马工程的学生干部的总结。在对优秀学生干部的采访页面里插入采访音频，通过事件的触发来控制音频的播放和暂停。
2.3. 电视对H5的应用：这里所提及的电视指传统的电视节目，著名的晚间新闻就在iH5平台发布《创观察》特别策划作品，这个作品可谓是悉心制作，为了得到线条的指定性动向效果，单单刚开始的流程时间轴，每一个小部分都设置了10个左右的触发事件：
三、哪些网络媒体在做H5？
网络媒体大致分为：新闻网站、视频网站
3.1. 新闻网站对H5的应用在iH5里用户反响较高的作品就是搜狐财经出品的《2016中国经济会是啥形状？》，作品色调主要采用了暗红色，在用户打开作品时，页面的各块状素材会按时间差进入页面。
在尾页的客户端引流上还耍了点小心机，让用户绘画出自己心目中的中国经济形状。这么做的价值在于刺激用户分享以及把用户导流至客户端。
搜狐财经还出品了《两会民生账本》，作品除了参照上述案例的逻辑和排版，主要还应用了页面的翻页效果，增加用户在掀账本时的用户体验。
同样是新闻网站应用H5的作品还有：浙江新闻在iH5平台上发布的《全国两会大数据》
利用时间轴制作方块放大收缩效果，引导用户点击按钮查看拼车、养老、营改增、文化扶贫等民生问题，页面整体排版美观，色彩统一，尾页还附有上下内容衔接自然的跳转链接，间接性给客户端导流。
3.2. 视频网站对H5的应用下面这个场景大家可能有点熟悉，这就是前一期文章说过的“模拟手机场景+局部视频”的手机情景呀！
爱奇艺也是个套路boy，在《机智地观看跑男3是种怎样的体验》H5中，以app store的下载场景作为过渡（值得一提的是，这个过渡的场景爱奇艺也是下个功夫——用面板功能作垂直长图滑动，在人物介绍的地方也是如此），最后用嵌入局部视频的形式模拟手机APP播放界面。
芒果TV果然是脑洞奇大的湖南卫视旗下的唯一官方视频平台，其制作的《追星日记》H5脑洞也这么大，各路明星霸气侧漏！此H5除了看明星的颜值，创意、排版、动效也是恰到好处的，页面内容杂而不乱，华而不虚。
四、连新闻资讯APP也在做H5？
新闻资讯APP大致分为：官媒客户端、非官媒客户端、新闻聚合类应用
4.1.官媒客户端对H5的应用每日新闻是一个比较青睐H5的官方媒体，创作的H5类型小至新三板总评榜，大至欧洲杯观战宝典、15年GDP数据报告。
每日新闻在欧洲杯期间发布的欧洲杯观战宝典，在功能层面上主要运用了面板和滑动时间轴功能。小编觉得是在欧洲杯期间发布的众多关于赛程的H5里最具传播力的。
4.2.非官媒客户端对H5的应用网易新闻作为一个非官方媒体，除了上文提到的用H5作招聘信息的发布，还制作发布《谁将代表网易出征巴黎联合国气候大会》H5，携手联合国、发改委气候变化司、国家环保部组建强大态度评审团，联合网友共同选拔网易"态度青年"出征巴黎联合国气候大会。
4.3.新闻聚合类应用对H5的应用VIVA畅读是一个偏新闻聚合类应用的APP，其制作的H5主要以数据报告为主，以下面两个案例《睡眠问题，你多少有点》《全国出轨大调查》为例：
两个案例都是运用时间轴+动效功能来实现数据的移动效果，案例得到的内容展示效果显著，数据的展示有效且有趣，避免过于枯燥。
找茬类小游戏，主要是利用了计数器功能进行游戏倒计时，以及透明按钮和事件的交互逻辑，通过用户点击两个图的不同点时触发透明按钮下提示圆圈的显示事件。
如上所见，HTML5技术正在不断地影响着媒体行业，而越来越多的媒体也逐步青睐于H5的创作，甚至可以说H5已经渗透到媒体行业的方方面面，就如现在已在iH5平台里活跃的媒体行业用户：国务院客户端、中国新闻网、澎湃新闻、搜狐财经、新京报、浙江新闻等，都创作发布了不少优秀的H5案例。相信会有更多H5的应用形式被媒体行业的从业者发掘,势必能给媒体行业带来更大的创新空间，让我们共同期待吧！
