好用的涂鸦风格原型设计工具

2009年11月11日 由 木鱼猫 留言 »

今天发现了一个很好用的原型设计工具,叫做Balsamiq Mockups,来自Balsamiq Studios。和常用的Visio、Axure RP等软件相比最大的特点就是涂鸦风格,并且使用起来非常简单,完全不需要了解太多技术就可以做出一个可审阅的原型图,非常适合快速设计简单的原型,同时支持即时讨论标注。

Balsamiq Mockups的界面非常简单,大量的自带元素和图标,包括网页、桌面程序中常用的各种控件元素,甚至还包括iPhone的界面控件元素。

Balsamiq  Mockups

我用过Axure RP和Visio来设计原型图。毫无疑问,要设计一个可交互的原型使用Axure RP是最合适不过的,而设计桌面应用程序(例如windows平台软件)原型则使用自带了N多Windows标准控件的Visio。但如果你只是想在头脑风暴或讨论前快速准备一个可审阅原型的话我建议你使用Balsamiq Mockups,因为它用起来十分便捷。和Axure RP

下图就是我使用在线版的Balsamiq Mockups花了5分钟不到画出来的豆瓣电台的原型图,对了,我自己还加了一个新功能选项(有奖竞猜:哪个功能是我新加的?)。

还有个简单的iPhone界面:

image

iPhone

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 是基于Adobe Air平台的 ,因此在 Windows、Mac OS 及 Linux 下都可以使用;
  • 多版本:包括桌面版本,以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本;

这么好的软件可惜不是免费的,在线版仅提供简单试用,正式的桌面版要价$79,未注册版每隔几分钟就会跳出注册提示并且无法保存。

不过如果你是个人使用的话可以试着申请免费的License key,Balsamiq Studios公司提供了5 种免费获得 license key 的机会,其中之一就是像我这样的Blogger,只要写一篇介绍这个工具的文章并把文章地址提交给他们就能得到官方送出的一个免费License key。

官方网站:http://www.balsamiq.com/

在线试用:http://www.balsamiq.com/demos/mockups/Mockups.html

下载:http://www.balsamiq.com/products/mockups/desktop#download

相关日志

7 条评论

  1. Jutoy 说:

    嘿嘿,原来还有这样的工具~ :-P

  2. 待会试用看看,欢迎回访~~

  3. 集团电话 说:

    :-[ 有事没事多做贡献!!

  4. 第三眼 说:

    这个工具很有创意啊,涂鸦风格,呵呵。 (@)

留下评论

:o) :-D :-( ;-) :-P =-O 8-) :-/ O:-) :-! >:o C:-) :-(|) O-) :@ :-[ (B) (^) (P) (@) (O) (D) :-S ;-( (C) (&) :-$ (E) (~) :-* (I) (L) (8) (T) (G) (F) (*) (N) (Y) (U) (W)
Follow me on Twitter