H5制作，有图和iH5，到底有哪些区别？

H5这个由HTML5简化而来的词汇，正通过微信广泛传播。H5是集文字、图片、音乐、视频、链接等多种形式的展示页面，丰富的控件、灵活的动画特效、强大的交互应用和数据分析，高速低价的实现信息传播，非常适合通过手机的展示、分享。也因其灵活性高、开发成本低、制作周期短的特性使其成为当下企业营销的不二利器，常见于企业宣传、活动推广、产品介绍、会议邀请、公司招聘等。

目前，能提供成熟的H5互动展示制作工具的平台有易企秀、有图、KAKA、兔展等，笔者有幸对比了有图和iH5两个平台，希望对大家有所帮助。

一、环境对比

iH5是一款仅支持PC端云端编辑的网页版H5工具，网页版的好处是不需要安装程序，随时随地打开网页即可使用，但坏处是经常会出现卡顿，加载不连贯，还有常常登陆不上去的状况。

有图采用C/S客户端技术，定位在面向专业人士和机构以及普通个人的全媒体自助创意设计服务平台，其好处是高效、安全，即使断网也可以工作。坏处是需要安装程序，用户觉得繁琐。

二、界面对比

iH5的界面大致分为三个工具条，感觉每个应用工具条下的工具和数据过于繁多复杂，简单来说就是功能分的太散，应该是后期更新追加的功能，这样就使得普通用户难以下手，界面视觉容易让人望而却步，如果新手又对各个工具不熟悉，很难做出想要的H5来。

有图软件界面比较简洁，但是简洁不代表简单，各个工具又简单明了，更适合于普通用户，大众用户，还有想节约时间成本的企业用户，整体界面更加直观明了。

三、学习对比

通过对这两款H5的使用，进行了一些学习心得，iH5是一款不容易上手的H5制作工具，内容系统很复杂，如果只是普通用户的话会束手无策，学习时间较长，应用难度较大；有设计经验的用户使用，也需要系统的学习，若想完成高尖端的制作需要花费的时间成本也是很大的。

有图H5，个人学习时间大概一两个小时就可以基本熟悉工具使用（本人是一名平面设计师），如果只是简单使用的话可以跟着教程走一遍，大概半小时就可以理解，有图的工具使用都比较简单实用，让人看名称就可以理解其应用功能，大大减少了时间成本，提高了制作效率，并且让新手用户不必烦恼软件学习。

四、工具对比

iH5由于工具较多，较复杂，出现了很多具有相似功能的使用工具，这就使得新手用户不知该使用哪个工具进行编辑了。

有图H5的工具分类简洁，且统一，这样也使得用户更加直观的对对应工具进行使用编辑，少走弯路，节省时间。

五、动画对比

iH5的动画主要应用“时间轴”与“动效”进行制作，优点是制作动画方式多，可以添加N个动效；缺点是需要时间轴与轨迹，事件等搭配，使用较为复杂，不太容易上手。

有图H5的动画使用进行了分类，分为：入场（开始），强调（“中场”或者叫动画使用中），出场（结束）三点，也就是说一个动画你最多只需要给某个动画加上开始时间效果，持续时间效果，结束时间效果就可以了，不用进行调节时间轴，这样制作动画就更加的简单化，条理化。

六、预览与发布

针对iH5的预览，进行过学习使用的我，觉得很不理想，预览麻烦，经常出现动画不能正常显示的BUG，文字对不齐，动效失常，加载缓慢的情况，发布后也会出现，这让人很难容忍，或者说用户做好的东西播放不出来，很令人头疼，并且预览不是单一页的预览，是全部页面的预览，观看过的又得重新预览很浪费时间。

有图H5的预览比较人性化，它分为“预览当前”和“从头预览”两个选项，这样就节省不必要的观看时间，增加了效率，并且其中的对齐工具可以保证文字图片的对齐方式与平均分布，更实用些。

以上就是我通过学习了“iH5”与“有图H5”总结出来的一些对比分析。希望对大家有所帮助。当然，正如前文所述，一个成熟的工具并无好坏之分，孰优孰劣，大家根据自己的具体情况选择最适合自己的才是王道。