UI设计软件Balsamiq Mockups

Balsamiq Mockups出自加利福尼亚州的Balsamiq工做室，创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具，并广受好评。2年多来，Balsamiq工做做为一个微型独立软件开发商，专一于Mockups的开发设计，仅3周便实现了盈利，18个月内销售额达到200万美圆，用户端数量超过10万个，这与Balsamiq Mockups的市场用户细分的成功以及产品特性是分不开的。

 

Balsamiq Mockups的用途和价值

在Web产品设计中，Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间，在Balsamiq Mockups出现以前，流程图可使用Visio，高保真DEMO可使用Axure，但咱们并无好用的草图设计工具；在产品设计管理中，咱们一般在产品的业务流程和数据流转已经至关明确时才开始进一步考虑产品的结构层和框架层，虽然此时纸、笔、白板都是很是简单方便的交流工具，可是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。

 

Balsamiq Mockups的优势和特点

可存：告别那一堆堆的纸质线框图吧…
易用：UI控件支持自动拖拽，而且能够实现自动对齐；
美观：手绘风格，简约清爽；
丰富：从按钮到输入框，从导航条到页面、表格，甚至包括了最潮的Iphone元素；
方便：对元素的修改除了工具栏外，还可使用隐藏编辑框，支持快捷键；
兼容：可以使用XML语言保存元素，也能够导出PNG图片，能够插入到任何项目；
跨平台：Windows、Mac OS、Linux下均可以使用，还有能集成在Confluence，JIRA，和XWiki中的版本，对了，若是你没时间下载桌面版，还能够直接使用网页版的Balsamiq Mockups…

Balsamiq Mockups的风险和劣势

应用范围：就像以前提到的，Balsamiq Mockups最好用于商用web产品设计中的低保真线框图或者草图设计，相对于纸和笔，它不够灵活；相对于Axure，它不够精确；

使用语言：暂时没有英文版的Balsamiq Mockups，虽然相对于用惯国外软件的产品设计师/前端交互设计师来讲，这并非什么大问题，但毕竟这提到了使用门槛，童鞋们仍是要学好英语；（关于中文汉化版Balsamiq Mockups下面会提到）

价格不菲：79美圆的价格并不适合喜欢的朋友尝鲜；而对于国内公司而言，在产品设计领域的理念和意识，远达不到花钱去买一个细分的专业软件的程度。即使不使用Balsamiq Mockups，地球照样转。（关于Balsamiq Mockups的免费方法下面会提到）

 

但经过目前这些软件绘制原型图的一个缺陷就是不够写意，显得呆板。尤为是对于我这种新手而言，使用这些软件时都显得本身很笨。学习成本很高，基于 Axure 的培训班也是收费不菲。最近从一些 Blog 了解到一款由 Balsamiq Studios 开发的叫作 Balsamiq Mockups 的原型设计软件，试用一下就知道有多赞：

• 易操做：从 Balsamiq Mockups 自带的元素里能够很方便地拖拽，效果图轻易造成；元素对齐很贴心；
• 可偷懒：根据 Balsamiq Mockups 提供的 Wiki 风格的代码规则，画图时能够「偷懒」，输入文本符号则能生成图标。所以相比其它繁琐的软件操做，Balsamiq Mockups 也能更快地完成画图任务。
• 控件足：Balsamiq Mockups 软件包括 50 多个控件， 70 多个图标。基本自带了全部经常使用的小控件，并在导航处进行分类；图标设计赏心悦目。要是 Balsamiq Mockups 容许用户导入自定义的控件就更好了，固然现有的也足够了 -:)
• 新风格：让人眼前一亮的涂鸦风格，很能还原手绘效果；
• 可中文：在菜单栏 View 里将 Use System Fonts 勾上，就能完美支持中文输入（注：非 Balsamiq Mockups 中文版）；
• 其它点：Balsamiq Mockups 使用 xml 记录，方便移植、二次利用；可导出为 png 格式图片。

另外还有跨平台与多版本两个优势：

• 跨平台：Balsamiq Mockups 基于 Air ，所以能同时在 Windows、Mac OS 及 Linux 下使用；
• 多版本：包括桌面版本，以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本；

Balsamiq Mockups 可由 Wiki 风格代码控制菜单、树型导航等其它类似控件：