国产正大举进入之时网络

H5 是如何从一种页设计语言变成你朋友圈的日常？ 市场发明家

2014 年 10 月，在万维联盟更新 HTML 5 标准的时候，并没有得到大众的关注。页设计标准这件事听上去和普通用户有点远。

但在朋友圈广告植入、各路商家的促销优惠，甚至是公司的宣传文案中，这种动画效果丰富，适合电脑屏幕操作的页设计语言，连同它的简称H5一起火了。

其中一个具有病毒传播效应的 H5 就是神经猫。这个在 2014 年上线 H5 小游戏从画面到操作方式都很简陋：一只长相奇异的人形猫向屏幕边缘移动，玩家用手指点亮屏幕上的圆点封堵道路。根据封堵情况，猫也会调整自己下一步的路线。

抓住了神经猫，玩家便能转发到朋友圈炫耀自己的成绩。在上线 2 天后，这个简单的小游戏就吸引了 1000 多万次点击。

围住神经猫

那年情人节，内衣品牌维多利亚的秘密也曾传播过一个 H5 营销页面。交互方法在当时看来很新鲜，就是在屏幕上呈现了雾化效果画面，人们可以用手指擦去屏幕上雾水看清内衣模特的照片。就凭这简单交互，这个 H5 在 12 小时里，在里获得了 11 万次转发。

为维多利亚的秘密设计 H5 页的就是云来公司，当时，他们的 H5 生意才刚刚起步。云来北京分公司的负责人邵琦告诉《好奇心》，在随后的一年时间内，他们还给特斯拉、海尔、创维等多家大公司做过类似的 H5 营销页面。

维多利亚的秘密 H5 首页

不过真正让 H5 被更多用户接触的，还是今年春节期间支付宝和里的抢红包大战。仅除夕当晚，人们收发的红包的总量就达到了 10.1 亿。而抢红包的页面用的也是 HTML5。

今天，H5 现在已经成了企业的常用营销方式。连自己植入的广告业开始用 H5 页面了今年年初朋友圈刚推出广告业务的时候，展示的还只是九宫格的照片而已。

HTML5 不等于我们平时说的 H5，但它们也有关系

HTML5 是一种页制作标准，不过当我们日常在谈H5的时候，更多的是在说适合手指在屏幕上滑动操作的页。

在 2007 年的第一代 iPhone 推出之后，触屏屏幕，以及其带来的点按滑动等交互方式逐渐成为了智能交互的主流。

回想一下 PC 以及智能还都配有键盘的时代，我们在页端的交互还是主要靠点击完成，浏览体验十分糟糕。而在 2008 年开始推出的、支持触屏页的设计语言的 HTML 5 刚好赶上了移动互联这个起点。可任意用滑动来操控页的方式，和在智能应用上进行操控的方式很类似。而随着 iPhone 和 Android 触屏的普及，HTML5 也慢慢成为移动页制作者的选择。

虽然我们在朋友圈看到的很多 H5 作品可能简单到只是带声音的幻灯片，但它们确实用到了 HTML5 的功能，比如内嵌声音播放或者随着手指在屏幕上的滑动翻页。

在 HTML5 之前，实现类似的效果需要用到 Flash。但这种对硬件性能要求较高的技术一直没能在上火起来，特别是 2010 年乔布斯宣布永远不会在 iPhone 上用它以后。

现在，就连原先的 Flash 大户视频站，都在上支持 HTML 5 标准。

为什么 H5 只在中国火了?

不只是 Facebook、Twitter 见不到 H5。确切的说，H5 只在火，连微博上都很少能见到。

全球主流的社交络，大多同时为电脑和而准备。不论是中国的 空间、微博，还是海外的Facebook、Twitter 都是如此。所以页开发者还需要兼顾产品在桌面端。

试想一下如果你在电脑上打开一个页，会希望页面上显示这点信息，然后拖一下鼠标翻一页么?

大众点评制作的H5 ：我们之间就一个字

通过鼠标点击的精确操控也和手指滑动的操作有很大的区别。此外屏幕比例、浏览距离等因素，也决定了桌面版的设计会和上完全不同。

就连自动发出声音，在电脑上都被认为是一种不友好的设计。

相比之下，从一开始就是只为而生的社交络，推出几年后才能在电脑上面用到它，而且你在电脑上既看不到之前收到的消息，也看不到朋友圈。

为制作页，设计师只需要考虑怎么为屏幕进行页面设计，而不需要考虑桌面端打开的效果。

