在H5的设计制作上，中国和美国的差距有多大？大家知道国内有很多轻便型的H5页面制作工具，上手快、操作傻瓜式，却不一定了解国内外同类软件或工具的最高水准。先透露一下答案吧——这可能是你没料到的，国内技术水平已经逼近美国，而且某些领域远远领先。不过客观地说，老美设计的产品，用户体验还是非常了得的。下面以国内的iH5，美国的Tumult Hype、Adobe Animate为例，对比国内外顶尖H5页面制作工具或软件的区别。
工具/原料
iH5
Tumult Hype
Adobe Animate
iH5、Hype和Animate的应用对比
1、首先，中美差异的根源在于市场环境：（1）国内由于微信H5广告的盛行，现在对移动广告制作有很高的市场需求。因此，国内制作工具的各种功能与服务，最终落地的往往是完整的广告页面，随之开辟出一条完整的生产线。（2）国外则是随着多媒体巨头Flash 的没落，兴起了一股HTML5的热潮。Flash的主要用途就是动画制作、广告制作，因此国外的H5制作工具本质上是整合了Flash和网页制作的功能。三个工具的基本差异如下——
2、（2）Tumult Hype的主界面Hype在15年的时候，在国内小火过一把，但现在好像没多少人在用，虽然它也是一款很厉害的软件。Hype的优势在于它支持一定的可视化交互动作，虽然不是非常多。此外，它能实现自动化的响应式布局，对比iH5的响应式布局需要逐一定义设备，Adobe还得去下载一个另外的软件Muse来说，还是很方便的。
iH5、Hype和Animate的功能对比
1、从一个细节可以体现老美产品定位上和国内的区别。Hype 3.6分标准版（50美刀）、专业版（100美刀）两种，其中专业版除了多一些制作功能外，操作界面的主题色比标准版多一种深色，还支持调整界面内的面板大小。换句话说，他们的软件卖的不单单是功能，还有一种尊贵的身份、良好的体验。下面的功能对比通过7个维度进行分析，可以大概看出三者区别——
4、（2）Hype在页面管理这种布局设计上有较大优势，支持响应式布局、可伸缩的布局等偏网页设计的功能，可以让导出的内容具备良好的跨平台显示效果。它多被用于交互式网页和电子书的制作，主打制作工具（出售软件授权）。
小结
1、总的来说，国内的产品擅长“合二为一”，国外的喜欢“一分为二”，两者各有各的好坏吧。（1）iH5这种“合而为一”的产品设计，有利于简化用户的学习与使用，去除很多视觉或理解上的干扰因素。但这也需要用户有较强的综合应用能力——比较符合中式教育擅长的概括总结性理念。（2）Hype、Animate这种“一分为二”的产品设计，有利于功能的精细化，提升用户体验。但这也需要用户花费较长时间去学习、使用复杂的面板设计。如果团队有比较成熟的开发者，用Animate省时省力；如果缺乏程序员或希望进一步缩减网页制作时间，用iH5比较方便；至于Hype，照目前趋势可能比较难有大的发展了。
