H5页面制作软件评测:iH5,Hype和Adobe Animate
发布日期:2017-04-05 09:47:35
在H5的设计制作上,中国和美国的差距有多大?

大家知道国内有很多轻便型的H5页面制作工具,上手快、操作傻瓜式,却不一定了解国内外同类软件或工具的最高水准。

先透露一下答案吧——这可能是你没料到的,国内技术水平已经逼近美国,而且某些领域远远领先。不过客观地说,老美设计的产品,用户体验还是非常了得的。

下面以国内的iH5,美国的Tumult Hype、Adobe Animate为例,对比国内外顶尖H5页面制作工具或软件的区别。

一、iH5、Hype和Animate的应用对比

首先,中美差异的根源在于市场环境:

(1)国内由于微信H5广告的盛行,现在对移动广告制作有很高的市场需求。因此,国内制作工具的各种功能与服务,最终落地的往往是完整的广告页面,随之开辟出一条完整的生产线。

·          (2)国外则是随着多媒体巨头Flash 的没落,兴起了一股HTML5的热潮。Flash的主要用途就是动画制作、广告制作,因此国外的H5制作工具本质上是整合了Flash和网页制作的功能。

三个工具的基本差异如下——

比较后,你会发现iH5虽然是面向企业级服务的H5页面制作工具,功能和服务是完全搭建在云端的。

Hype属于轻量级的软件(只有12M),但因为是软件,开发上也多了一套轮子,可能因为团队精力有限,目前只出了Mac版。

Animate就不用说了,大牌Adobe的产品,实际上是Flash和Edge两款软件的合并升级版,界面功能什么的和Adobe 的PS、AI等老牌软件很相似——所以也很庞大,高达1G多。

因此,国内的iH5走的不是卖软件的路线,而是包年的云服务、配套的工具培训;而国外的Hype和Animate,卖的则是软件的单次授权、永久使用,不会包办发布网页所需的服务器部署。

H5页面制作软件评测:iH5,Hype和Adobe Animate

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

以下是iH5、Hype和Animate的界面对比(已作标注处理):

(1)iH 5 的主界面

iH 5 在国内的应用较广泛,因为界面与功能基本都是可视化的操作,并支持网页的发布,不需要二次开发。

它的结构比较简洁,只有 5 个分区。和Hype、Animate的界面有很多静态选项卡不同,iH 5 的属性面板是动态的,会根据用户选中的组件类型进行更新,所以使用上比较简便。

比较特别的是,它的资源面板(“对象树”)充当素材、页面、布局管理多种职责,设计思维倾向于把功能合而为一。

(2)Tumult Hype的主界面

Hype在 15 年的时候,在国内小火过一把,但现在好像没多少人在用,虽然它也是一款很厉害的软件。

Hype的优势在于它支持一定的可视化交互动作,虽然不是非常多。此外,它能实现自动化的响应式布局,对比iH 5 的响应式布局需要逐一定义设备,Adobe还得去下载一个另外的软件Muse来说,还是很方便的。

(3)Adobe Animate的主界面

Animate需要代码基础,属于可视化动画设计与便捷开发的结合,所以它其实全部为用户提供了动画、传统、调试、设计人员、开发人员、基本功能、小屏幕 7 种不同的界面。

Animate有利于H 5 动画或网页开发源码的快速生成与导出——而且不止HTML 5 格式,还包括Air、Flash等。所以它其实不是单纯地面向H 5 页面制作或动画制作,从它支持的模板也可以看出它应用上的复杂性。

国内一些成熟的开发团队会利用Animate一些便捷的可视化功能,进行H 5 的动效设计与开发,简化制作流程。

三、iH5、Hype和Animate的功能对比

从一个细节可以体现老美产品定位上和国内的区别。

Hype 3.6分标准版(50美刀)、专业版(100美刀)两种,其中专业版除了多一些制作功能外,操作界面的主题色比标准版多一种深色,还支持调整界面内的面板大小。

换句话说,他们的软件卖的不单单是功能,还有一种尊贵的身份、良好的体验。下面的功能对比通过 7 个维度进行分析,可以大概看出三者区别——

上面的指标表示该软件或工具支持的可视化操作,具体支持上会有一定差异,比如字体这一项,iH 5 支持平台预设的中文字体,Hype支持Google、Monotype字体,Animate支持系统字体。不打勾表示需要代码才能实现或完全不支持。

可以看出,三种工具都具备较强的多媒体编辑和动画制作能力。

(1)iH 5 在高级控制、动作管理这种交互操作上有较大优势,支持720°全景、微信语音识别、表单采集与处理、数据运算等偏可视化逻辑的功能。

它多被用于H 5 广告与交互式网页制作,可以直接发布为网页,也因为如此它主打的是云服务(出售网站流量)。

