很好用的界面设计工具——Balsamiq

先上图看效果,上面的是百度的界面,下面的是我用Balsamiq设计的。html

感受一下还不错吧。前端

 

下面是一篇关于Balsamiq详解的文章,转载来吧。O(∩_∩)O~node

什么是Balsamiq Mockups

Balsamiq Mockups出自加利福尼亚州的Balsamiq工做室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评。2年多来,Balsamiq工做做为一个微型独立软件开发商,专一于Mockups的开发设计,仅3周便实现了盈利,18个月内销售额达到200万美圆,用户端数量超过10万个,这与Balsamiq Mockups的市场用户细分的成功以及产品特性是分不开的。web

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…
ide


Balsamiq Mockups的风险和劣势

应用范围:就像以前提到的,Balsamiq Mockups最好用于商用web产品设计中的低保真线框图或者草图设计,相对于纸和笔,它不够灵活;相对于Axure,它不够精确;工具

使用语言:暂时没有英文版的Balsamiq Mockups,虽然相对于用惯国外软件的产品设计师/前端交互设计师来讲,这并非什么大问题,但毕竟这提到了使用门槛,童鞋们仍是要学好英语;(关于中文汉化版Balsamiq Mockups下面会提到)post

价格不菲:79美圆的价格并不适合喜欢的朋友尝鲜;而对于国内公司而言,在产品设计领域的理念和意识,远达不到花钱去买一个细分的专业软件的程度。即使不使用Balsamiq Mockups,地球照样转。(关于Balsamiq Mockups的免费方法下面会提到)网站

使用Balsamiq Mockups的职业和互联网公司

使用Balsamiq Mockups的人包括产品经理、产品设计师、用户体验设计师、交互设计师、网站前端设计师等等,随便谁均可以。这并不重要,问题是不少大公司都在使用,来看看腾讯CDC对Balsamiq Mockups的分析,或者搜狐产品经理对Balsamiq Mockups的推荐,甚至如今网易招聘产品设计师都要求会Balsamiq Mockups了……ui

下载和安装Balsamiq Mockups

首先提供在线安装Balsamiq Mockups的方法:

>> 点击进入Balsamiq Mockups官方下载安装页面 <<

点击图标直接安装便可,安装内容包括Adobe AIR环境以及Mockups主体桌面程序:

若是你的电脑安装时出现问题,能够尝试分步下载安装Balsamiq Mockups:

确保你的电脑安装了Adobe AIR,下载后安装到默认文件夹

>> 点击进入 Adobe AIR 的最新版本安装页 <<

安装完Adobe AIR后直接下载Balsamiq Mockups桌面程序,不管是Windows仍是Mac均可以正常使用,下载后安装到你须要的文件夹便可

>> 直接下载 Balsamiq 官方网站的桌面端程序<<

最后,当你没法安装Balsamiq Mockups或者没时间安装时,Balsamiq还为你提供了在线Web版本的Mockups

免费得到Balsamiq Mockups的license key注册码

若是不注册,Balsamiq Mockups便只能绘图,不能保存你的Mockups,同时每隔5分钟会弹出提示框请你输入许可证。虽然对企业而言,79美圆的注册费并很少,购买大量许可还有打折优惠,但对于我的使用者或者但愿体验的朋友来讲,免费的老是最好的。Balsamiq很是体贴的推出了“免费得到Balsamiq Mockups许可证密钥的几个方法”,包括:

若是你是非营利、慈善机构、开源贡献者;
若是你是技术/软件博客做者或者记者;
若是你是学校高中班老师;
若是你加入可用性专业培训;
若是你是大学的教授或者学生;

固然,对普通人而言,在你的博客上写一篇关于Balsamiq Mockups的评测或者介绍,作口碑营销,是比较靠谱的办法,这并不困难,所以不要去寻找所谓的破解和注册机了——当你完成博客时,给Balsamiq写邮件索要免费的Mockups注册码吧!

邮箱:free@balsamiq.com
主题:I want to review Mockups on my software blog!

内容:关于Balsamiq Mockups介绍的博客URL

PS.如下是我成功申请Balsamiq Mockups的免费Serial Key的邮件以及Balsamiq首席运营官Valerie Liberty的回信,再次感谢Balsamiq的慷慨并强烈表扬Valerie Liberty的高效,重点在于,回信的美国当地时间是晚上10点多……

发送至 free@balsamiq.com
日期 2010年3月18日 下午1:08
主题 I want to review Mockups on my software blog!

Hi,This is my blog’s URL what about Balsamiq Mockups:http://www.hanjunxing.com/balsamiq-mockups-one-for-all
Could you give me a license, free of charge,please?Thank you very much!

日期 2010年3月18日 下午2:11
主题 Re: I want to review Mockups on my software blog!

It’s my pleasure to give you the license below:
Organization name:***
Serial Key:***
Enjoy Balsamiq Mockups and thanks for spreading the word, I am looking
forward to seeing your review!
Valerie Liberty
Chief Operating Officer, Wow! Division

Balsamiq Mockups如何输入中文

选择菜单栏 View >> 将 Use System Fonts 勾上,就能完美支持中文输入。

Balsamiq Mockups的中文汉化版本

目前Balsamiq没有发布中文版的Mockups,同时因为Balsamiq Mockups是基于Flash的应用程序,因此没法安装汉化补丁或汉化包。值得庆幸的是,Balsamiq Mockups的操做很是简单和人性化,你不须要专门的Balsamiq Mockups教程,由于你甚至不须要看文字提示就能够快速上手绘制本身的产品原型了。最后,为须要的朋友提供一个Balsamiq Mockups的山寨中文汉化版:Balsamiq Mockups中英文对照图,顺便作一个Balsamiq Mockups的界面DEMO:

相关文章
相关标签/搜索