2012-04-24 77 views
4

到目前为止,我一直在使用铅笔在纸上绘制出我的模型,它大部分都适用,但我想知道是否有专业的工具可以做到这一点?对于团队项目而言,GUI是如何模拟通过的想法,当然不是我的纸和铅笔的尼安德特尔方法?侧重于桌面应用程序,我想提供一些建议。我还使用了一些IDE设计人员,迄今为止我使用的最有用和最直观的设计人员是Nokias Qt Designer,因为它与Qt的MVC模式很好地结合在一起,并且能够在设计中添加插槽/信号关系。用于创建GUI模型的免费(或低成本)工具?

有没有像Qt设计器一样的工具,但只是嘲讽一些用户界面的想法更普遍(和孤立)?

回答

2

还有就是商业和非商业工具相当详尽的清单在这里: http://c2.com/cgi/wiki?GuiPrototypingTools

QT设计师的确是创建模拟起坐“最近”的IDE,但专门的工具

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

(只是要直奔这里,我这样的工具的作者 - http://MockupScreens.com

0

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

3

我以前用过firefox的“铅笔”插件 - 快速简单地绘制东西。你真的可以得到你想要做的事情:你可以得到一些工具,让你模拟GUI(例如,当你按下一个按钮,它会带你到一个不同的,你嘲笑) - 避风港'我自己使用它们,所以我不能评论它们是否值得。

+1

铅笔是伟大的,让你有层次,并保存在您的计算机上的文件。很棒的应用 – 2012-04-24 09:27:25

+0

我不是一个Firefox用户,但肯定看看铅笔 – gandolf 2012-04-24 11:18:12

0

我一直的Balsamiq风扇,虽然它可能不符合成本低...

1

看看WireframeSketcher wireframing tool。它可以在任何Eclipse IDE中使用,并且还有独立版本。

+0

WireframeSketcher看起来不错,我会尝试这一个,因为我有时使用eclipse进行开发,它有一个独立的,所以这也是很好的。谢谢 – gandolf 2012-04-26 08:55:58

1

我用烟花,Lumzy,Justinmind和Maqetta为样机。

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

Lumzy一开始是伟大的。我可以通过非常丰富的gui库轻松创建交互式模型。你甚至可以将你的队友加入到笨拙的项目中,并通过你的网络浏览器在同一个模型上一起工作。最好的部分是它是完全免费的。但是,一旦模型文件数量增加,我开始出现奇怪的错误。最后,我甚至无法保存我的项目。所以,它可能是简单模型的最佳免费工具,但不是一个完整的解决方案。

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

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

我认为仍然需要一个完整的样机解决方案,这将是便宜/非常容易使用/丰富的GUI元素/可扩展,并允许您继续您的实际设计的样机。