kun

public class Kun(){}

Balsamiq Mockups


忘了是怎么知道这款软件的,好像是在@avenger 的博客上。 Balsamiq Mockups 是一款十分出色的原型系统设计工具,如果你是一名项目经理,工程师,需求分析员,UI设计人员,或者你需要为一个产品前期构画草图,无论是web还是应用程序UI,这款软件都能胜任。做原型一直是个问题,用过visio,或者excel,也用过直接dreamweaver,VB这些工具来做原型,但最好,也许会发现用手画才最好的方法,上面那些工具总是有不顺手的地方,或者效率很低。

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

我们先来看一下这个Mockups 的效果图。下图是Mockups的一部分控件。

再看看Mockups 可以做出什么效果来.几张来自官方的图。

iTunes的草图

wiki的 草图

twitter client for iphone

Balsamiq Mockups 基于Adobe AIR环境,可以运行在windows,linux,Mac 上,安装Mockups前必须先装Adobe AIR(猛击此处).

Balsamiq Mockups 官网下载(猛击此处)

这里有一个Flash的demo 不必安装(猛击此处)

优点:

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

缺点:

CPU占用高,吃内存

该软件需要授权才能使用

Mockups的授权有以下几种方式

  1. 如果你所在的公司已经购买了这个key,并且服务于JIRA,XWiki等公益机构,则你可以想你的主管所要这key,并免费使用
  2. 如果你是一个开发者,并服务于非盈利机构,开源社区等,可以发邮件给作者,提供一些信息后,就能够获取免费的使用权
  3. 如果是一个博客的所有者,你为它进行宣传,起的效果之后,便可以向它所有授权码,免费使用
  4. 使用这产品进行一些团队推广等,可以要两个key
  5. 如果你是一个高中教师
  6. 大学的老师和学生,可以打折购买

第三条也是我今天写这篇博客介绍Balsamiq Mockups的原因之一.

可以看下Balsamiq Mockups的操作界面:

可以看到,Mockups的控件超多,其实还可以从官方下载更多的控件 。Mockups默认是不能输入中文的,选中菜单view->user system Fronts ,就可以输了。

花了一个小时的时间,我把rw.91.com用Mockups画的效果图如下.

part two:由于我没有key,不能导出效果图。

已经发邮件给balsamiq 等待回信中.

等熟悉了Balsamiq Mockups,再上详细的教程和使用技巧.

Post to Twitter Post to Delicious Post to Digg Post to Facebook

posted by admin in Uncategorized and have Comment (1)

One Response to “Balsamiq Mockups”

  1. zwwooooo says:

    看起来不错啊,我设计主题都是在草稿纸上胡乱画,更改就麻烦了

    ReplyReply

Place your comment

Please fill your data and comment below.
Name
Email
Website
Your comment