原型图设计工具对比

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

 

下面的软件对比分析将会对有此困惑的朋友有帮助。一直以来,原型设计领域的竞争激烈而且经历着飞速的变化,因此我们主要例举了三款具有代表性的软件, 包括: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

相关推荐

  • 原型设计里的线框图与原型是什么鬼?发展历程是怎么样的?

    备注:IxD是交互设计缩写。 UX是用户体验缩写 导读:本文作者Jerry Cao是UXPin的内容决策者,也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路,熟悉相关工具,以及完整的设计流程…

    2015-06-11
  • [桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

    1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按住Ctrl键,可以加速扩展或收缩。也可以直接把内容组件拖到…

    2015-11-12
  • Axure基础教程:产品流程图的制作方法详解

    一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法

    2014-12-31
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25
  • Justinmind 7.1.0 win&mac网盘下载

    自定义需求字段 如你所知,Justinmind企业版可以帮助你通过需求管理与所有设计团队打造智能商务解决方案。直到现在,你已经能够在你的原型中定义项目的要求。随着在Justinmind编辑的需求领域,用户已经可以定义需求…

    2016-04-13
  • Axure元素库 - icons_64x64 for Axure.rplib and PSD

      Hi,下载地址在这里!记得关注哦

    2015-07-21
  • Axure 7.0清空输入框效果

    本文中介绍这种带清空键的搜索框的设计思路和制作方法,供大家参考。 我们先来分析一下这种搜索框的交互逻辑。搜索框在获得和失去焦点时,清空键都将被隐藏;在搜索框中输入文字时,清空键将被显示,点击清空键,搜…

    2015-06-29
  • Mockplus原型交互跟我做之2- 旋转的风车

    再来看一个小例子,我们做一个旋转的风车。蛮漂亮,是吧? 这里只用到“旋转”交互命令。

    2016-01-18
  • Axure中文教程:格式设置详解

    AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所有的产品设计人员都懂CSS的。

    2015-01-01
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06