邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

Axure vs InVision vs Mockplus – 原型工具综合对比,你会选谁?

Snow 2018-07-12 11:04:01 阅读:174

众所周知,原型工具的选择,对于UX/UI设计师是否能够更加流畅高效的制作,测试,迭代以及演示Web或App设计原型,影响重大。然而,要从现今市场上让人眼花缭乱的众多原型设计工具中, 挑选出即优质又适用的一款,并非易事。


作为UX/UI设计师的你,是否也同样面临着类似的选择问题?不用担心!无论你是刚入行的设计新手,还是经验丰富的老手,本篇文章,小编将结合设计师的具体使用经验,为大家介绍和比较Web或App设计中最常用的三款原型工具: Axure vs InVision vs Mockplus. 希望对大家有所帮助和启发:


Axure vs InVision vs Mockplus 产品原型设计工具简介


*Axure: 一款专业的快速原型设计工具


Axure-专业快速的原型设计工具


Axure是一款专业的快速原型设计工具。允许设计师为Web/App原型设计添加专业,详细的界面细节,动画以及页面转化特效。支持在线原型分享和评论。并为用户提供了丰富的界面部件库,以满足其各方面的界面设计需求。


然而,尽管Axure团队提供了大量的使用教程,但对于一些UI/UX设计小白或新手来说,学习和掌握这款软件,并能够自如地进行各类网页或应用UI设计并不简单。


*InVision:一款基于网页的在线原型设计和协作工具


InVision-基于网页的在线原型设计和协作工具


InVision是一款基于网页的在线原型设计和协作工具。 设计师可简单上传各种原型设计界面或部件图片(当然,设计师首先需要通过其他图片软件,比如Sketch或PhotoShop等绘制相关图片),为其添加热区,并根据演示需要,独自或协作制作完成多样的原型交互动画。


但是,由于此款在线原型工具并不支持界面或UI部件的直接制作或编辑,设计师更多的将其作为原型演示工具,而非原型制作工具,进行使用,以收集多方设计反馈。


*Mockplus:一款简单、快速的交互原型设计和协作工具


Mockplus是一款简单、快速的原型设计工具


Mockplus是一款简单、快速的原型设计工具。设计师无需过多学习,十分钟即可实现丰富交互原型的制作与分享。


Mockplus封装了强大的组件库、图标库(提供了超过3000个矢量图标)以及组件样式库(方便设计师简单,快捷地实现组件样式的收藏,复用以及分享), 以帮助设计师轻松实现各种类型原型界面设计。


Mockplus还提供丰富的交互设计和页面切换功能, 设计师简单点击或拖拽即可实现交互动画的添加。支持8种设计分享和测试方式,轻松搜集各种Web/iOS/Android原型设计反馈。


总之,以上三款原型设计工具,各有特色。设计师需要根据具体的设计需求和设计情景,理智选择。


但,具体应该怎样选择?选择的衡量标准又有哪些呢? 请继续阅读文章,了解更多细节。


Axure vs InVision vs Mockplus 原型工具综合对比,你会选谁?


阅读以上三款原型工具的简介之后, 还是无法做出正确判断? 希望了解更多几款原型工具之间的相同和不同点?好的!以下,小编将结合这三款原型工具的价格,团队协作,项目分享和评论,以及是否提供原型或页面模板等方面进行综合介绍和比较。希望对大家的选择有所帮助:


价格对比


价格,始终是决定设计师是否使用一款原型工具的首要因素。因此,这里先为大家进行价格比较。如图:


原型工具价格对比


团队协作功能对比


现今,团队协作功能,已成为设计师团队选择一款优质原型工具的重要决定因素之一。所以,这里也为大家分析和介绍这三款工具的团队协作相关功能。


*Axure


Axure支持创建Axure Share团队项目,并通过填写邮件的方式,邀请其它团队协作成员,加入团队,并在团队中分配不同的帐号权限。而且,所有团队协作成员都需要具有购买账号,才可加入。


Axure Share团队项目


在协作项目编辑的过程中,支持5种页面编辑状态(比如签入,签出,新建,冲突以及非安全签出等编辑状态),方便团队成员更加准确的判断页面状态,并作出正确的应对。如图:


协作项目编辑支持5种页面编辑状态


注意:由于Axure Share的服务器位于美国,对与国内用户来说,其团队项目加载和使用会非常慢。虽然,不久前推出了旨在解决这种问题的本地插件,但其真正功效如何,还有待考证。


*InVision


InVision也支持团队协作完成原型页面交互或动画的添加。每个团队支持最多5名成员,提供团队“成员”和“所有者”两种身份和权限设置。


*Mockplus


Mockplus同样也支持团队协作功能,并通过分享邀请链接的方式,邀请其他团队成员。


Mockplus支持团队协作功能


而且,其团队协作项目支持3种页面编辑状态: 红色表示页面正在被他人编辑,黑色表示页面无人编辑,而绿色表示自己正在编辑页面。不同编辑状态对应不同编辑权限,简单易用。如图:


个人版本的团队协作项目


此外,虽然其个人版本的团队协作项目,团队成员必须要拥有购买账号。但为方便公司或设计团队更加高效地协作,Mockplus团队还推出了全新的团队版(最多容纳5名成员)和企业版(最多容纳30名成员)。团队拥有者和管理员可根据需要,自由的添加或删除一些团队成员。 而且并非所有成员都需要购买账号,免费账号也可加入团队,共同完成协作项目。


团队协作和管理功能,对于更加高效的管理团队成员和原型项目, 也非常实用。


团队协作和管理功能


