H5页面制作工具排行榜，功能对比

国内的H5页面制作工具，一般指HTML5网页的在线编辑器——注意，是在线的，所以大多是一个包罗万象的网站。国外则多为离线软件形式，成品一般是打包的文件夹，最终成品基本需要开发者处理后才能发布。

然而，无论H5页面制作工具有多少服务上的差异，最后都是面向H5的生产。所以，检测这些工具好坏的标准很简单，看它们能做出什么作品就行。

(注：以下H5页面制作工具如不标注，均为网站类型。)

1、翻页H5

关键功能：图片、音乐、文本的简单替换

受众：H5体验者、互联网初学者

代表平台：初页、MAKA

支持平台：初页、微页、点点客海报、易企秀、MAKA、兔展、ME微杂志、场景应用、搜狐快站、、爆米兔、百度H5平台、、最酷网、iH5……

特点介绍：这种H5只支持翻页，有一些简单特效，属于最轻量级的H5页面。提供这类H5页面制作的代表产品是初页、MAKA，据说有很多小学生会用初页做家庭作业。因为实在不需要学习成本，做此类H5就和用傻瓜式相机拍照一样容易上手。

2、H5移动广告

关键功能：多媒体素材编辑、动效制作、表单采集

受众：新媒体运营、企业设计师、广告机构

代表平台：易企秀、iH5

支持平台：易企秀、iH5、兔展、场景应用、搜狐快站、、爆米兔、百度H5平台、最酷网……

特点介绍：H5移动广告的类型非常多样化，在国内也非常盛行，大部分和微信息息相关，微海报、微信邀请函、微信测试、微信小游戏。这种H5要简单可以很简单，就是移动版的PPT;要复杂也能非常复杂，比如杜蕾斯展馆H5，涉及很多多媒体素材的控制，滑动控制、素材属性控制等——另外，虽然它通过代码开发，但其实也能用H5页面制作工具设计。

工具对比：提供这类H5页面制作的代表产品是易企秀和iH5，易企秀的固定样式设计比较多，提供的表单是问卷式的，主要面向个人用户;iH5因为数据库应用支持较好，制作的自主性强，允许用户设计个性化表单，主要面向企业用户。

3、HTML5 PC广告

关键功能：多媒体素材控制、数据库应用

受众：各种类型的公司

代表平台： Web (国外，软件)

支持平台： Web 、Adobe Edge(国外，软件)、 Hype(国外，软件)、iH5

特点介绍：实际上，国内外支持HTML5 PC广告制作的H5页面制作工具，在这一块的功能都差不多，但国内内容的生产还是比不上美国。原因很简单，PC端广告一般嵌入第三方平台，如果没能打通生产平台和投放平台，设计出页面也没用。比如有 Ads平台提供强大的广告投放渠道，才是扶持Web 这种制作平台的关键。

4、HTML5大型互动广告

关键功能：多媒体素材控制、数据库应用、输入/输出设备响应

受众：广告公司、中型或大型企业

代表平台：无

支持平台：iH5、 Web 、Adobe Edge 、 Hype

特点介绍：近两年，HTML5广告势头越来越猛，逐步占领移动端和PC端网络广告领域。但在网络互动广告的工具化生产上，国内外还处于萌芽阶段。对于大屏户外广告而言，HTML5互动广告包括滑动触摸、触碰控制、扫码评论、扫码上传等多种互动形式，这些功能用代码开发肯定能完成，但其实发展比较全面的H5页面制作工具也能实现同等效果，只是我们需要培养生产这些内容的意识。

5、H5移动网站

关键功能：多媒体内容填充

受众：自媒体、媒体机构

代表平台：搜狐快站、iH5

支持平台：搜狐快站、iH5、、 Web 、Adobe Edge 、 Hype

特点介绍：和移动广告不同，这种H5不是用来在微信朋友圈传播，或在广告平台投放的，一般会挂靠在客户端或直接作为个人或企业主页，是资讯较丰富的页面。

工具对比：H5移动网站制作的代表产品是搜狐快站和iH5，搜狐快站以框架型的内容填充出名，所以经常被用来建设全站，用户主要偏向自媒体或个人;iH5的内容填充是自由拓展型的，因此被很多官方媒体用来设计资讯内页，如中国网、看看资讯、澎湃资讯、浙江资讯、每日经济资讯等。

6、HTML5 PC网站

关键功能：多媒体内容填充

受众：建站爱好者、中小型机构、各种组织协会

代表平台：Wix(国外)、 Web

支持平台：Wix、 Web 、Adobe Edge 、 Hype、iH5……

特点介绍：完全使用在线H5页面制作工具来建全站的，以个人为主，用软件做出来的页面可以导出项目包，商用性更强。毕竟在线制作工具的服务器是第三方的，即便成品做出来差不多，估计也没什么公司有胆量把官网完全挂靠在第三方平台上。

工具对比：HTML5 PC端建站比较出名的是Wix，是半傻瓜式的网页在线制作，建站速度快，模板也很丰富。Web 、Edge、Hype、iH5这些因为自主创作的空间比较强，更适用于对个性化设计要求较高的设计师，其中Web 有时还会用于企业网站的建设。

7、H5动画

关键功能：时间轴、关键帧

受众：动画设计师

代表平台：无

支持平台： Hype、iH5、 Web 、Adobe Edge 、……

特点介绍：很多人容易把动画和动效混淆，实际上两者差别很大，比如在H5页面工具中制作动画，就比动效的添加要复杂得多。下图是iH5对一个动画的编辑界面，从中可以看出，H5动画对于图片素材的数量、属性的变化要求比较高，近似于Flas *** 。

工具对比：对于动画设计师而言，H5一般是Flash的替代品，但现在复杂动画设计一般采用视频形式，用After 这些软件实现的效果更丰富。因此，虽然国内外有少数支持H5动画的平台，但H5动画的商用性和产量还比较有限。

8、H5游戏

关键功能：数据库应用、物理引擎

受众：游戏设计师、开发者

代表平台：(国外，软件)

支持平台：、iH5、 Hype

特点介绍：H5游戏的类型多种多样，一般都会涉及数据库应用(包括变量运算、数据存取和调用等)，稍微复杂的需要模拟物理世界，模拟物体在真实世界中的重力、碰撞、弹力等效果。重量级H5游戏目前还是需要通过开发者编写代码，高级的数据逻辑策略才能保证游戏关卡的多样化;但对于轻量级H5游戏的制作，少数H5页面制作工具目前已可实现。

工具对比：H5页面制作工具中，是游戏做得比较好的，还能把HTML5游戏转化为APP进行发布，主要面向有经验的开发者;而Hype和iH5比较相似，都支持物理引擎、简单的数据运算和存取功能，但iH5的数据处理能力更强，因此还能制作跨屏互动游戏，也能用来设计简单的信息管理系统。

9、所以，区别是?

除了翻页H5、H5移动广告、HTML5 PC广告、HTML5互动广告、H5移动网站、HTML5 PC网站、H5动画、H5小游戏等之外，还有H5互动电子书等形式，但其实关键功能差别不大，所以不再一一列举。

总的来说，国内H5页面制作工具偏向移动端，大部分是轻量级在线编辑工具;而国外H5页面制作工具偏向PC端，大部分是需要下载安装后才能使用的软件，功能更丰富些，但制作效率也会变低。

因为提供的基础功能广泛，其中比较特殊的是国内的iH5，虽然基于PC端网站，仍保持较广泛的应用领域。换句话说，iH5的制作能力与国外H5页面制作工具相当，近似于在网站上实现了软件的制作功能，更倾向于兼顾多功能页面制作服务和云服务的提供。