三大H5页面制作工具对比分析，iH5、易企秀和白鹭

2015年，国内H5页面制作工具以提供制作和开发工具为主，分为轻营销模板类（如易企秀）、功能引擎类和基础工具类（如iH5）三种。伴随这些平台的逐步发展，HTML5行业开始由技术应用转向整个行业的良性生态化。

H5页面制作工具的兴起

2014年，在微信平台的帮助下，HTML5社交小游戏获得爆炸式传播，同期为H5页面制作工具通过制作服务进入市场的起点。到了2015年，越来越多公司在HTML5网页的品牌推广上进行布局。

6至7月份起，鸡汤、自媒体等个人作品呈下降趋势，商企用户作品则保持高速增长。在商业需求的驱动下，HTML5页面设计的目的性更强，获得最好传播效果的基本是经过一定时间策划，在团队操作下有针对性地进行投放的企业案例。

相对应地，原有H5页面制作工具也进行了大面积升级。从平台性质而言，H5页面制作工具可分为轻营销模板类、功能引擎类和基础工具类三种，分别以易企秀、白鹭引擎和iH5为代表。

三类H5页面制作工具的特点如下——

（1）轻营销模板类

提供类似PPT页面切换的HTML5制作工具，通常面向C端（个人）用户，部分为B端（企业）用户。该类平台的数量较大，比如MAKA、初页等，只适用于轻度营销，所能提供的页面动态效果局限于翻页。

（2）功能引擎类

提供HTML5网页的开发引擎，通常面向B端用户。该类平台主要提供基于Canvas（画布）的游戏引擎，适用于轻游戏的开发，依赖于开发者。

（3）基础工具类

提供用于页面交互的HTML5可视化编辑工具，主要面向B端用户，部分为C端用户。该类平台只有iH5，iH5采用自主研发的闭源引擎，应用领域广泛，涵盖轻度营销、重度营销、媒体电商内容应用、视频、动画、游戏等方面。

轻营销模板类平台

轻营销模板类H5页面制作工具只能做轻度营销，能实现翻页等简单动效，分为场景展示、电子出版和动画制作三种。该类平台最大的共同点在于工具结构以页面为基础，与软件PowerPoint架构相近，能通过增减页面、使用功能组件和点击快捷菜单来调整内容。

易企秀的桌面编辑工具界面

2015年国内展示应用类市场份额最大的是易企秀，采用Bootstrap、Angular之类的开源前端框架。如图1为其PC端工具的基本架构，划有四大分区。它的分区设置分别对应着展示应用类HTML5工具的四个重要特征：

（1）嵌入编辑界面的模板，暗含较低的学习门槛。

在窗口中固定模板区，有利于强化场景应用或电子出版的设计定位，同时说明模板和工具的易用性较强，容易学习。

（2）菜单工具以模块组件为主，表示有限的可拓展性。

不同模块分别装有一组固定对象，单个对象无法独立出来，因此只能在模块整体中进行对象编辑操作。

（3）基本结构为页面布局，决定HTML5的交互效果以翻页为主。

展示应用类平台的桌面在线编辑器和移动APP工具一律使用页面结构，包括易企秀、MAKA、初页等。它们相当于借助HTML5的跨平台特性，把传统的离线演示文稿转换为在线展示。

（4）手机形状的输出工作台，可见基本面向微信应用。

输出区也提供素材的简单编辑功能，面向手机端主要适用于场景应用和电子出版平台，取决于市场对微信平台案例的较高需求。

展示应用类H5页面制作工具由于采取开源框架或引擎，自主开发能力有限，采用PPT的设计思路，某种程度上有悖于HTML5开发的初衷。但这类平台迎合了大部分个人用户的制作需求，能提供基础的在线展示功能。

功能引擎类平台

引擎相当于一套可编辑的源码系统，能让开发者在现成框架内快速创建项目。功能引擎类H5页面制作工具提供游戏和非游戏两种引擎，应用较广的是游戏引擎。

2015年国内发展较快的是白鹭引擎（Egret Engine），面向开发者，用于移动游戏开发。白鹭引擎属于2D游戏类型的开源社区框架，由各地开发者共同维护和更新，并遵循伯克利软件套件（BSD）开源协议。

引擎是HTML5工具的基础，预先部署合适的对象处理机制，常和工具套件配合使用。因此，白鹭引擎通过技术论坛等社区，整合国外一些开源框架资源，把它们包装成编辑工具或插件提供开发者下载使用。

白鹭产品Egret Wing软件设计师视图下的基本架构

Egret Wing面向HTML5移动游戏的开发，体现了国内游戏引擎类HTML5工具的三个重要特征：

（1）使用者主要为程序员。

引擎的作用在于把基础代码流程化，则在HTML5引擎的支持下设计软件，H5页面制作工具就能通过让用户使用软件组件来简化开发过程。因此，白鹭引擎类H5页面制作工具的用户专指性很强，主要是有开发经验的技术人员。

（2）提供可视化编辑工具。

由于基于第三方集成开发环境Adobe Air开发构建，从界面上看Egret Wing与Adobe系列软件很相似，但其实它的功能更接近于Eclipse等开发工具。因此白鹭可视化的并非资源对象的编辑，而主要为资源的管理。

（3）使用Canvas进行渲染。

HTML5的一个重要特性即引入元素和一些相关的图形绘制API，HTML5游戏开发使用Canvas，有利于渲染速度的提高。

由于主要面向开发者，加上游戏引擎仍以Unity3D、Cocos2D-X等非HTML5引擎为主等原因，2015年国内白鹭这类H5页面制作工具的市场份额较低。

基础工具类平台

基础工具类H5页面制作工具提供底层交互型产品，开发目的、设计原理和实现思路都以交互为基础，国内只有iH5。

iH5原名为VXPLO互动大师，提供HTML5制作工具、工具培训和作品交易等服务；iH5新网站于2015年9月上线，主要面向企业用户。iH5本质上封装了DOM（文档对象模型）引擎的一个集成开发环境，使用者以设计师为主，适合广告公司、大型媒体公司和公司市场部等使用。

（编辑：应用网_丽江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!