原型图设计工具对比

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

 

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

 

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

 

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

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

174293-1

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

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

174293-2

Balsamiq - 快速原型的建立软件

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

174293-3

每款软件都有各自的优、缺点,下面我们将从几个重要的方面对这些软件进行评估。如果有需要,可以点击这个链接(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)比之前任何一款软件都更简洁、更高效。它是一款无代码、易于理解的原型工具,其拖放选项可以让你轻松实现页面与页面之间的交互。通过结合使用“组”功能以及交互组件,你可以创建一个完全自定义的组件,且可以进一步地分组和编辑。

174293-4

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

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

 

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

共享功能

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

174293-5-700x268

 

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

沟通及存档设计

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

174293-6

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

结尾 - Mockplus推荐!

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

 

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

174293-7

 

 

 

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

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/12099/

(0)
yanz kontolyanz kontol
上一篇 2016-01-08
下一篇 2016-01-09

相关推荐

  • 别闹,你以为学个Axure就算懂交互设计了?

    前些日子在一个产品、交互设计交流群里,有几个初学交互不久的人讨论如何学习交互,不出意外地他们的讨论方向拐到了Axure、墨刀等交互原型制作工具的使用上。从他们的言谈中看得出,他们觉得交互就是做界面原型,做…

    2015-09-11
  • 在熟练使用2B铅笔前,请不要打开Axure

    在互联网产品领域,Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不设计”的恶习,忽略了用户故事、功能规格和信息架构,甚至走入“为了用Axure而用的误区”,导致了资源的大量浪费和产品的硬伤。因此,提醒为Axure着迷的产品经理:在熟练使用2B铅笔前,请不要打开Axure。

    2015-01-01
  • 【Mockplus教程】如何批量修改组件属性

    选择多个组件,在属性面板上面会显示这些组件的共同属性,而属性值为其中一个组件的属性值, 改变属性面板上面的属性后将应用到所有组件上。 以改变文字大小和颜色为例演示如下:

    2015-10-17
  • 设计师你的创作工具如何让你的2016充满惊喜?Chapter 1

    IAMUE官方微博正在送书活动:点这里参加 搜@IAMUE 原标题:如何让你的2016充满惊喜?|Chapter 1                                                                                                             …

    交互设计 2016-02-20
  • Justinmind 6.5 激活/破解 延迟使用时间FOR MAC

    Justinmind6.5 for mac延长试用时间 1、解压后获得jm6.5_cr.sh文件 2、打开终端(方式一:到“Lauchpad”中找到“其他”,里面找到“终端”点击打开;方式二:快捷键“control + 空格”,在“spotlight搜索”中输入“终端”启动…

    2015-05-28
  • 012.水平线、垂直线——axure线框图部件库介绍

    1. 将水平线、垂直线拖动到axure页面编辑区域,如图:  2. 水平线、垂直线相关属性设置 主要属性有、线条的颜色、粗细、线条的样式、箭头的样式 (本文出自萧何)

    2014-09-12
  • Justinmind权威指南:基础-Justinmind需求面板的使用

    Justinmind权威指南 之 基础-Justinmind需求面板的使用 ​根据Justinmind 中国官方合作机构hansky的介绍:Justinmind是“需求可视化工具”,能够为使用者提供全面的原型建模解决方案,通过该方案,用户可以在正式进行…

    2015-08-10
  • 如何做一个完全失败的UX设计师?

    人人都说,做一个成功的UX设计师是很难的,你认为做一个的完全失败的UX设计师就会很容易?然而事实并不是这样。如何成为一名彻底失败的UX设计师?至少,你需要做到以下几点。1. 不在乎用户反馈都说万事开头难,不过…

    2023-03-03
  • Axure官方教程中文版第6课:条件、值及变量-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(6).MP4 新建文件 1、添加一张图片和按钮 2、添加条件保证文本框不为空 3、文本框的变量值 4、添加打开“Page1”的动作 5、添加文本字段为空的第二个…

    2015-01-26
  • Axure中文教程:注释功能

    AxureRP将交互与注释说明功能放在了一个面版上,同时又针对整个页面有一个交互与注释说明。交互功能设置的是用户通过不同方式触发页面中元素或者载入页面时,发生的交互动作。而注释说明则用文字详细说明对应元素的细节或页面的说明。由于针对整个页面的说明和交互,与针对页面中某个元素的说明与交互在文档表现和生成的不同,而被分开,但是他们的实际功能是一致的,可以一起来说。这里主要讲述annotations,即注释说明,这个部分主要应用于后期的产品规格说明书的生成,详细可参见《AxureRP教程–生成规格说明书》。

    2015-01-01