这和在 PC 上做一个页有很大的不同。在桌面端，你一般需要做一个完整的、含有有用信息的站不断更新，希望别人收藏，搜索引擎也能给予更加靠前的排名。而在朋友圈里，传播再也不需要通过搜索引擎，而是其他好友的推荐，所以做的页足够细致、足够小、让人印象深刻，反而对传播更有利。

于是我们熟悉的 H5 就这么来了。

游戏全民突击的营销页面：吴亦凡即将入伍

这也是为何企业都喜欢用 H5 来做宣传。他们只需要找到一个足够吸引人的点做个 H5 小游戏，就可以达到企业宣传的效果。在腾讯的吴亦凡即将入伍这种模拟来电设计火了以后，类似的作品也在朋友圈当中快速传播起来。

火了之后，制作 H5 变简单了

现在做个 H5 有多简单?我们试了一下(请点击)：

关于本文的 H5 页面

这是我们花了 25 分钟做出来的 H5，根本不需要什么编程技巧。只需要做 PPT 那样贴上图片和文字就可以了

。

而在 H5 制作这个产业链里面的公司也越来越多：云来、易企秀、秀米、Maka、意派这些创业公司都想让 H5 页面制作更简单，更傻瓜化一些。

这些 H5 制作工具原理都大同小异：不需要设计基础，不需要看代码，甚至还不需要装软件，在页里面拖拽图片和文字就好了。尽管做出来的效果不一定那么漂亮，但至少极大降低了 H5 制作的成本，也让我们的朋友圈里面那些奇怪的企业 H5 宣传页面多了起来。今年，广州的东华寺也开始用云来做了 H5 招聘僧侣，结果收到了 4000 份简历。

除了企业用户之外，甚至还有普通用户开始用这些工具做 H5。易企秀创始人黄金告诉《好奇心》，原本开发版制作工具，只是为了让企业用户能方便的管理 H5 里收到的用户表单。结果发现，许多人在夜里和周末都在使用它。

年轻用户会出于玩的目的使用它。这给朋友看挺炫酷。黄金说。尽管他们主要做的还是针对的是中小企业的营销服务，不过多一点用户宣传品牌总是好的。

云来的邵琦在采访中也表示，普通用户的大量使用(云来的端)，反过来也让企业意识到它(H5)的潜力。这是一个因果循环的过程，但对于普通人而言，结果就是朋友圈里的 H5 越来越多了。

据黄金介绍，易企秀自其去年 10 月上线页版以来，至今累计用户数已达千万级别，每天都会有 10 万作品诞生。而在今年春天，易企秀上产生的作品也只有 万。

随着制作工具的传播，几乎什么内容都被做成 H5 了。稿、邀请函、心灵鸡汤、营销活动，甚至世纪佳缘今天发的财报，为了传播，也都做成了上滑翻页 H5 页面。

看上去，H5 不会停在中国

H5 现在虽然只在上流行，但它的未来可能不只是中国。

今年 4 月，Facebook 也将旗下的即时聊天的软件 Messenger 也正在向看齐，应用内除了聊天功能之外，也有开让企业入驻的开放接口。而在此之前，聊天软件 Line 和 Kik 也开始给商家提供入驻的接口。

如果这些海外社交软件形态上越来越像，或许 H5 也一样会在海外市场上疯狂的传播。有一些创业者瞄准了海外机会，易企秀就在今年 10 月推出了针对 Facebook 的海外版 H5 制作平台，目前用户数已占到了总用户数的 5%。

H5 流行的背后，其实是是越来越封闭互联。H5 本来是一种依赖高度封闭的社交络传播的内容。社交络可以帮助更多的内容快速的传播，越大越封闭的社交络，效果越好如果不封闭，信息大量出现在微博之类在电脑上浏览的社交络，H5 的体验便无法保证。

此外，H5 制作者也把对内容的控制权转交给了社交络本身。现在已经对 H5 的内容进行监控，对于朋友圈传播量大但又没有向支付广告费的页面直接封杀。

互联发展这么些年，到最后话语权又重新集中在少数几个社交络手中。

宝宝不消化吃什么3岁小孩不爱吃饭怎么办薏芽健脾凝胶吃法山东治疗癫痫病方法

怀化治疗癫痫病医院

治疗勃起功能障碍的好方法

什么原因导致白带增多

新生儿黄疸是什么症状

小孩健脾怎么调理