如图,Mockplus团队管理角色和权限划分详情。


原型项目分享和评论功能对比


原型项目分享和评论功能对于设计师来说也是一项必要的功能。所以,这里为大家简单介绍三款原型工具的分享和评论功能:


*Axure


Axure支持项目分享功能。用户点击其工具栏的“共享”按钮,即可向其他设计人员或用户发送生成的原型预览链接,进行分享,并及时收集各种反馈和建议。如图:


Axure项目分享功能


当然,为保证分享项目的安全性,设计师也可设置密码,对其进行保护。


Axure还支持项目匿名评论, 方便设计师收集反馈,并及时修改和优化原型项目。


*InVision


InVision也支持团队协作项目的创建功能。 用户点击其网页底部工具栏的“分享”按钮,即可实现。如图:


InVision支持团队协作项目


而且, InVision还支持在原型项目页面上直接添加评论,以提升团队沟通和协作效率,从而制作出更加优质的原型设计。如图:


 InVision支持在原型项目页面上直接添加评论


*Mockplus


Mockplus提供了8种原型测试和分享方式,比如导出Web或App原型项目为HTML5预览链接,HTML5离线包或可独立运行的演示包,或直接扫码,在移动端设备直接预览或测试等等。设计师可简单根据具体的设计需求和情境,选择适当的分享方式。如图:


Mockplus提供了8种原型测试和分享方式


Mockplus同时也支持项目的评论和备注功能。接收项目分享链接之后,用户在项目链接预览页面,直接点击 “评论及备注”选项,即可添加对应项目评论:


Mockplus支持项目的评论和备注功能


如若需要,设计师也可点击“评论及备注”旁边的“标注”选项,直接在添加页面备注或建议:



Mockplus还支持项目修改历史的查看, 方便设计师根据需要了解不同的设计反馈。


是否封装项目例子和模板功能对比


原型工具是否封装大量Web或App项目例子和模板,对于加快用户原型创建速度,更加高效地原型化用户设计理念,并及时进行测试和收集反馈等等,作用巨大。


*Axure


而这方面,Axure并未在软件内封装任何相关项目原型例子或模板。用户如若需要,就得花些时间,通过网络搜索并下载进行使用。


*InVision


而InVision 作为一款在线的Web原型工具,也无法封装进任何相关模板。但其团队专门创建了独立的UI kit网页 (名为“UI Kit TETHR”), 供用户搜索和下载各种UI示例和部件。但需要注意的是,由于其部分资源来自其他素材网站,并不是所有模板或示例都是免费的。


InVision 在线的Web原型工具


*Mockplus


而Mockplus, 作为一款致力于帮助用户更快,更简单实现设计理念原型化的工具,封装了大量Web/iOS/Android原型和UI模板,用户在创建各类项目文件时,简单点击“选择模板”,即可挑选模板,创建导入,并根据需要编辑和优化模板,加快原型制作过程,提高工作效率。


封装了大量Web/iOS/Android原型和UI模板


是否提供设计规范系统对比


设计规范系统虽然并未直接嵌入原型工具之中, 但它却与设计师原型项目创建和优化,密切相关,对于提升原型项目协作效率,保证Web/App风格以及界面界面一致性,发挥着重要作用。 因此,为方便大家选择,这里也大家对这几款工具背后团队所推出的设计系统进行简单介绍和比较。


*Axure


Axure到目前为止,并未发布任何相关的设计规范系统制作工具,供用户使用或选择。


*InVision


invision模块规范和素材


而InVision推出了 Design System Manager, 支持用户上传和管理“Color”,“Text Style”, “Icon”,“Component” and “Font”等5大模块规范和素材,并分享给其它相关设计团队,以提高协作效率。提供Sketch插件。


*Mockplus



Mockplus不久前也推出了全新的设计规范系统 —— Mockplus DS。支持9大设计模块规范和资源上传,分享,优化和管理(比如:Logo、 图标、图片、标准字、字体、标准色、度量、组件、阴影等),轻松满足设计师团队各种Web或App界面设计需求。支持对应文本字体样式CSS代码直接导出,实现设计团队与开发团队的深度交流和协作。此外,为方便用户更加快速高效的优化和使用Mockplus DS在线规范系统,Mockplus也推出了Mockplus桌面端原型工具和Sketch插件,实现工具与系统资源的同步更新。


总之,如若设计师希望能够简单,快捷地实现公司设计规范系统制作,管理,优化,以及分享,Mockplus DS无疑是不错的选择。


而且,如若设计师本就是Mockplus原型工具用户,拥有对应账号,则无需任何注册流程,直接登录,即可使用,并享有对应的团队协作和管理权限。


结语:


总之,无论创建哪种类型的原型项目,原型设计工具的选择都需要根据实际的设计需求和设计情境,进行选择。


简单的说就是,如若设计师希望通过一款专业的原型工具,尽可能多而丰富的展现Web或App原型的细节和交互设计,Axure无疑是最佳的选择。但是,当设计师已经通过Sketch或PhotoShop制作好相关的原型页面或部件,只希望添加一些简单交互,实现与其他设计师或开发人员之间的设计交流,那么InVision和Mockplus都会是不错的尝试。如若设计师希望能够简单,快速的地从头开始设计一款优质的交互原型,Mockplus会是你的绝佳选择。


总之,希望本篇文章解析的Axure vs InVision vs Mockplus 原型工具功能综合对比,能够对你选择一款优质适用的原型工具有所帮助。

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:477208695 加入QQ群

服务邮箱:service@jongde.com

咨询客服
置顶