Oli Asked: 2010-08-10 04:57:18 +0800 CST2010-08-10 04:57:18 +0800 CST 2010-08-10 04:57:18 +0800 CST 原生、FOSS GUI 原型设计工具？[复制] 772 作为 Web 开发人员工作的一部分，我会花费大量时间制作 UI 原型以向客户展示。这是背后的痛苦，但有时必须这样做。 我见过 Shuttleworth（和设计团队）抽出这样的图像： 那是由一种叫做Balsamiq Mockups 的东西制成的……它在 Adobe Air 上保持平衡（哎呀！），售价 79 美元。 我试过了，但总是摔倒。我认为这与 Air 而非应用程序本身有关。我的观点是，如果我为某样东西付费，我希望它是原生的。 design programming software-recommendation alternative 5 个回答 Voted Best Answer Benjamin Pollack 2010-08-10T05:53:36+08:002010-08-10T05:53:36+08:00 由于我不明白的原因，它的作者将其编写为 Firefox 插件，但Pencil是一个很棒的 FOSS 原型设计工具。与 Balsamiq Mockups 一样，它带有大量预制组件，可让您快速拼凑演示屏幕。和 Balsamiq 一样，你可以在一个草图中有多个页面，并在它们之间建立链接，让你的程序员和设计师“点击”某些按钮，并了解发生这种情况时会发生什么。 与 Balsamiq 不同的是，它的默认模拟小部件集看起来像真正的小部件，我担心这会导致程序员盲目地模仿他们在屏幕上看到的模型。值得庆幸的是，素描小部件模板已经与 Pencil 一起分发了一段时间。同样与 Balsamiq 不同——希望对于 Firefox 插件来说并不奇怪——Pencil 将其草图导出为 HTML，而不是 Flash/Flex。 我知道 Pencil 看起来很奇怪，因为它是一个 Firefox 扩展，但它实际上工作得很好，而且易于使用。我在意识形态上并不依赖 FOSS，也不介意花 80 美元购买出色的软件，所以老实说，我使用 Balsamiq 而不是 Pencil。我发现 Balsamiq 的一般工作流程和易用性优于 Pencil。但铅笔仍然是一个很好的工具。如果您正在寻找 FOSS 原型机，我认为您很难做得更好。启动 Firefox 并检查一下。 mac9416 2010-08-10T05:18:09+08:002010-08-10T05:18:09+08:00 就我个人而言，我喜欢在Inkscape （矢量图形绘图程序）中进行 web-ui 原型设计，它使用起来相当简单，并且您可以在制作最终产品时重复使用大部分模型。 8128 2010-08-10T05:16:58+08:002010-08-10T05:16:58+08:00 试试Glade Interface Designer，一个 GTK/Gnome 界面设计器，通常用于实际应用程序，但同样可以用于原型。 Bryce 2010-08-10T15:12:34+08:002010-08-10T15:12:34+08:00 我还推荐使用 Inkscape 来制作模型。您可以从 www.openclipart.org 获得一些库存小部件（有人应该上传更多！）。 我发现它非常方便的地方是标记现有的 UI... 截取应用程序的屏幕截图，插入 Inkscape 并将其放在锁定的图层上，然后在其上的图层上进行绘图以显示您所做的任何更改需要展示。 Michael Terry 2010-08-29T03:55:46+08:002010-08-29T03:55:46+08:00 我以前在一个非常小的项目中使用过 Mockingbird。 http://gomockingbird.com 这是一个允许协作的基于网络的客户端。不过，它显然会在几天后离开测试版并停止免费。
由于我不明白的原因，它的作者将其编写为 Firefox 插件，但Pencil是一个很棒的 FOSS 原型设计工具。与 Balsamiq Mockups 一样，它带有大量预制组件，可让您快速拼凑演示屏幕。和 Balsamiq 一样，你可以在一个草图中有多个页面，并在它们之间建立链接，让你的程序员和设计师“点击”某些按钮，并了解发生这种情况时会发生什么。
与 Balsamiq 不同的是，它的默认模拟小部件集看起来像真正的小部件，我担心这会导致程序员盲目地模仿他们在屏幕上看到的模型。值得庆幸的是，素描小部件模板已经与 Pencil 一起分发了一段时间。同样与 Balsamiq 不同——希望对于 Firefox 插件来说并不奇怪——Pencil 将其草图导出为 HTML，而不是 Flash/Flex。
我知道 Pencil 看起来很奇怪，因为它是一个 Firefox 扩展，但它实际上工作得很好，而且易于使用。我在意识形态上并不依赖 FOSS，也不介意花 80 美元购买出色的软件，所以老实说，我使用 Balsamiq 而不是 Pencil。我发现 Balsamiq 的一般工作流程和易用性优于 Pencil。但铅笔仍然是一个很好的工具。如果您正在寻找 FOSS 原型机，我认为您很难做得更好。启动 Firefox 并检查一下。
就我个人而言，我喜欢在Inkscape （矢量图形绘图程序）中进行 web-ui 原型设计，它使用起来相当简单，并且您可以在制作最终产品时重复使用大部分模型。
试试Glade Interface Designer，一个 GTK/Gnome 界面设计器，通常用于实际应用程序，但同样可以用于原型。
我还推荐使用 Inkscape 来制作模型。您可以从 www.openclipart.org 获得一些库存小部件（有人应该上传更多！）。
我发现它非常方便的地方是标记现有的 UI... 截取应用程序的屏幕截图，插入 Inkscape 并将其放在锁定的图层上，然后在其上的图层上进行绘图以显示您所做的任何更改需要展示。
我以前在一个非常小的项目中使用过 Mockingbird。 http://gomockingbird.com 这是一个允许协作的基于网络的客户端。不过，它显然会在几天后离开测试版并停止免费。