作为 Web 开发人员，我的工作职责之一就是花大量时间制作 UI 原型来展示给客户。这是一件很麻烦的事，但有时不得不做。
我曾见过 Shuttleworth (和设计团队) 制作出这样的图像：
这是由一种叫做Balsamiq 模型... 在 Adobe Air 之上保持平衡的东西（呸！）售价为 79 美元。
我试过了，但总是失败。我认为这与 Air 有关，而不是应用程序本身。我的意思是，如果我要为某样东西付费，我希望它是原生的。
答案1
出于一些我无法理解的原因，它的作者把它写成了 Firefox 插件，但是铅笔是一款出色的 FOSS 原型设计工具。与 Balsamiq Mockups 一样，它附带大量预制组件，可让您快速拼凑演示屏幕。此外，与 Balsamiq 一样，您可以在草图中拥有多个页面，并在它们之间建立链接，让您的程序员和设计师“点击”某些按钮，并了解发生这种情况时应该发生的情况。
与 Balsamiq 不同的是，它的默认模拟小部件集看起来像真正的小部件，我担心这会导致程序员盲目模仿他们在屏幕上看到的模型。值得庆幸的是，草图小部件模板已经随 Pencil 一起分发了一段时间。与 Balsamiq 不同的是（希望对于 Firefox 附加组件来说这并不奇怪），Pencil 将其草图导出为 HTML，而不是 Flash/Flex。
我知道 Pencil 看起来很奇怪，因为它是一个 Firefox 扩展，但它实际上工作得很好，而且易于使用。我并不执着于 FOSS，也不介意花 80 美元购买优秀的软件，所以我会诚实地说，我使用 Balsamiq 而不是 Pencil。我发现 Balsamiq 的一般工作流程和易用性优于 Pencil。但 Pencil 仍然是一款很棒的工具。如果你正在寻找一个 FOSS 原型，我想你很难做得更好。启动 Firefox 并去看看。
答案2
我个人喜欢在Inkscape（矢量图形绘图程序），它使用起来相当简单，并且在制作最终产品时可以重复使用大部分模型。
答案3
尝试Glade 界面设计师，一个 GTK/Gnome 界面设计器，通常用于实际应用程序，但同样可以用于原型。
答案4
我以前曾使用 Mockingbird 做过一个非常小的项目。 http://gomockingbird.com 这是一款基于 Web 的客户端，允许协作。不过，它显然将在几天内结束测试并停止免费。