注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

百鬼夜行

身是菩提树,心如明镜台,时时勤拂拭,勿使惹尘埃。

 
 
 

日志

 
 

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技)  

2016-08-23 09:02:48|  分类: HTML5CSS3WEBAPP |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

H5工具中,比较常听到的是易企秀这种以APP为主的移动展示工具。这种类型的H5工具,定位为手机PPT的在线展示,操作简单,个人用户较多。

  但从功能丰富度和实用性角度,国内属于行业顶尖的是iH5和意派两家,它们具有两个共同的基本特征:

  (1)提供HTML5页面的可视化编辑器;

  (2)通过电脑端网页在线制作,能一键生成链接。

  然而,两者在本质上有所差别,iH5偏向于底层交互,意派偏向于轻度营销。这两个区别表面看上去很简单,背后有什么深意?

[1张图] 用户的差别

  类比图像制作软件,可以简单地概括为:

  · iH5:H5界的Photoshop,以企业用户为主;

  · 意派:H5界的美图秀秀,以个人用户为主。

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技) - 禅静 - 百鬼夜行

  从上图可以看出,使用iH5的设计师,主要接受不同规模公司的定制需求,但也有部分个人用户。由于面向底层交互,iH5提供的功能都是基础应用类型的,基本替代了传统上由专业程序员编写HTML5代码的工作,更受企业青睐。因此,使用该工具的设计师一般处于品牌推广团队中,负责成品页面的实现。

  使用意派的设计师,大部分接受来自个人或小公司的制作需求,但也有部分企业用户。这种面向轻营销的H5工具,相当于把PPT实现的功能通过在线网页展示出来,交互思路以翻页为主,更适用于个人用户。但由于个人市场目前被易企秀这类更容易上手的APP所占领,意派所占份额实际比较有限。

[2-3张图] 功能的差别

  H5页面制作服务所需组件主要有四种类型:

  (1)多媒体:iH5比意派多6个功能;

  (2)容器:iH5比意派多6个功能;

  (3)数据应用:iH5比意派多7个功能;

  (4)特效:iH5比意派多8个功能.

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技) - 禅静 - 百鬼夜行

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技) - 禅静 - 百鬼夜行

  在上图中,标示Epub 360的四个彩色区域表示意派和iH5重叠的组件服务,灰色区域表示iH5独有的组件。

  意派在多媒体方面提供的服务与iH5比较接近,但在容器、数据应用和特效三个方面都不及iH5的二分之一。如果只计算意派不具有的组件服务,iH5比意派多27个组件,但由于两种工具部分组件存在交叉现象,从总量上看相差20个。

  为什么会产生这样的差距?

[4张图] 性能的差别

  在iH5独有的组件中,具有决定性作用的是“万金油”式的事件(组),能通过逻辑判断为其他组件拓展出无限种可能:

  · 手指按住屏幕的时间长短;

  · 手势擦除面积的大小;

  · 微信录音的开始或结束;

  · 数据提交次数是否超限。

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技) - 禅静 - 百鬼夜行

  上图是iH5在视频组件下添加一个事件时,配套的18种触发条件,表示能为视频做18种逻辑判断。

  是否使用事件机制,对工具性能有很大影响——

  (1)通过事件,iH5的设计师能对交互行为进行逻辑判断,并设计各种各样的反馈动作,比如设置视频播放到某一时刻时弹出广告。因此,用户能利用事件的组合,规定成千上万种“如果……就……”的反应情形。

  (2)没有事件,所有的组件都是割裂的,比如视频的播放只能局限在视频组件内部进行控制。这也导致意派有很多组件存在重复功能,因为每个组件的反馈机制基本是独立的。

  在事件的帮助下,设计师可以实现很多传统上必须程序员介入才能完成的交互逻辑。既然事件那么重要,为什么国内H5工具中只有iH5使用事件机制?

[5张图] 结构的差别

  实际上,iH5和意派的差别取决于工具结构上的差异:

  iH5:使用“对象树”管理资源,页面作为众多资源的一种;

  意派:使用页面布局,主要提供基于页面的翻页交互。

  下图为两个工具的编辑界面。

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技) - 禅静 - 百鬼夜行

  iH5以交互作为出发点,采用DOM(文档对象模型)结构,提供的组件基本是对象类型的,诸如屏幕、时间轴、数据库等。因此,用户能通过“对象树”对不同类型的组件进行管理,这也是事件机制可行的基础。

  意派则以模板作为出发点,采用页面结构,提供的组件基本是模块类型的,诸如相册、计时器等。实际上,这种工具相当于收集不同类型HTML5网页模板的源码,把它们拆解成不同模块,再分别开发成套件。因此,用户只能在预设格式的套件内调整内容,拓展性较低。

[6张图] 成本的差别

  从费用上来看,两种工具的使用成本也有所差异:

  iH5:所有组件的使用均免费,对4种服务按需收费;

  意派:7个组件的使用需要付费,对12种服务收取年费。

H5工具评测:六张图读懂iH5和意派 (HTML5行业资讯2016-02-16 18:37:03科技) - 禅静 - 百鬼夜行

  意派将账号分为体验版、基础版、专业版、企业版和企业增强版五种类型,在作品创建数量、存储空间、表单、数据应用等基础功能上均有限制,并对加载LOGO等服务进行收费,年费最高达59999元。

  iH5对自定义微信授权、自定义LOGO加载、调用第三方JS函数和作品嵌入第三方网站四种主要用于企业的服务进行收费,其中微信授权费用为1元/月,所有增值服务按年计最高为12012元,为意派的五分之一。

  虽然iH5和意派均提供基于云端的可视化编辑服务,但通过用户、功能、性能、结构、和成本五个方面的对比,可以看出两者还是存在很大区别。

  简单地说,意派属于轻度营销类H5工具,是通过利用HTML5的跨平台特性,把传统的离线PPT转换为在线展示;而iH5是以交互为思路的基础工具,能最大程度地取代程序员在网页设计中的角色。

  评论这张
 
阅读(30)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017