我喜欢Balsamiq Mockups的三大理由

“喜欢一个人需要理由么？”
“不需要么？”
“需要么？”
——《大话西游》

对于一个只有3、5个人的小团队，在时间很紧的情况下，文档什么的肯定是能省则省啦。不过，有两个文档是绝对不能省的。不但不能省，还要尽全力把它们做好，并且保持更新。这两个文档就是：使用Power Designer制作的数据库模型（或者想要更高级些，领域模型），以及界面原型。
      制作界面原型的软件，我最喜欢的是Balsamiq Mockups，一个手绘风格的、轻量级的小软件。我喜欢它的理由是：
      - 快——它能让我以最快的速度把界面原型画出来。
      - 手绘风格——用它画出来的界面是不折不扣手绘风格，很酷。
      - 都是现成的——它已经内置了常用的控件和图标，基本够用了。

快

如果绘制界面原型所花费的时间跟实际编写页面差不多，那我还不如直接去编写页面好了。可是看看大多数界面原型工具是怎么做的吧：比如我想要添加一个Grid，它们会要求我把Grid控件拖放到页面上->右击选属性->进入“Columns”Tab页->点击“Add…”按钮->输入列名称->输入列宽度（当然，你可能并不精确地知道到底该有多少像素，谁管你？）->确定。嗯哼，这只是添加了一个列而已。之后再重复这个过程10次，把该添加的列添加进去。这时可能会不爽地发现有5个列的宽度不合适，而更不爽的是，你发现它居然不支持用鼠标拖拽改变列宽度，只能再去点N多次鼠标找到那个列宽度属性文本框，修改宽度像素值，然后再点N多次“确定”才能预览到效果……别的软件要钱，这个软件要命啊。
如果在Balsamiq Mockups里拖拽一个Grid……

如上图所示，只要一口气写完有些Wiki风范的一段代码，一个Grid就搞定了。
Menu和Tree也类似，如下图所示。

但是，如果需要绘制一个由N多由Label和TextBox组成的表单，还是得一个一个地拖拽控件，设置Label的文字，还是挺麻烦的。不过，由于Balsamiq Mockups的文件是很简单的XML格式，所以还是有偷懒的方法可想的。

手绘风格

手绘风格看上去有些“不正经”？不太好看？恰恰相反，在原型阶段，手绘风格可以强迫设计者和客户把注意力集中在程序的功能、布局和交互上，这样你就不会听到客户说“这个按钮的颜色我不太喜欢……”。为了保证完全的手绘风格，Balsamiq Mockups甚至为Image控件提供了一个非常方便的将图片转换成手绘风格的选项，如下图所示。

都是现成的

Balsamiq Mockups是一个很简单的小软件，功能不多。但是，在控件方面，它可是下足了功夫，不但内置了所有常用的控件，而且每个控件的属性都经过精心的设计，既不复杂，又涵盖了必要的功能，出来的效果也很精致。内置的图标库也很不错。不需要到处搜集第三方控件库，不需要安装插件，绝对省心。当然，从另外的角度，这也是个缺点——当它的控件库不能满足我们的需要时，又不能自己定制，就只能干瞪眼了。

小结

所谓可用性设计，首要的任务，是要深刻理解用户是如何以及为什么使用你的软件。否则，即使每个功能看上去都合理、严谨、强大，整体上却可能让用户抓狂。

Balsamiq-Mockups-Introduction.html相关推荐

Working with Symbols （在Balsamiq Mockups中复用自定义控件和页面模板）
这篇文章是Balsamiq Mockups网站<Working with Symbols>的译文. 原文在这里:Working with Symbols Symbol是Balsamiq M ...
Balsamiq Mockups --- 产品设计的利器
产品人员,经常需要与leader以及各部门(技术.UED)讲解自己的功能设计,常有一些功能用原型或者草图方式更加容易让人理解.用过Visio.Axure,都觉得比较复杂,因为产品人员主要展示功能点,交 ...
超好用Web草图工具Balsamiq Mockups
Balsamiq Mockups是一款另人爱不释手的Web草图绘制工具,简单易用,能轻松地绘制出Web界面原型,托托拽拽就能搞出可爱的界面来,不说那么多,看看截图就知道了. 就是这么爽! 软件虽好但不 ...
超酷的界面原型设计工具Balsamiq Mockups
Balsamiq Mockups是一个Flash应用程序,你可以通过这里进行在线试用,也可以下载到本地计算机上进行使用. 在线试用的地址:http://www.balsamiq.com/demos/m ...
注册Balsamiq Mockups
注册Balsamiq Mockups 工具下载链接: https://pan.baidu.com/s/1x5VTe16LYYD-DqdQ7b9K2Q 提取码:fi0o [注册码](任选其一) Name ...
Balsamiq mockups
今天在掘金上看到一篇文章,发现他用的图不错找了下出处,developer-roadmap 使用的Balsamiq Balsamiq Mockups是一种软件工程中快速原型的建立软件,一个手绘风格的. ...
Balsamiq Mockups完全手册
Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在 2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评.2年多来,Balsamiq工作作为一个微型 ...
Balsamiq Mockups 入门教程
软工老师上课提到了一个非常神奇的作图软件叫Balsamiq Mockups,用于展示软件项目的UI界面,整体上来说作图过程和PPT十分类似,很容易就能学会,今天我们就来熟悉一下这个软件吧~ ~ 1.软 ...
Balsamiq Mockups 产品原型图绘制工具的破解和使用教程
说实话作为一个前端,会不会这个软件都是没事的,毕竟这个是经理才可以用到的软件,科普一下,Balsamiq Mockups是一款美国加利福尼亚一个工作室在2008年开发出来的一款很好用的产品原型绘制软件 ...
Balsamiq Mockups的使用
[今天学习了mockups软件,发现自己不能很好的概括它,在网上找了点资料,大家共勉!!] 1 引言制作软件使用原型法已经成为业界通行的做法,笔者使用过Visio,AxureRP或者Html编辑 ...

Balsamiq-Mockups-Introduction.html

我喜欢Balsamiq Mockups的三大理由

Balsamiq-Mockups-Introduction.html相关推荐

最新文章

热门文章