界面原型工具 Balsamiq Mockup

背景

最近又有了写一些小程序玩玩的心思，不得不说是受到一点aleung的影响。在动手之前希望把能够多考虑清楚，对于小软件而言，我想最佳的方式就是将界面画出来。感觉这个跟把心里的想法整理成文一样，这个过程本身就能很好地帮助自己理清思路。

但是画界面我可是不在行，我想最好有软件，能够很方便地搭建一个应用界面出来，最好是这个界面不仅仅能看，还能够动起来，例如点击菜单、按钮可以弹出对话框，或者调转到另外一个界面。

google了一通，发现不少人推荐这个Balsamiq Mockup，他自称“so freaking good”，我下载的试用版，发现的确不错：

1、控件丰富，Mockup包含了丰富的控件，除了标准的窗口控件外，还有日历、柱状图、饼图等控件，能够满足绝大部分应用的界面要求

2、操纵简单，定义一个菜单、或者一个表格的内容，都是直接采用文本定义，非常方便。例如选择一个Tabs Bar，输入文字就能得到下列效果。注意，必须选择“Use System Fonts”才能够显示中文。

3、能够指定界面逻辑。例如点击某个菜单项后，自动跳到另外一个界面。可能因为我是试用版的原因，我现在还没有用起这个功能来 :(

4、更多的控件。看起来Mockups还可以自定义控件，我还不晓得是怎么弄的，但可以在MockupsToGo.net网站看到并使用很多别人创建的控件。例如现在开发手机应用很热门，Mockups本身自带了iPhone的界面，也有人做了其他手机的界面控件

5、Mockups的界面画好后，保存的格式为XML，这一点很重要。因为开发团队可以将Mockups文件进行版本管理（Version Control），方便在团队之间协作共享。

6、I think it's possible to convert the Mockups xml file into program source code, like Swing source code. So after you finished the prototype, you can also get a good start for you real program.