「H5 烂大街」「H5 已经过气了」的声音不绝于耳，腾讯发布的《移动页面用户行为报告》中「分享率平均值仅为 3.93%」这一数据屡屡被提及，圈内一片唱衰。值得高兴的是，让人直呼惊艳的 H5 还是不断涌现： 技术更好地服务于创意，数据以更别致的方式呈现，人们对 H5 的理解更理性和深刻，H5 也打开了越来越多的行业新世界的大门。 那么这半年里，有哪些 H5 曾经刷屏我们的朋友圈？

这是一篇姗姗来迟的年中盘点。

进入 2016 年后，
「H5 烂大街」「H5 已经过气了」的声音不绝于耳，腾讯发布的《移动页面用户行为报告》中「分享率平均值仅为 3.93%」这一数据屡屡被提及，圈内一片唱衰。值得高兴的是，让人直呼惊艳的 H5 还是不断涌现：

技术更好地服务于创意，数据以更别致的方式呈现，人们对 H5 的理解更理性和深刻，H5 也打开了越来越多的行业新世界的大门。

那么这半年里，有哪些 H5 曾经刷屏我们的朋友圈？
请看下文盘点。

1、豆瓣：我们的精神角落 移动网站

一句话点评：国内首创的章节式解谜系列 H5

成立十一年，慢公司豆瓣首次发声。该系列 H5 作为整个品牌活动的一部分，视觉调性和 TVC、海报相统一，诠释了豆瓣 11 年来微妙且不可替代的存在价值。因为涉及内容量庞大，所以被分成五章节，结合了人类五感：眼、耳、鼻、嘴、脑。小房间里内容的堆砌感很重，充满细节。

2、知乎：我的知乎五周年 移动网站

扫描二维码，立即体验！

一句话点评：浓浓程序员风的年度盘点

豆瓣影音书年度总结、支付宝年度剁手总结，各家都绞尽脑汁在年度盘点上各出奇招。知乎这个 H5，暗色的背景，荧光绿的边框，简陋的页面，整体设计成后台程序的感觉，还时不时蹦出一个彩蛋，让人印象深刻。信息量也是相当大，对知乎大事记、用户使用历史都做了细致盘点。有些事你已经忘了，但知乎一直替你记着。

3、今日头条：为什么我们要回家过年？ 移动网站

扫描二维码，立即体验！

一句话点评：颠覆大数据给人的冰冷印象

今年年初，今日头条这个 H5 用大数据制造了人情味与温度，点燃了朋友圈。五组关键词的数据对比，辅以优质精简的文案与画面，最终转化为所有人都能读得懂的 H5 呈现在大家眼前。不同于每逢春节的煽情鸡汤，这个 H5 用今日头条 3.5 亿用户数据，创造出事实暖心。

4、腾讯网：2016年全国两会，李克强总理申请添加你为好友

一句话点评：时政新闻报道终于换脸了

借这个 H5，是想表扬一下政府机构和相关媒体在今年两会上的大胆尝试。今年两会涌现了形式多样的 H5，轻松活泼的内容放松读者紧绷的神经：「48 个代表神秘失踪」「傅莹邀你加入群聊」「你有一个来自李克强的红包」等等，虽然制作算不上精良，模拟微信界面仍有违和感，但也算相当的突破了。

5、ELLOTA艾洛塔：微信三维层层叠游戏

一句话点评：开启微信上全新的三维体验

微信小游戏已经烂大街，但三维场景如此酷炫的还是少见。这款游戏是艾洛互动在游戏策划这个领域的新尝试，概念源自 Ketchapp，看似简单的移植，实为重新开发。在该团队此后的作品中也能看到，已经逐渐形成独有的风格，技术驱动创意，为用户不断带去新的体验。

6、宝马：该新闻已被BMW快速删除

一句话点评：一气呵成营造超强现场感

从悬念性标题，到画面动效、听见的音效、紧凑的节奏，酣畅淋漓的体验让这个 H5 在放出后分分钟上了 10w+。前线网络团队曾表示，制作这个 H5 的初衷是让人看到些意外、有趣的东西，而剪接、声效、3d、后期等技术的运用，也很好地传递出了 BMW M2 叛逆、特立独行的个性。

7、侠隐江湖：一个翻滚的H5——只要功夫深 撩妹100分

扫描二维码，立即体验！

一句话点评：首创「翻转手机进行切换」新玩法

古装武侠风格的画面，配上浮夸的剧情和动作，一登场就注定是个有故事的 H5。这款 H5 共设置了「凡人模式」「大侠模式」两种，这两种模式切换的秘诀，就是「翻转手机」——这也正是它的牛逼之处，互动方法简单新颖，仿佛拥有了上帝视角。

8、淘宝造物节邀请函来了！我们都在造，你造吗？

一句话点评：带有重力感应的插画全景世界

用常规的 CSS3 技术，原来也可以模拟出酷炫的 VR 效果。整个界面像一个神奇万花筒，好像掉进了无尽黑洞，视觉震撼得无法自拔。另外，这种技术据说是首次被运用在插画上，炫目，让人眼花缭乱，也给人一种完全不同的新鲜感。

9、NEXT IDEA×故宫：大明皇帝除了会唱 Rap，还能有多魔性？

扫描二维码，立即体验！

一句话点评：皇帝变身 Rap 潮男还大玩黑科技

很多人都知道故宫淘宝爱耍宝、脑洞大，不过跨界找腾讯打造出这么个充满冲突感和细节感的鬼畜 H5，还是掀起了一股刷屏风。Rap 歌词很有趣味性，配上恶搞老朱家族的画面，在「模仿微信界面」的基础上又玩新花样，有很强的阅读吸引力和分享驱动力。据统计，该 H5 短短 10 天内浏览量突破了 347 万。

10、361° ：我给你画了个动画，看完可别哭啊！

扫描二维码，立即体验！

一句话点评：画了个小人，竟然还动起来了

有人指出这个 H5 中的「扭曲动画技术」非 361°首创，不过也没能挡住它刷屏的汹汹气势。画出的小人会根据指令做出动作，新鲜的交互给人十足的参与感和惊喜感。围绕奥运主题的创意，挑战自我的寓意，让整个叙事更完整立体。虽是旧瓶装新酒，场景创意还是非常值得称道的。