27

原型设计工具Mockups简单试用

Balsamiq Mockups被设计出来帮助你、你的团队或者客户尽早从线框图的纠缠中挣脱出来。它有以下特点:

1.在用Mockups设计原型时你会感觉像在画画:它的所有控件几乎都可以随意拖拽、拉伸、变形再加上手绘风格的控件UI,确实有在纸上随意画的感觉,这带来很好的体验,用户学习成本大大降低,你会在纸上画图吧?那你就会用这个软件!

2.任何角色都可以使用该工具快速沟通:不管是产品经理、设计师、开发者甚至你的客户都可以通过Mockups协作一起迅速确定原型,因为它是基于现实中的纸原型来实现软件功能的。

3.强大的功能和扩展性:用75个预建控件你可以设计出任何东西从非常小的对话框到完整的成熟的软件,从一个简单的网站到一个RIA应用。链接我官网的一些例子.

4.使你能专注于功能、流程和交互上:官网说Mockups故意用手绘风格的UI控件,这样人们就不会太在意颜色、边框、渐变之流的细节问题而回归功能上。

界面截图,观看官方视频更直观!

2009-03-26_120003

画了两个简单的原型,header和footer没画,看主体吧。

video_play

video_list

说下优缺点:

优点:
1.上手容易,易用性好,适合团队协作;
2.通过富有童趣手绘风格组件把重点回归在交互和流程上;
3.在新平台上有点儿优势比如内置了很多iphone布局的组件;
4.演示试图不错,全屏配合鼠标指示,直观明了;
5.很多UI组件可以直接使用,官方还有个组件库可以下载,有意思的是还有YUI风格的组件,连最近比较火的960 Grids都有。。。。

2009-03-27_155830

2009-03-27_155843

缺点:
1.只能输出图片,没有像AxurePR强大到生成交互网页以及相关文档;
2.程序有待优化,画图的时候尤其是矢量图拖拽的时候很慢,甚至短暂卡住;
3.导入的控件不能被编辑,也不支持设置属性,并且不能被保存,再次使用时重复复制粘贴,其实外部导入的控件就是一段封装好的XML代码,显然这里还有很大空间可挖,做好了绝对是个亮点;
4.暂且算一条吧,目前版本不支持中文文本;

BUG:
在演示视图下,图片超过一屏也就是出现垂直滚动条时,头一屏鼠标可以自由移动,但当滚动条向下超过一屏时,鼠标不能再向下自由移动了,还是禁锢在软件头一屏的范围内。环境是:xp sp3 IE8 测试过两台 xp sp2 IE7 测试过一台都是相同情况。

想要注册码的兄弟们,作者给了一个渠道,就是你写一篇关于Mockups的博文或者其他宣传渠道也应该是可以的。通知作者他会免费发给你一个注册码,就可以免$79的单了,所以为了尊重作者恕我不奉送注册码了。

延伸阅读:
Balsamiq Mockups——在电脑上手绘原型

推荐一款界面设计工具 Balsamiq Mockups

留言