Epub360、iH5、Mugeda,三款专业级H5设计工具详评
自2014年微信推广H5后,各式无需编程的在线H5页面制作工具层出不穷。H5设计软件大致分为两类:简易模板类与专业工具类。简易模板类如易企秀、Maka、初页、兔展、云来等,操作便捷但功能受限;而专业级H5设计工具,如Epub360意派、iH5、Mugeda木疙瘩等,能实现更炫酷的动画与交互,且具备强大的逻辑功能。本文将重点评述专业工具类H5设计软件,适用范围包括设计领域。评述要点涵盖初始使用感受、动画与交互、逻辑功能、数据功能与屏幕适配等。以下为对Epub360意派、iH5、Mugeda木疙瘩的专业级H5设计软件进行的详评。
一、初始使用感受:
1. Epub360意派:初次使用时,会感到其操作逻辑与PPT类似,容易上手。深入探索后,会惊喜地发现,通过不同组合,可以产生各种可能性,挑战用户的想象力。Epub360采用页面式元素分组,界面清晰,逻辑条理分明,适合复杂逻辑的设计。官网配有免费教程,适合初学者与高段位创意人士。Epub360还提供免费的教育版或媒体合作版权限账号。
2. iH5互动大师:初次使用时,会感觉较为陌生,需参考教程才能进行设计。iH5采用对象树组织元素,具有父子对象概念。在深入学习后,会发现其强大的功能,几乎能实现当前热门的动画与交互效果。然而,截至发稿时,iH5 3.0版本已停止更新,对免费用户不开放发布预览作品,售后支持有待提高。
3. Mugeda木疙瘩:界面专业,整体沿用Flash设计逻辑。对于有Flash、AE基础的用户,上手较快。Mugeda的动画与遮罩功能突出,但复杂的交互功能可能需要代码介入。整体定位为专业级动画制作云平台。
二、动画与交互:
1. Epub360意派:支持基本动画、动画组合、序列帧动画、SVG动画、视差动画、联动交互动画与状态组动画。提供动画快速复制粘贴功能,遗憾的是不支持遮罩动画。Epub360采用无时间轴动画设定方式,能实现复杂动画效果。
2. iH5互动大师:主要采用时间轴设定动画,支持关键帧、GIF序列动画、物理引擎动画、视差动画与联动交互动画。支持3D旋转动画与属性动画。滑动时间轴功能独具特色。
3. Mugeda木疙瘩:沿用Flash时间轴动画设定,支持关键帧、自定义路径动画与遮罩动画。Mugeda的遮罩动画功能最为出色,支持3D旋转动画与路径变形动画。联动交互动画通过关联动画实现。Mugeda还支持手机陀螺仪功能,实现旋转角度联动元素坐标动画。
三、逻辑功能:
1. Epub360意派:提供参数变量、全局变量、随机数、页面、元素、桢触发器与动画触发器等多种逻辑组件,方便实现交互效果。Epub360还提供条件判断组件,易于进行逻辑组织与管理。支持数据库功能,提供分享变量组件与系统参数检测。
2. iH5互动大师:主要通过计数器、变量、二维变量与数据库实现逻辑功能,支持数据存储、赋值及判断。iH5提供获取对象属性功能,支持对象克隆与跨屏应用,还具备cookie功能。
3. Mugeda木疙瘩:通过行为参数与执行参数表达式进行逻辑设计,侧重于动画交互逻辑。支持元素属性变化来设置交互逻辑,也提供API接口,支持复杂逻辑的代码实现。
四、数据收集与数据库:
1. Epub360意派:提供基础表单与高级表单功能,支持数据收集与后台查看、统计。Epub360的数据库功能强大,支持自定义字段、服务器端约束、数据表外链、多级过滤与关键词搜索,可实现社交类应用。
2. iH5互动大师:数据库功能同样强大,支持自定义字段与二维变量操作,实现投票、助力等H5应用。iH5还提供cookie数据存储功能。
3. Mugeda木疙瘩:数据功能较为基础,仅支持表单功能,但可通过代码补充实现复杂功能。
五、屏幕适配:
1. Epub360意派:提供特别的手机屏幕适配方式,引入出血线概念,确保内容不会被裁切。系统参数检测功能允许根据不同操作系统进行特殊优化处理。
2. iH5互动大师:提供自定义页面尺寸与响应式设计功能,但需要设计多套页面来适应不同屏幕尺寸。移动端适配效果一般,有些机型会出现内容被裁切或页面滚动问题。
3. Mugeda木疙瘩:默认采用宽度适配,垂直居中,但不提供相对位置处理机制。Mugeda支持多种适配方式,如高度适配、包含、覆盖与全屏集中显示,但不支持响应式功能与系统识别。
六、特色功能:
1. Epub360意派:序列帧控制、SVG动画、锚点、适配、相对位置与尺寸自适应、分享变量、逻辑判断、数据库、代码导出等功能。
2. iH5互动大师:对象树、滑动时间轴、设置对象属性、多尺寸响应、物理引擎、二维变量、跨屏应用、红包及支付、数据库等功能。
3. Mugeda木疙瘩:路径动画、联动、遮罩、API及代码支持、代码导出等功能。
七、总结:
Epub360、iH5、Mugeda各有特色,满足不同用户需求。Epub360操作快、功能多样,适合公司快速培养新人。iH5功能全面,学习门槛较高,适合用户构建新的使用习惯。Mugeda专业且开放,沿用Flash工作流,适合有Flash开发经验的团队。三款软件都能完成大部分高自由度的H5设计,用户应根据自身业务特点选择最适合的工具。此外,参考H5案例分享网站与H5说上设计作品,有助于了解三款软件的特色。
多重随机标签