原型工具Balsamiq Mockups介绍

Balsamiq Mockups是一种快速原型设计软件,可以做为与用户交互的一个界面草图,由美国加利福利亚的Balsamiq工作室(2008年3月创建)推出的原型图绘制软件,于2008年6月发行了第一个版本。它的使命是帮助人们更好、更容易的设计软件产品。下面是Balsamiq官方的说明:

Founded in March 2008, Balsamiq Studios aims to make the world a better place by helping people create software that is easier to use. Balsamiq is a fast-growing but still-very-personable software company. We like to compete on usability and customer service. Our first product is Balsamiq Mockups. Launched in June 2008, Mockups helps software designers and developers build great software by letting them easily sketch out their ideas, then quickly collaborate and iterate over them. Balsamiq Mockups has netted over $2,000,000 in sales in first 18 months of business and is gathering rave reviews.

Balsamiq Mockups是一款共享软件,每个lisence授权是70美元,对个人用户来说还是有点贵的。它推出之后如此受欢迎的原因是在软件产品原型图设计领域,特别是web原型图设计领域,还没有哪款产品有如此丰富的表现形式。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持iPhone手机元素原型图,这为开发iPhone应用程序的设计师提供了方便。

Balsamiq Mockups绘制的原型图。

Balsamiq Mockups的主界面。

Balsamiq Mockups主界面大致分为菜单区域、原型图分类区、原型图选择区和原型图绘制区。

在菜单区域,除了软件主菜单外,该区域还包括Quick Add(其实是一个搜索栏)和基本操作按钮区域。在我使用该软件的过程中,很多时候都会用到Quick Add,因为想在近一百个原型图中找到您想要的那一款,使用它提供的快速搜索功能是不错的做法。

在原型图分类区,Balsamiq Mockups为所有原型图分为9种不同的类别(有些原型图会出现在多个分类下)。比如,如果您想放一段文字在设计图上,您可以直接选择“Text”分类,在这个分类下很快就能找到所有关于文字的原型图。如果您是做web页面相关的设计图,“Buttons”和“Common”分类下的原型图应该符合您的需求。需要指出的是,原型图分类区的第一个分类是“All”,它下面包含了Balsamiq Mockups所有原型图(默认有76个)。

原型图绘制区,就是画草图的地方,它就相当于一块白板。您只需要把原型图选择区的原型图拖到这个区域来就行了。如果需要进行进一步设置,选中该原型图,然后,在其对应的弹出菜单中,进行相关属性的设置。如下图所示:

不同的原型图支持不同的属性,基本上包括颜色(背景色)、文字大小、文字属性(加粗、斜体、下划线)、层次结构、是否可用、当前数值等方面的设置。当一个区域的原型图太多时,为了避免鼠标点击到不想选择的原型图,可以对原型图进行锁定。

上面所介绍的是Balsamiq Mockups桌面版应用程序(需要安装Adobe Air运行环境)。其实,除了桌面版Balsamiq Mockups,它还提供了网页版的Balsamiq Mockups。网页版的Balsamiq Mockups是基于flash技术开发的,有兴趣的可以访问官方网站进行体验。

网页版的Balsamiq Mockups和桌面版的Balsamiq Mockups在使用体验上没有任何区别。不外乎也是摆放原型图,设置原型图属性等等操作。Balsamiq Mockups所提供的原型图是基于XML格式的,因此,跨平台使用不是什么问题。另外,除了以应用程序的形式提供给用户使用外,它还能集成在Confluence、JIRA、FogBugz、XWiki中。

由于Balsamiq Mockups是基于Adobe Air技术开发的软件,运行速度较慢,有时候拖动原型图会比较“卡”。另外,由于官方没有出中文版本的Balsamiq Mockups,这也让它在国内的推广受到一些阻力。不过,这些并不能妨碍Balsamiq Mockups成为一款优秀的原型图绘制工具。

官方网站:

http://www.balsamiq.com (外网)

官方视频介绍:

http://v.youku.com/v_show/id_XODY2NDAyODg=.html

 



无觅相关文章插件,快速提升流量

“原型工具Balsamiq Mockups介绍”2 条评论

page rank backlink | 2011-12-29 20:01 |

学习了,这个工具还挺好的

backlink popularity | 2012-02-8 06:51 |
commenter

这工具不错,挺方便的