2016上半年，这 10 个 H5 曾经刷爆我们的朋友圈

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

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

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

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

那么这半年有哪些呢？ H5 曾经刷过我们的朋友圈？请看下面的盘点。

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

一句话评论：中国首个章节解谜系列 H5

慢公司豆瓣成立11年来首次发声。这个系列 H5 视觉调性和作为整个品牌活动的一部分 TVC、海报的统一，诠释了豆瓣 11 多年来微妙而不可替代的存在价值。由于内容量大，分为眼、耳、鼻、嘴、脑五章。小房间里的内容很重，充满了细节。

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

扫描二维码，立即体验！

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

豆瓣影音书年度总结，支付宝年度剁手总结，每个家庭都绞尽脑汁，在年度盘点上各出奇招。知乎 H5，深色背景，荧光绿色边框，简单的页面，整体设计成后台程序的感觉，但也不时跳出一个鸡蛋，令人印象深刻。信息量也相当大，对知乎事件和用户使用历史进行了详细的库存。有些事情你已经忘记了，但知乎一直在为你记住。

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

扫描二维码，立即体验！

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

今年年初，今日头条 H5利用大数据创造了人类的品味和温度，点燃了朋友圈。五组关键词的数据比较，辅以高质量、简洁的文案和图片，最终转化为每个人都能理解的 H5 呈现在大家面前。不同于每年春节的煽情鸡汤，这个 H5 用今日头条 3.5 1亿用户数据，创造事实暖心。

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°首先，但它并没有阻止它刷新的侵略性势头。画出来的恶棍会根据指令采取行动，新鲜的互动给人一种充分的参与感和惊喜感。围绕奥运主题的创造力，挑战自我的意义，使整个叙事更加完整和三维。虽然这是一款旧瓶装新酒，但场景创意仍然非常值得称赞。