原型图设计工具对比

简介: 原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。

原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。然而,从中挑选出一款最合适自己的也不是一件容易的事情。

下面的软件对比分析将会对有此困惑的朋友有帮助。一直以来,原型设计领域的竞争激烈而且经历着飞速的变化,因此我们主要例举了三款具有代表性的软件, 包括:Axure, Mockplus还有Balsamiq。在开始之前,我们将对这三款设计工具逐一作个简单的介绍。

Axure & Mockplus & Balsamiq -简介及背景资料

Axure - 交互线框软件及原型工具

自诞生以来,Axure立马从众多软件中脱颖而出,并且一直引领着整个原型设计软件行业。这款软件具备强大的设计功能以及侧重于交互的工作区,且以势不可挡地形式继续扩张市场份额。最新的RP 7.0版本新增了很多功能,同时兼容MAC以及Windows系列操作系统。它的价格目前定在289美元到589美元之间,这对大多人来说并不便宜。

img_41d3ff24c52d72778623113fc3003daa.jpe

Mockplus -简洁高效的原型设计工具

Mockplus(https://www.mockplus.cn/)是Jongde Software LLC.(君德科技有限公司)旗下产品。它主张把用户体验放在首要位置,并且致力于快速构建和迭代原型,逐渐在原型设计领域异军突起。凭借简洁却不繁琐的功能,这款软件不仅在国内受到越来越多的产品经理、项目经理、UI设计师、程序员等用户朋友的关注、喜爱和支持,而且也吸引了越来越多的国外用户。

img_07dbb06f647e80026c5a4ce09363455f.jpe

Balsamiq -快速原型的建立软件

Balsamiq可以说是整个原型图设计领域中的行业标准。它既可当作插件,还可以作为网页/桌面版应用程序来使用。这款软件可以作为与用户交互的一个界面草图、产出低保真原型,从而实现最大可能的用户共享与反馈。目前它有三种不同套餐:Desktop,Google Drive和Cloud。值得注意的是,每款套餐都是收费的。

img_0936d27d490e3b70707211a611ef9991.jpe

每款软件都有各自的优、缺点,下面我们将从几个重要的方面对这些软件进行评估。如果有需要,可以点击这个链接(https://en.wikipedia.org/wiki/Comparison_of_software_prototyping_tools)来了解不同原型软件的比较图。

Axure & Mockplus & Balsamiq -软件对比及差异

交互设计

交互设计可以说是一个好的设计工具中最重要的组成部分,而原型生成以及线框交互性是其核心特征。下面以这三个工具为例,

l Axure - 最新的Axure RP 7.0推出了向量部件库,其易于使用的特性和稳定的调整仍将是一个闪光点。如果你碰巧是一个老版本的用户,那么很有可能你会在快速原型的设计中严重依赖组件库。此外,这些库不能继续扩展为载体,因此你会花很多时间来过渡到新的矢量库。

更值得注意的是,Axure拥有一个庞大的形状标准库,但其中大部分仍然看起来很简陋。通常情况下,我们需要额外引进素材或者对部件再次编辑,来适应当前的原型项目。很多模板和库都不是免费提供的,用户需要支付额外的费用才可以使用。同时,它的字体选择相当有限。

l Mockplus - Mockplus(https://en.wikipedia.org/wiki/Mockplus)比之前任何一款软件都更简洁、更高效。它是一款无代码、易于理解的原型工具,其拖放选项可以让你轻松实现页面与页面之间的交互。通过结合使用“组”功能以及交互组件,你可以创建一个完全自定义的组件,且可以进一步地分组和编辑。

img_2c816a48ed74538ca67c755327e32c27.jpe

另外一个亮点是扩展标记组件和图标,内置400多个图标及200个精心设计的组件。它的“顶栏+菜单+底栏”的组件让你可以轻松创建应用程序页,无需USB或者远程发布。其协作等功能可以把你的交互线框图进一步转化为让人赏心悦目的图片或者html原型。

l Balsamiq -它也是一款简单易用的工具,其粗略及低保真线框图注重快速设计功能和对话。它最大的亮点是可以让你创建可以点击的原型,从而达到可用性测试以及演示的目的。然而,它仅有75个界面组件,图标最多不超过187个,这些都远远少于Mockplus。

某些由经验丰富的交互设计师用来执行和管理的功能确实高效又快捷。但是,缺乏平移以及缩放的能力仍然会降低整个工作效率,同时也让这款软件不能成为大型项目的理想选择。每当模型高度增加的时候,你的背景图将会自动垂直拉伸,且不断占用的内存仍然是一个悬而未决的问题。

共享功能

说到基于云的协作,那我们就不得不谈一谈Axure了。它可以让你很快地跟项目团队其他成员分享原型作品。同时,你可以选择对当前的原型进行密码保护,或者在另一处制作一个备份文件。值得一提的是,之前的版本只支持“导出Axure到本地/通过FTP上传所有文件”,这是一个让大多数用户都感到繁琐和懊恼的过程。

img_d571ccca6cb015bfeb6d64288e84847c.jpe

Balsamiq也有一套共享控件(Mockups To Go),它是用户界面组件以及设计模式的集合。然而,就效率和简洁性而言,Mockplus是毋庸置疑的赢家。原型可以通过简单的导出选项来导出,并且发送到在手机上面与同伴共享,无需远程发布。

沟通及存档设计

Axure在这点上还有所欠缺。它包含一个规范文档生成器,用来将线框页面以及所有设计元素部件笔记导出到另外一个Word文档中。但问题也来了,该文档布局很依赖由Axure自带的.dot模板,要进一步自定义该Word模板也不是一件容易的事情。此外,打印Axure文件很难不会出错,Mockplus在页面大小、方向以及边距选项等方面遥遥领先。

img_8ca4c2e69253b2e603e14f1113fcba86.jpe

无论使用Axure或者Balsamiq,你都得事先仔细规划好原型,最好是把所有的页面以及设计元素都正确标记下来。如果没有提前规划好,或者原型中包含一些不恰当的标注都将带来很糟糕的结果。从这点来讲,Mockplus的自动备份功能将成为任何意外或者突发情况的救星。

结尾- Mockplus推荐!

总之,任何事情都有两面性。上述的原型设计工具(包括:Axure,Mockplus和Balsamiq)都有各自的优势和不足。然而,Mockplus绝对是那些期望强大的交互、文件共享及存档功能却没有技术背景的人的最佳选择。

除此之外,Mockplus的手绘素描风格,优化的界面以及全面的教程也处处彰显专业。最重要的是,它可以通过这个链接(https://www.mockplus.cn/product/mockup)免费下载,最新2.1版本很快就要发布了,很多新增功能值得期待!

img_502796b1d8851a7c3ff445ec104e38a9.jpe

来源:http://designrfix.com/web-design/axure-mockplus-balsamiq-wireframing-design-tool-comparison

相关文章
|
2月前
|
编解码 缓存 数据库
【软件设计师备考 专题 】编写内部设计文档:屏幕设计和数据库设计
【软件设计师备考 专题 】编写内部设计文档:屏幕设计和数据库设计
92 0
|
12月前
|
前端开发
原型图的设计使用
原型图的设计使用
|
12月前
|
数据可视化 前端开发 开发者
架构学习——原型图
架构学习——原型图
128 1
|
12月前
|
数据可视化 测试技术
教你如何做原型设计
教你如何做原型设计
159 0
教你如何做原型设计
|
数据可视化
【设计篇】35 # 如何让可视化设计更加清晰?
【设计篇】35 # 如何让可视化设计更加清晰?
60 0
【设计篇】35 # 如何让可视化设计更加清晰?
|
前端开发
前端工作小结15-原型图
前端工作小结15-原型图
92 0
前端工作小结15-原型图
|
前端开发 安全 vr&ar
提升生产力,7 款好用的原型图工具推荐给你
目前有很多 UI 设计工具可以帮助您设计用户界面,码匠这里分享 7 款好用的原型图工具。
590 0
提升生产力,7 款好用的原型图工具推荐给你
|
弹性计算 Kubernetes 网络协议
图表即代码:使用 Diagrams 制作云系统架构原型图
## 一、前言 昨天发现了一款非常不错的云系统架构原型图制作库 [Diagrams](https://github.com/mingrammer/diagrams "Diagrams"),通过它,我们便可以使用代码的方式绘制诸如阿里云、AWS、Azure、K8S 等系统架构原型图。 相比于在 UI 上对各种图标进行拖拽和调整,这种方式更符合我们程序员的使用习惯。 本文不仅要介绍下
2008 1
|
数据可视化 JavaScript 物联网
ThingJS之3D开发:如何做颜值高的设计?
不要把关于设计的这些内容看得太过严肃。
ThingJS之3D开发:如何做颜值高的设计?
|
Web App开发 移动开发 JavaScript
15款最好用的思维导图(心智图 )工具
  思维导图也叫心智图,是一项流行的全脑式学习方法,用来表示词,思路,任务或其他与围绕着一个中央关键词或想法项目的示意图。通过径向,图形和非线性的方式提出意见,思维导图鼓励头脑风暴的方法来规划和组织任务。
1624 0