iH5、MAKA、兔展，可视化H5制作平台对比

自从14年H5火了后，一大批平台蜂拥式地进入了这个市场，短短几年间诞生了N个提供HTML5在线制作工具的平台/公司。如果将这些H5页面制作工具划分阵营，大致可以分为两类：模板拼装类、专业交互类。

这两个阵营的区别蛮大的，前者注重模板操作，弱化交互但提高制作效率;后者注重交互实现，强调交互的重要性，体现HTML5语言的开发目的。

其中：

模板拼装类以MAKA、兔展等为代表，使用简单，但基于现成模板修改，交互效果欠佳;

专业交互类以iH5互动大师、Adobe Edge Animate等为代表，提供齐全的交互组件，可以实现炫酷的交互，比如全景VR、物理世界等。

为避免竞品利益相关，以下内容全部采集于H5设计师的使用反馈，为大家评析上述提到的几个H5页面制作工具，仅供参考。

1.代名词

 设计师在使用某一款工具时，会不经意地对它产生“代名词”，比如Photoshop——专业做图。那么在设计师看来，以下这些H5页面制作工具的代名词是什么?

iH5互动大师代名词：专业交互。无论是去年由淘宝带火的“720°全景交互”，还是年末席卷微信朋友圈的密室逃脱、重力感应、物理碰撞，这些专业交互功能都可以在iH5实现，专业设计师群体占比大。

MAKA、兔展代名词：模板应用。模板使用比较方便，但很明显弱化了交互，绝大部分实现的效果都类比PPT展示，这可能会导致流失部分专业设计师。

2.开发目的

H5工具基本上是可视化了HTML5的开发过程，但由于每个平台的开发目的相悖(可能单纯出于便捷制作，也可能出于提供专业的可视化工具)，这导致其拿出手的工具性能产生明显的差距。

 iH5互动大师：封装DOM(文档对象模型)，以可视化工具还原HTML5的开发过程。形成类比于Photoshop的“图层关系”对象树系统，不同的元素间存在父子对象关系，层级管理较为方便。

MAKA、兔展：模板式封装，类似于小模块。可以理解为它们提供了模板，修改里面素材就可以用，但没有系统化的对象管理系统，只能以页面为管理单位，层级关系不太明确。

3.交互类型

iH5互动大师：高级交互，强化交互的作用，能实现各种炫酷的效果。特色交互功能有720°全景、物理引擎、时间轴、滑动时间轴、交互视频、多屏互动、数据库应用、图片序列、计数器等。

MAKA：交互方式主要为滑动翻页，侧重在PPT式的动效应用，有现成的表情包、素材包，但欠缺有效的交互功能。

兔展：交互方式跟MAKA相似，也是以滑动翻页为主、动效为辅，但动效体验上比MAKA更流畅一些。

4.营销深度

H5页面制作工具的使命，还是得回到营销上，而工具所具备的功能以及实现的效果，很大程度决定了它能应付的营销深度。

iH5互动大师：能实现很多复杂的动画效果以及交互，支持日常商用推广、品牌营销、节日造势、品牌招聘、企业网站应用等不同场景，能引爆百万级流量，适用于深度营销，特别适合有一定设计能力的专业设计师进行H5开发。

兔展：支持视频、拨号、留言、表单等交互，在邀请函制作上可能稍快捷，但达到的效果相比于iH5显得相对小众，作品体型比较平面，没有特别突出的亮点，适合快餐式的小众营销，能影响的人群有限。

MAKA：跟兔展类似，能完成的营销使命，现成的素材已经划分成“办公”、“教育”、“婚庆”、“旅游”等分类，H5形式比较单一，基本是掌上PPT式的展示。

现在国内HTML5市场逐渐趋于平稳发育阶段，市面上众多提供H5页面制作工具的平台基本能满足有H5页面制作开发需求的用户，制作自由度得到充分体现。

但在两大阵营——模板拼装类与专业交互类，仍存在一定差距。

假如想应付短期推广，可以使用使用模板拼装类工具，但对回报效果别抱太大期望;

假如想要用更高级的交互，以落实深度营销推广，建议选择使用iH5互动大师，这对于有一定设计、逻辑思维能力的用户，或者有深度营销需求的企业都是十分适合的。