(10.2.2)Balsamiq Mockups –一款十分可爱的产品原型设计工具

来源:互联网 发布:知乎咖啡的好处与坏处 编辑:程序博客网 时间:2024/06/05 06:03

在多人的产品开发团队中,沟通显得重要。而比起堆砌大量文字的需求文档、或是口头交流,一目了然的原型图显然能够有效地节省沟通成本。

Visio虽然可以画原型图,但画出来的图比较适合桌面程序,对于画Web应用的原型图不太合适,偶然的机会让我认识了Balsamiq Mockups。以下是该软件官网的示例原型图

类似于Google的原型图

Wiki?

Google Map?



Balsamiq Mockups 提供了 9 大类共 50 多个控件,涵盖了几乎所有常用的 UI 控件。不管是桌面软件、手机软件还是 Web 站点,都能搞定。以下是一个IPhone手机软件原型图的例子

怎么样,很可爱的原型图吧!而且功能强大,几乎是无所不包啊。另外必须一提的是,Balsamiq Mockups 涂鸦式的手绘风格,能使人集中注意力,专注到于原型的原始目的,而不是对外观挑三拣四。

当然,比起 Axure PR,Balsamiq Mockups 有许多不足之处,如不能制作交互效果、不能将重复区域(如 header、footer)做成模块多次使用。但这并不影响 Balsamiq Mockups 成为一款优秀的产品原型设计工具——至少我用着 Balsamiq Mockups 更顺手。

遗憾的是,Balsamiq Mockups 的免费版本有诸多限制,如无法保存、导出原型图就极为不便。而收费版本需要 $79,实在太高。但是也有 5 种方法可以免费获取 license key,其一便是像我这样写一篇 Balsamiq Mockups 的介绍文章,助其推广。

Balsamiq Mockups官网地址:http://www.balsamiq.com/products/mockups/desktop

最新消息更新:license到手~这下可以使用全部功能啦

 

顺便学两个单词

Balsamiq,我猜测同balsamic [bɔl'sæmik] adj. 香膏质的,如香油的

Mockup ['mɔkʌp] n. 实体模型,印刷品的陈列


http://wenku.baidu.com/view/548e2fa0dd36a32d737581b6.html  使用说明

这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元 件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。

Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,Mockups提供了强大的控件库,对于中文的支持也不错(选择View > Use System Fonts)。

试试网页版的Mockups:http://builds.balsamiq.com/b/mockups-web-demo/
官方视频(需翻墙):http://www.youtube.com/embed/70hfU7_95Gw?rel=0&hd=1

下载地址:

  1. Cross-Platform(安装前需要先安装AIR(官方下载)): MockupsForDesktop.air
  2. Windows: MockupsForDesktop.exe
  3. Mac OSX: MockupsForDesktop.dmg
  4. Linux 32bit: MockupsForDesktop32bit.deb
  5. Linux 64bit: MockupsForDesktop64bit.deb
  6. Windows with Adobe Air bundled:MockupsForDesktopInstallerWin.zip (for offline installations).

注册码

  1. Organization Name:Rick Dong
  2. Serial Key:eNrzzU/OLi0odswsqgnKTM5WcMnPS1eoMTQyMjexMDQyAIEa5xpDAA8pDD8=
  3. 中文支持设置:菜单栏 View -> Use System Fonts

0 0