最近系统要做原型，本来打算用dreamweaver，无奈太麻烦，慢得让人纠结。于是开始在网上找，终于发现了“Balsamiq Mockups ”。

网址： http://www.balsamiq.com/ 

在线演示地址： http://www.balsamiq.com/products/mockups

试用网址： http://www.balsamiq.com/demos/mockups/Mockups.html

整体截图：

功能和亮点：

1. 操作方面：拖拽，控件分组，甚至元素之间的对齐都做得很到位；
2. 预制了六十多个界面元素，从简单的输入框，下拉框，到经常用得到的导航条，日历，表格，到复杂的Tag Cloud，Cover Flow, 地图，WYSWYG的格式工具栏等，有了这些不用从头画起，其实比用白板都快；
3. 界面元素的修改很简单，比如导航条的几个标签页的label，就是用逗号分隔的文字，下拉框的选项就是分行的文字；
4. 使用xml语言来记录和保存界面元素和布局，从而使其能够快速的导入到你所需的任何一个项目中，或其他工具中。
5. 可以将设计导出成PNG格式的图片；
6. 随着使用的熟练，快捷键便派上用场，超过一半的元素均有快捷方式，这更有助于原型的快速构造，几乎几分钟便可实现一个满意的而复杂的原型设计；
7. 跨平台，Balsamiq Mokups是用Flex和Air实现的，所以在Mac OS, Linux和Windows下都能使用；
8. 不仅仅有桌面版本，还有能集成在Confluence，JIRA，和XWiki中的版本，使得异地在线协作更方便有效；

To get a free license key, you can do one of the following:

• 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 Mariah with a short blurb and she'll send you a license, FREE of charge.
• If you are a blogger / journalist / maven willing to write us up (honest reviews are the most useful to us) email Mariah a short blurb with the link to your blog and she'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 Mariah your info and she'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 Mariah the name of your school and your class, plus the number of students in your class. Mariah 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.