免费（或低成本）工具来创建GUI模型？

Question

到目前为止，我一直用铅笔在纸上画出我的模型，它大部分都有效，但我想知道是否有专业的工具来做这个？对团队项目说，如何通过GUI嘲笑想法，当然不是我的尼安德特纸笔和铅笔方法？专注于桌面应用程序，我想要一些建议。我还使用了一些IDE设计师，迄今为止我使用过的最有用和最直观的是Nokias Qt Designer，因为它与Qt的MVC模式以及在设计中添加插槽/信号关系的能力非常好地集成。

有没有像Qt Designer那样的工具，但是为了模拟一些UI想法而更加通用（和孤立）？

Answer 1

之前我曾经为firefox使用过“铅笔”插件 - 快速简单地绘制东西。

它真正取决于你想要做的事情：你可以获得的工具可以让你模拟GUI（例如，当你按下一个按钮，它将带你到你嘲笑的另一个） - 没有自己使用它们所以我不能评论它们是否值得。

Answer 2

这里有一个非常详尽的商业和非商业工具列表： http://c2.com/cgi/wiki?GuiPrototypingTools

QT设计师确实是用于创建模型的“最接近”的IDE，但专业工具

1. 要快得多，因为它们是为了这个目的而构建的
2. 不需要编程知识，因此可供分析师和其他非开发人员使用
3. 通常带有“黑白”或“手绘”皮肤，以避免陷入无休止的颜色，字体等讨论中。
4. 允许您注释您的模型，以激发讨论或将这些注释用于规范

（就在这里，我是这种工具的作者 - http://MockupScreens.com）

Answer 3

看看WireframeSketcher wireframing tool。它适用于任何Eclipse IDE，并且还有一个独立版本。

Answer 4

我使用Fireworks，Lumzy，Justinmind和Maqetta作为模型。

Fireworks是任何设计工作的绝佳工具，除非您需要专业的矢量或Photoshop编辑。您可以轻松找到模型库并创建链接，连接页面，甚至在组件上添加状态。但是，你无法实现高级的gui组件行为，例如datagrid，accordion等。学习需要很少的时间但是值得。

Lumzy一开始很棒。我可以很容易地创建具有非常丰富的gui库的交互式模型。您甚至可以将您的团队成员添加到lumzy项目中，并通过Web浏览器在同一个模型上一起工作。最好的部分是完全免费的。但是，一旦模拟文件的数量增加，我就开始出现奇怪的错误。最后，我甚至无法保存我的项目。因此，它可能是简单模型的最佳免费工具，但不是完整的解决方案。

Justinmind是一种昂贵的工具。它非常专业和详细。您可以感觉到您正在使用它设计实际产品。然而，对于简单的事情，它有时可能太多了。我被建议自己创建整个手风琴组件，只是为了添加一个切片。花了几个小时后，我放弃了，因为在模型元素上浪费那么多时间根本没有意义。

如果你想继续你的模型到实际设计，那么你可以尝试Maqetta。它是免费的，使您可以轻松地将html / javascript元素放在许多布局中，包括ipad和iphone。但是，它需要比简单的模型化过程更多的努力，你可以猜到。

我认为仍然需要一个完整的模型解决方案，它将便宜/非常易于使用/富含gui元素/可扩展，并允许您继续在该模型上进行实际设计。

Answer 5

Lucid Chart有一个谷歌浏览器应用程序，并有一个免费版本，但我不记得它的局限性。我特别记得它有一些UI布局库，虽然我不知道它们有多广泛。

Answer 6

我一直是Balsamiq的粉丝，虽然它可能不符合低成本......