推荐Web界面原型设计工具——Mockups

Posted by c4pr1c3 on July 7, 2009

 前几天在  看到了关于mockups的介绍,正好前段时间有关土鳖的在vim里用DrawIt等脚本十分费力的绘制界面原型的经历,现在用上了mockups才发现,原来自己刚从火星回来~~

废话不多,谈谈mockups的主要特点:

  • 跨平台,Balsamiq Mokups是用Flex和Air实现的,只要有Adobe Air的系统就能用;
  • 操作简单,所有控件都是通过拖拽方式,所见即所得,所想即所得;
  • UI控件丰富,分类齐全
  • 界面元素的修改很简单,选择界面元素,屏幕右上角就会出现相对应的属性编辑框;
  • 使用xml语言来记录和保存界面元素和布局,从而使其能够快速的导入到你所需的任何一个项目中,或其他工具中。
  • 可以将设计导出成PNG格式的图片;
  • 不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;
  • 收费和免费版本并行,并且获取免费license key的方法很多,很有趣,很强大!
  • 非注册版本的Mockups不能保存和导出为图片,而且还会不定时的跳出提示框。不过balsamiq主页上提到了几种免费获取 License 的方法,其一就是像我这样写一篇 blog 推荐这款软件。

下面是我在Ubuntu下使用Mockups桌面版做的一个简陋的demo,中文没问题哦!(缺省情况下,Mockups输入不了中文,可以如此设置:View菜单里面有个“Use System Fonts”,选上就可以了。)

mockups demo

网上找到的其他介绍mockups的文章:

  • http://www.cnblogs.com/gis_gps/archive/2009/04/03/1428923.html
  • http://hi.baidu.com/alexyuan/blog/item/8409f736528970390b55a929.html
  • http://llying.javaeye.com/blog/327150

其实Google一下mockups会发现有大约 3,460,000 条查询结果!翻了前面几页,除了官方网站,基本都是个人blog的推荐和介绍贴。可见作者的这种新型“病毒式”营销推荐方法实在很棒!好的产品+大量用户口碑宣传=成功的产品!