(2)Hype在页面管理这种布局设计上有较大优势,支持响应式布局、可伸缩的布局等偏网页设计的功能,可以让导出的内容具备良好的跨平台显示效果。

它多被用于交互式网页和电子书的制作,主打制作工具(出售软件授权)。

(3)Animate在内容管理这种图像编辑上有较大优势,有很多和Adobe系列套件重叠的组件。

另外,因为上面表格是以不涉及代码操作的功能为依据,所以可能看不出Animate在移动开发上的一些特性,实际上它的Action Script编辑器、Flash Builder 集成等功能对于页面开发非常便捷。它多被用于复杂动画、交互式网页制作。

最后,它们也各有各的“硬伤”。iH 5 的弊端在于导出格式比较单一,只面向网页制作;Hype的弊端在于缺乏组件化的高级功能,支持的元素和交互控制相对较少;Animate的弊端在于缺乏可视化的交互控制,很多高级功能需要开发人员介入。

四、小结

总的来说,国内的产品擅长“合二为一”,国外的喜欢“一分为二”,两者各有各的好坏吧。

(1)iH 5 这种“合而为一”的产品设计,有利于简化用户的学习与使用,去除很多视觉或理解上的干扰因素。但这也需要用户有较强的综合应用能力——比较符合中式教育擅长的概括总结性理念。

(2)Hype、Animate这种“一分为二”的产品设计,有利于功能的精细化,提升用户体验。但这也需要用户花费较长时间去学习、使用复杂的面板设计。

如果团队有比较成熟的开发者,用Animate省时省力;如果缺乏程序员或希望进一步缩减网页制作时间,用iH 5 比较方便;至于Hype,照目前趋势可能比较难有大的发展了。

上一记录:移动网站建设如何把握设计要点
下一记录:网站建设过程中的十大设计缺陷

一个好的移动网页是怎么设计的
一个好的移动网页是怎么设计的
Google 最近的研究表明,移动设备的用户更乐于再次访问适配了移动设备的网页。这意味着,你的网页在移动端也同样要做到界面友好。但究竟怎
2017-07-30 23:23:06
关于Web设计中的可用性决策
关于Web设计中的可用性决策
以下原则主要用在开放性的门户网站中,这类网站中用户流量较大,且用户注意力极容易被分散,这时一个Web页面的瞬间识别性直接关系到用户转
2017-07-29 00:02:34
网站建设之如何确定网站的设计风格
网站建设之如何确定网站的设计风格
我们都知道互联网发展是十分快速的,每一天都会有很多的新网站出现,但是网站那么多,要怎么让自己的网站变得引人瞩目呢?  在这里我们需
2017-07-21 00:03:00
网页设计中的图片的使用技巧
网页设计中的图片的使用技巧
图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何用好图片已经成为了一项
2017-07-11 15:05:47
手机网站建设如何使用分屏网页设计手法
手机网站建设如何使用分屏网页设计手法
曾经很多站长都说,如果谁抓住PC端流量谁就赢得盈利的先机,然而现在很多传统PC端网站站长都感到压力,就算把网站PC端做的再好,最终获得流
2017-07-05 10:18:34
网站建设之常见页面布局种类
网站建设之常见页面布局种类
网站是由很网页构成,网页设计成功副否也关系了整体的网站设计效果。那么你的网站到底要怎样做好页面布局呢?下面我们就一起看看常见的网站
2017-07-02 21:52:32
扁平化网站设计如何呈现出美学风格
扁平化网站设计如何呈现出美学风格
扁平化网站带来美学风格,现在已经变得一种设计风潮,扁平化网站设计由于大胆的用色,简洁明快的界面风格一度让大家耳目一新,再加入美学体
2017-06-30 15:56:32
营销型网站设计重点 为企业带来实际收入
营销型网站设计重点 为企业带来实际收入
互联网企业的发展在中国可谓是如火如荼,很多线下企业都致力于打造属于自己的营销型网站,一个好的营销型网站,不仅能够起到宣传和推广企业
2017-06-30 08:30:34
偏平化响应式网页设计指南
偏平化响应式网页设计指南
响应式网页是一种对于设计的全新思维模式,响应是双方的,是互动的过程,在这个过程中设计师要考虑设备的性能、Dom节点数量、屏幕的大小等
2017-06-28 09:20:20
网站建设中的哪些不当设计
网站建设中的哪些不当设计
网站作为信息互联网化时代企业品牌输出最重要的平台之一,对任何一家企业来说都有着很重要的意义和作用!  但不得不承认的一点是:大多数
2017-06-23 15:09:17
叶老设计
Copyright ©2015-2016 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案:湘ICP备16009065号
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设公司 长沙网站设计公司 网站建设公司 网站设计公司 长沙商城网站建设 长沙微网站制作