中美在H5的设计和生产上差距有多大？

大家都知道国内有很多便携的H5页面制作工具，使用起来很快，操作起来也很傻，但不一定了解国内外同类软件或工具的最高水平。

先揭晓答案——这可能是你没想到的，国内技术水平已经逼近美国，有些领域遥遥领先。但客观地说，老美设计的产品的用户体验还是很不错的。

下面以国内iH5、美国Hype和Adobe为例，比较一下国内外顶级H5页面创建工具或软件的区别。

一、iH5、炒作和应用比较

首先，中美差异的根源在于市场环境：

（1)由于微信H5广告在中国的火爆，现在市场对移动广告制作的需求很高。因此，国内制作工具的各种功能和服务往往以完整的广告页面结束，其次是开辟一条完整的生产线。

·(2)在国外，随着多媒体巨头Flash的没落，出现了HTML5的热潮。Flash的主要用途是动画制作和广告制作，所以国外的H5制作工具本质上是集成了Flash和网页创作功能。

三种工具的基本区别如下：

对比之后你会发现，虽然iH5是一款企业级服务的H5页面创建工具，但它的功能和服务完全是在云端构建的。

Hype是一个轻量级的软件（只有12M），但是因为是一个软件，所以多了一套开发的轮子。可能因为团队精力有限，目前只有mac版本。.

不用说，Adobe的大牌产品其实就是软件 Flash和Edge这两个合并升级版，界面功能和Adobe的PS、AI等老牌软件很相似——所以它也很大，最多1G以上。

所以，国产iH5并没有走卖软件的路线，而是包年包云服务和配套工具培训；而国外Hype和是软件的单一授权，永久使用，不会安排发布网页所需的服务器部署。

二、iH5、Hype和IH的界面对比

以下是iH5、Hype和（已标注）的界面对比：

(1)iH 5主界面

iH 5在国内应用比较广泛，因为界面和功能基本都是可视化操作，并且支持网页发布，无需二次开发。

它的结构比较简单，只有5个分区。与 Hype 的界面有很多静态选项卡不同，iH 5 的属性面板是动态的，会根据用户选择的组件类型进行更新，因此使用起来相对容易。

比较特别的是，它的资源面板（“对象树”）作为素材、页面、布局管理，多重职责，设计思维倾向于将功能合二为一。

(2) Hype的主界面

Hype 在中国流行了 15 年，但现在使用的人似乎不多，虽然它也是一个非常强大的软件。

Hype 的优势在于它支持一定数量的视觉交互，虽然不是很多。此外，它还可以实现自动响应式布局。与iH 5的响应式布局相比，需要对设备进行一一定义。Adobe得去下载另一个软件Muse，很方便。

(3)Adobe 的主界面

它需要一个代码库，属于可视化动画设计和便捷开发相结合的，所以它实际上为用户提供了7种不同的界面：动画、传统、调试、设计器、开发者、基础功能、小屏。

有利于H 5动画或者网页开发源码的快速生成和导出——不仅是HTML 5格式，还有Air、Flash等。所以它不是单纯的H 5页面制作或者动画制作，还有从其支持的模板也可以看出其应用的复杂性。

国内一些成熟的开发团队会使用一些方便的可视化功能来设计和开发H 5运动效果，以简化制作过程。

三、iH5、炒作与功能对比

从一个细节上就可以反映出老美的产品定位与国内的不同。

Hype 3.6 分为标准版（50 美元）和专业版（100 美元）。其中，专业版的制作功能较多，操作界面的主题颜色比标准版要深一些。还支持在界面内调整面板的大小。

也就是说设计网站的软件adobe，他们的软件不仅卖功能，还有尊贵的身份和良好的体验。下面通过7个维度分析功能对比，大致可以看出三者的区别——

以上指标表示软件或工具支持的可视化操作，具体支持会有一些差异，如字体、iH 5支持平台预设中文字体、Hype支持、字体、系统字体等。未选中意味着代码需要实现或根本不受支持。

可以看出，这三款工具都具备强大的多媒体剪辑和动画制作能力。

（1)iH 5在高级控制和动作管理等交互操作方面具有很大优势，支持720°全景、微信语音识别、表单采集处理、数据操作等功能。

多用于H 5广告和互动网页制作，可以直接发布为网页，也正因如此，主要以云服务（卖网站流量）为主。

(2)Hype在页面管理的布局设计上有很大的优势，支持响应式布局、可伸缩布局等部分网页设计功能，可以让导出的内容有很好的跨平台展示效果。

多用于交互网页和电子书的制作，是主要的制作工具（出售软件）。

（3)在内容管理等图像编辑方面有很大优势，有很多组件与Adobe系列套件有重叠。

另外，由于上表是基于不涉及代码操作的功能设计网站的软件adobe，在移动开发中可能看不到一些特性。其实它的编辑器、Flash集成等功能对于页面开发来说是非常方便的。它主要用于复杂的动画和交互式网页制作。

最后，他们也有自己的“硬伤”。iH 5的缺点是导出格式比较简单，只用于网页制作；Hype的缺点是缺乏高级的组件化功能，支持的元素和交互控件相对较少；缺点是缺乏可视化交互控制，很多高级功能需要开发人员干预。

四、总结

总的来说，国内的产品擅长“二合一”，而国外的“一分为二”，各有优缺点。

（1)iH 5的“一体式”产品设计有利于简化用户的学习和使用，去除了很多视觉或理解上的干扰因素。但也需要用户有很强的综合应用能力——它更符合中国教育擅长的总体概念。

（2)炒作，这种“一对二”的产品设计有利于功能的细化和用户体验的提升。但是，复杂的面板设计也需要用户花很长时间去学习和使用。

如果团队有比较成熟的开发者，会省时省力；如果缺少程序员或者想进一步减少网页制作时间，使用iH 5会更方便；至于Hype，按照现在的趋势，可能很难有大的发展。