原型工具Balsamiq Mockups使用介绍

前面已经介绍过Balsamiq Mockups的相关特性和特点,这里就讲一下如何来使用它。Balsamiq Mockups的安装和运行于依赖Adobe AIR,这是一个跨操作系统的运行环境,用于建立富应用,在安装时必须要先下载Adobe AIR并安装,然后才能安装Balsamiq Mockups,目前的版本为2.0.24,只有英文版,还没有汉化的版本,但它对中文的支持非常好,不过需要额外做一个设置,就是要在View>>Use System Fonts的前面打上勾。安装好之后就可以直接进入Balsamiq Mockups的界面了,这是个共享软件,需要注册码,网上有注册机下载,大家可以至本站的资源下载中心当中下载,否则去买注册码的话还是相当贵的。

Balsamiq Mockups的界面很简单,采用上下布局,不过可以更改为左右布局的形式,页面导航在底部,页面间的关系都是平行的,缺乏层次感,没有体现项目组织的概念,从这点上来说,如果页面间存在业务隶属关系,目前的这种展现方式将难以体现,而且平行页面太多,会铺陈的比较散,从这个功能上来看,Balsamiq Mockups存在着明显不足。Balsamiq Mockups的组件资源,相对于AxureRP的缺省线框库,要显得丰富一些,而且特殊的手绘涂鸦风格,令Balsamiq Mockups所制作的界面效果更具趣味性。

Balsamiq Mockups的组件资源分别按“All”,“Big”、“Button”、“Common”、“Layout”、“Markup”、“Midia”、“Text”、“IPhone”分类组织,这个分类组织顺序不能完全照顾到每个人的使用习惯,也没有提供个性化拖拽改变次序的功能,但因为提供了“Quick Add”和快速检索功能,倒也在一定程度了改善了选取组件的效率。

Balsamiq Mockups可以快速输入并构造页面元素。以菜单为例,Balsamiq Mockups在菜单控件中,直接录入各个菜单项,每个菜单项以半角逗号分割,即可自动实现菜单项的自动增加,这点非常优秀。也就是说,你一行字打出来,菜单就做完了。Balsamiq Mockups支持自动对齐,在摆放组件的同时,Balsamiq Mockups就提供了对齐的标尺控制,使你在第一时间就把控件摆放在合适的位置,至少水平对齐或垂直对齐,这个功能在AxureRP只能参照网格进行目测,或执行手动对齐。另外,Balsamiq Mockups在树状列表、分级列表、右键菜单中,都提供类似的以键盘输入控制符来一次性使界面成型的办法,试图在最大程度上降低往复的鼠标和键盘组合动作,的确也提高了工作效率,但前提是必须要熟悉这些控制符的用法。

上图就是用Balsamiq Mockups所做的一个简单的用户注册页面,从图上也可以看出,对组件的属性控制,全部是在弹出窗上完成的,这个比较方便,要操作什么组件,相应的弹出窗就在鼠标旁边。Balsamiq Mockups导出的文件基本上都是静态页面效果(可以是PNG、PDF),页面还原的比较好,能够最大程度上和设计环境中保持一致,不过是静态的就缺少了交互的效果,也即Balsamiq Mockups不支持交互效果的设计,一些简单的链接需要在设计环境下操作才可以。Balsamiq Mockups也不支持团队协作,即只能个人独立完成,且其页面布局是并行的,这样的话用Balsamiq Mockups来设计大型项目的时候就有点捉襟见肘了。其他的操作像拖动即可用这些特性,几乎所有的原型设计工具都是一样的,大家可以尝试着操作一下就知道了。

如果要快速出设计,交互复杂度不高,界面上需要别样风格,则可以考虑使用 Balsamiq Mockups,用起来也还是相当好用的。

 

点此下载示例



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

“原型工具Balsamiq Mockups使用介绍”9 条评论

Android Phones | 2011-12-9 07:01 |
commenter

I love the valuable info you supply in your posts. I like your writing style.

commenter

Happen to be trying to find this and learned much more than anticipated in this article. Thanks.

hqirxscjgn | 2012-01-17 16:32 |

学习了,还没用过这个

hgqwmdreqz | 2012-01-18 00:18 |

感觉用着还比较方便,手绘效果比较好

uhagozszwo | 2012-01-18 07:21 |

挺好用的,感谢分享!

lttsqxyhka | 2012-01-18 13:04 |

感谢分享,新年快乐!

oftwfjedfv | 2012-01-18 19:34 |

这个软件还是比较好用的,在产品设计的初级阶段可以用来设计产品的雏形。

commenter

Hey you really need to check this out while its still cool!

commenter

I really like your writing style, fantastic information, thanks for posting : D.