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

4

到目前为止,我一直用铅笔在纸上画出我的模型图,这在大部分情况下都可以使用,但我想知道是否有专业的工具来完成这项工作?比如针对团队项目,GUI模拟想法是如何传递的,肯定不是像我这种穴居人一样用纸和铅笔吧?特别是关注桌面应用程序,我需要一些建议。我也使用了一些IDE设计师,到目前为止我使用过最有用和直观的设计师是诺基亚Qt Designer,因为它与Qt的MVC模式完美集成,并且可以在设计中添加插槽/信号关系。

有没有类似于Qt Designer但更广泛(和独立)用于只是模拟一些UI想法的工具?

6个回答

3
我以前使用过Firefox的“pencil”插件 - 快速轻松地绘制物品。
这真的取决于您想要做什么:您可以获得工具,可以让您模拟GUI(例如,当您按下按钮时,它将带您进入您已经模拟的不同页面) - 我自己没有使用过,因此无法对其是否值得一试发表评论。

1
铅笔很棒,可以让你使用图层,并将文件保存在计算机上。非常好的应用程序! - JoséNunoFerreira
我不是很常用 Firefox,但我一定会看看 Pencil。 - gandolf

2
这里有一份相当详尽的商业和非商业工具清单:http://c2.com/cgi/wiki?GuiPrototypingTools QT设计师确实是创建模型的“最接近”IDE,但专门的工具:
1.更快,因为它们是为此目的而构建的。
2.不需要编程知识,因此可以被分析师和其他非开发人员使用。
3.通常配有“黑白”或“手绘”皮肤,以避免陷入无休止的关于颜色、字体等的讨论。
4.允许您注释您的模型,以引发讨论或将这些注释用于规范。
(只是为了明确,在这里,我是这样一个工具的作者 - http://MockupScreens.com

1

我使用了Fireworks、Lumzy、Justinmind和Maqetta进行模型设计。

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

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

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

如果你想将你的模型转化为实际设计,那么可以尝试使用Maqetta。它是免费的,并且可以让你轻松地在多种布局中放置HTML/JavaScript元素,包括iPad和iPhone。然而,它需要比简单的模型过程更多的努力,这一点你可以想象。

我认为仍然需要一个完整的模型解决方案,它应该是便宜/易于使用/具有GUI元素/可扩展,并且允许你在该模型上继续进行实际设计。


1

WireframeSketcher看起来很不错,我会试一下,因为有时候我会用eclipse进行开发,而且它也有一个独立的版本,这也很好。谢谢。 - gandolf

0

Lucid Chart有一个Google Chrome应用程序和一个免费版本,但我不记得它的限制。我确切地记得它有一些UI布局库,尽管我不知道它们有多广泛。


0

我一直是Balsamiq的粉丝,尽管它可能不算低成本...


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接