用于创建 GUI 模型的免费(或低成本)工具



到目前为止,我一直在用铅笔在纸上绘制我的模型,它在大多数情况下都有效,但我想知道是否有专业的工具可以做到这一点? 比如说对于团队项目,GUI模拟想法是如何传递的,肯定不是我的尼安德特人的纸和铅笔方法吗? 专注于桌面应用程序, 我想要一些建议。我也使用过一些IDE设计器,到目前为止我使用过的最有用和最直观的是Nokias Qt Designer,因为它与Qt的MVC模式以及设计中添加插槽/信号关系的能力集成得非常好。

有没有一个工具很像Qt Designer,但更通用(和孤立)只是模拟一些UI想法?

我以前在Firefox上使用过"铅笔"插件 - 快速轻松地绘制东西。

它确实包含了您想要做的事情:您可以获得可以让你模拟 GUI 的工具(例如,当您按下按钮时,它会将您带到您模拟的不同位置) - 我自己没有使用过它们,所以我无法评论它们是否值得。

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

QT设计器确实是创建模型的"最接近"IDE,但专用工具是

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

(在这里直截了当地说,我是这种工具的作者 - http://MockupScreens.com)

看看 WireframeSketcher 线框图工具。它适用于任何Eclipse IDE,并且还有一个独立版本。

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

Fireworks 是任何类型的设计工作的绝佳工具,除非您需要专业的矢量或 photoshop 编辑。您可以轻松找到模型库并创建链接,连接页面,甚至在组件上添加状态。但是,您无法实现高级 gui 组件行为,例如数据网格、手风琴等。学习需要一点时间,但这是值得的。

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

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

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

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

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

我一直是Balsamiq的粉丝,尽管它可能不符合低成本的条件......

最新更新