Daily Archives: 2010年08月3日

推荐原型设计工具Balsamiq Mockups

【2013年9月12日更新】

三年过去了,以前不支持中文,现在已经支持了,我也算正式转为产品人了,补充一些资料。

Balsamiq Mockups使用手册下载:Balsamiq_Mockups 使用手册

修改为手写字体:点击关于,然后点击 Open Local Store Folder ,在该文件夹下新增BalsamiqMockups.cfg文件,格式如下:

<config>
 <fontFace>HanziPen SC Bold</fontFace>
 <rememberWindowSize>true</rememberWindowSize>
 <useCookies>true</useCookies>
 </config>

保存,重启Balsamiq Mockups即可;
注:字体名称可通过word中显示的字体名称来获取。
更多配置参考:http://support.balsamiq.com/customer/portal/articles/111759-the-balsamiqmockups-cfg-configuration-file

注册码;

Name: personal
Key: eJzzzU/OLi0odswsqilILSrOz0vMqbFEAjXONYY1fu6ufgA/CA4X

Name: helloWorld
Key: eJzzzU/OLi0odswsqslIzcnJD88vykmpsUQCNc41hjV+7q5+AF74Ds8=

Name: china
Key: eJzzzU/OLi0odswsqknOyMxLrLFEAjXONYY1fu6ufgAJ5gy2

Name: ketty
Key: eJzzzU/OLi0odswsqslOLSmprLFEAjXONYY1fu6ufgAOOwzk

【2010年8月3日发布】

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…

常用的原型工具优缺点:

纸笔:特点是快速、易修正,侧重于捕捉瞬间的idea;

Word:适合对页面做标注、做逻辑描述与交互说明,偏策划类使用;

Visio:特点是做流程图,交互性和描述是弱点,老工具了,模板资源很多;

Axure:交互性是最大亮点,不过使用过的人应该有发现,这个东西用久了,很容易沉迷到无止境的细节中去,忽略了原型真正的意义,比如为了一个js效果用几十张动态面板;

Photoshop:适合做高保真原型,不适合做多页面、或交互性强的控件。

在官方试用了一下感觉不错  demo地址 : http://www.balsamiq.com/builds/mockups-web-demo/

容易上手:和Axure一样,界面由各种web控件组成,主要操作是拖曳与编辑控件,对初入门的设计师来说,这个门槛很低,拖曳之后,自动弹出编辑控件面板,word 2007有相似的功能——选择一段文字之后,直接弹出小的编辑面板,更好地符合用户的心智模型。

草图风格:使用Axure的时候,总会感觉有点沉重,不由自主地想把界面里的某个功能细节化,Balsamiq Mockup则没有这个问题,使用时的感觉介于纸笔涂鸦和Axure之间,算是填补了这个空白,个人也很喜欢这种草草的感觉,容易激发idea。

控件简化:Balsamiq Mockup的理念是,原型就是原型,没必要复杂化,这和Axure一直以来的方向正好相反,它简化了复杂控件的功能,没有“过分的交互”,使设计师可以专注于“解决问题