现在的位置: 首页 > 综合 > 正文

推荐一款web页面草图快速设计工具

2012年09月13日 ⁄ 综合 ⁄ 共 2639字 ⁄ 字号 评论关闭

偶然在google上搜索到Balsamiq Mockups这款原型设计工具,手绘式的风格让人不禁耳目一新。以前一直用Axure RP Pro的,这回又多了个选择。最主要的是这个还是免费的。强烈推荐大家一试。以下是在网上搜索到关于这款软件的介绍,请大家共享。

这个软件是由意大利人Peldi开发的,本来是他自己用它来做设计,满足自己的需求。而在经济寒冷的2008年,从1,322位付费用户那却获得了162,302美元的收入(其中12月份就有39,000美元);可见其受欢迎的程度。
虽然是由个人设计的,但功能却一点不弱于其他大牌的原型设计工具:
操作方面,拖拽,控件分组,甚至元素之间的对齐都做得很贴心;
预制了很多界面元素,从简单的输入框,下拉框,浏览器主要元素,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,往往比用白板都快;
界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉框的选项就是分行的文字;
使用xml语言来记录和保存界面元素和布局,
这使得每个设计都能被很好得放进SVN,Git,和CVS等工具中进行管理和跟踪;
可以设计复杂的界面元素,保存后,以后可以重复使用(包括修改);
可以将设计导出成PNG格式的图片;
可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那;
跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;
不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效
软件可以从其网站上下载,其中桌面版本售价是$79。但作者非常厚道,提供了几种免费使用的方式:
If your company bought Mockups for Confluence, JIRA or XWiki, ask your IT admin for your company's license information and use it FREE of charge.
If you are a do-gooder of any sort (non-profit, charity, open-source contributor, you get the idea), email us with a short blurb and we'll send you a license, FREE of charge.
If you are a technical/software blogger or journalist willing to write us up (honest reviews are the most useful to us) email us a short blurb with the link to your blog and we'll send you a license, FREE of charge, so that you can evaluate Mockups properly.
If you are willing to demo Mockups to an audience of at least 15 people (at a user group, a conference, a BarCamp), email us your info and we'll give you two licenses, one for you to keep and one to give away at the event, FREE of charge.
If you teach a high-school class, email us the name of your school and your class, plus the number of students in your class. We will send you a license for all of them.
A note to university students and professors: we currently do not offer free licenses to universities, but we'll be happy to offer you an additional 50% off any orders of 10 or more licenses. Let us know if you're interested and we'll set up a discount code for you.
特别是如果你在高校或者在开发公益类网站的,可以直接申请。如果不是的话,那就学我吧,写一篇博客为它做点宣传。
网址:http://www.balsamiq.com/
在线演示地址:http://www.balsamiq.com/products/mockups
试用网址:http://www.balsamiq.com/demos/mockups/Mockups.html
以下是关于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 基于 Air ,因此能同时在 Windows、Mac OS 及 Linux 下使用;
多版本:包括桌面版本,以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本;
Balsamiq Mockups 可由 Wiki 风格代码控制菜单、树型导航等其它相似控件:

为了保证原型风格的一致性,Balsamiq Mockups 还能够将图片转换为手绘风格。

抱歉!评论已关闭.