Fwolf's WeBlog

[image: Balsamiq Mockups For
Desktop]<http://www.flickr.com/photos/fwolf/3322054088/>

见过flash游戏中，鼠标画个圆就是球，画个方块就能站住，画条线就能成跑道（这个很经典了，滑雪橇的游戏），也见过一个视频，老师讲课的时候画个斜块、小车、轮子就能够产生物理动作，看到
Mockups <http://www.balsamiq.com/products/mockups/desktop>
以后，就也有类似的感觉，不过这个是用来设计软件界面的。

以前设计界面的时候用什么？想过但用的相对比较少，笨办法就是文字描述，左边放什么，右边上面放什么，右边下面放什么等等，高手会用ps画，只要不嫌累，还有画在纸、黑板上的，这些手段都有个共同的缺点────不方便管理和变更。现在不易管理、不可变更的工具用起来太累了，
Mockups <http://www.balsamiq.com/products/mockups/desktop>正是很好的解决了这个问题。

就像上面这张图片一样，在Mockups
<http://www.balsamiq.com/products/mockups/desktop>里，提供了很多用户界面设计元素，拖过来调整、搭配就能形成一张设计示意图，在设计阶段、持续变更阶段应该都是很好的表达工具，毕竟一图胜千言嘛。风格上是手绘的草稿风格，让人感觉和在纸上没区标，估计打印出来蒙人也没问题。技术实现上，依赖Adobe
AIR环境，所以也是跨平台的。从图上也能看到，只要选中了菜单里的View -> Use System Fonts
，中文支持还是可以的，好像不能选字体，不过够用了。

缺点首先是没有我想像中的“手工画线”，毕竟直接画和使用预制物件的感觉和灵活性还是有区别；第二就是速度，2006年买的电脑用起来都不算十分流畅；第三就是技术平台，个人对AIR不感冒，当然这个也没得改了，呵呵。
[image: [Bloglines]]<http://www.bloglines.com/sub/http://www.fwolf.com/blog/post/433>
[image:
[del.icio.us]]<http://del.icio.us/post?url=http://www.fwolf.com/blog/post/433&title=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[Digg]]<http://digg.com/submit?phase=2&url=http://www.fwolf.com/blog/post/433&title=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[diigo]]<http://www.diigo.com/post?url=http://www.fwolf.com/blog/post/433&title=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[Facebook]]<http://www.facebook.com/share.php?u=http://www.fwolf.com/blog/post/433>
[image:
[Google]]<http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://www.fwolf.com/blog/post/433&title=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[MySpace]]<http://www.myspace.com/Modules/PostTo/Pages/?c=http://www.fwolf.com/blog/post/433&t=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[Reddit]]<http://reddit.com/submit?url=http://www.fwolf.com/blog/post/433&title=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[Slashdot]]<http://slashdot.org/bookmark.pl?url=http://www.fwolf.com/blog/post/433&title=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups>
[image:
[email]]<http://www.feedburner.com/fb/a/emailFlare?itemTitle=%E5%A5%BD%E7%8E%A9%E6%9C%89%E8%B6%A3%E5%8F%88%E6%9C%89%E7%94%A8%E7%9A%84Mockups&uri=http://www.fwolf.com/blog/post/433&loc=en_US>
More » <http://www.fwolf.com/blog/post/433#bookmarkify>
Tags: AIR <http://www.fwolf.com/blog/post/tag/air>,
design<http://www.fwolf.com/blog/post/tag/design>,
graph <http://www.fwolf.com/blog/post/tag/graph>,
Tools<http://www.fwolf.com/blog/post/tag/tools>,
UI <http://www.fwolf.com/blog/post/tag/ui>
Related posts

- 我的email客户端软件选择历程 <http://www.fwolf.com/blog/post/17> (5)
- 发现fcitx也很不错嘛 <http://www.fwolf.com/blog/post/338> (6)
- 保存网页为单个文件/Save webpages All-in-one
file<http://www.fwolf.com/blog/post/298>(3)
- 为ThinkingRock报表添加字体 <http://www.fwolf.com/blog/post/419> (1)
- 个人信息管理软件——todo/任务/日程表 <http://www.fwolf.com/blog/post/323> (1)