用户界面设计工具

Question

我正在寻找用户界面设计工具来可视化文档中可能的GUI。我一定不能生成代码。我知道Microsoft Visio提供了一种功能。但有其他选择吗？

您使用哪种软件来显示GUI？

PS。另一个众所周知的工具是The Pencil Project。

Answer 1

balsamiq是一个非常棒且容易的人：http://www.balsamiq.com/

我也很喜欢Axure。

Answer 2

查看Firefox Pencil Extension，是GUI原型设计和简单草图绘制的基本工具....

Answer 3

根据我作为用户体验设计师/信息架构师10年的经验，我在这里发布了一些建议摘要。原始文章可以在这里找到：

[那里有最好的原型制作工具？对Axure，Justinmind和其他UX工具的评论]（http://www.humaneinterface.net/best-prototyping-tools/）

随着界面变得越来越动态，交互式原型是提供深入，上下文和响应式文档的最佳方式。如果您是专业设计师，我建议您使用 Axure RP Pro 或 Justinmind Prototyper 来制作静态，低保真原型和更复杂的交互式原型。两者都提供相当实惠的许可证。

如果您不是专业设计师而且您正在寻找便宜且可以偶尔创建静态线框的工具，我建议使用 Moqups 作为快速原型制作工具。我更喜欢 Balsamiq 。 WireframeSketcher 也是一个有趣的选择。

如果您正在寻找不像Axure / Justinmind那样复杂但比Moqups / Balsamiq更强大的东西，您还可以考虑使用Infragistics的 Indigo Studio （它可以从Balsamiq导入静态模型并制作它们互动）和Protoshare。他们两个，特别是Indigo Studio，都提供不太方便的价格计划，考虑到有限的功能，我不建议将它们作为首选。第三个选项是 UXpin ，它拥有迄今为止我见过的最优雅，最干净和用户友好的界面，在当今可用的UX工具的整个环境中。

对于移动原型设计，如果想要完全控制，可以同时使用Axure和Justinmind，在编写本文时，第二个似乎是更好的选择（即使我没有直接测试）。如果您正在寻找一种简单的方法来构建不太复杂的原型，您可以考虑上面提到的Indigo Studio，或者更实惠的 Proto.io 。

如果您的客户是能够负担非常昂贵的许可证的组织，您还可以考虑 iRise ，这是一个非常全面的企业设计平台。

如果您需要设计静态图来表示用户旅程，您可以考虑使用 Draw.io 或 LucidChart 等工具，但Axure仍提供可以使用的图表工具。引用原型的部分内容。 Justinmind似乎有点受限。 Microsoft Visio （现在作为Web应用程序的Office 365的一部分，因此也可在Mac上使用）仍然很棒，如果您需要最大的灵活性并且想要绘制非常优雅的流程图。

密切关注 JQuery UI组件，即使您不打算将javascript库合并到原型中。如果您想直接编写代码，但不一定需要重用代码，也可以考虑将CSS框架与WYSIWYG编辑器结合使用，例如Jetstrap。

使用纸张来玩折纸而不是原型。

Answer 4

您可能需要查看Joel的文章The Iceberg Secret, Revealed以及articles discussion。

我不知道这与你的任务有什么关系，但是自从阅读它以来我绝对更愿意使用UI的手绘草图，如果我想将它呈现给客户。 （真正意义上的'铅笔项目'; - ）

Answer 5

如果您使用的是Linux，则可以尝试Glade。

Answer 6

看看这个问题的答案中提到的工具：

Prototyping Tools for non-programmers - Expression?

我仍然建议Balsamiq Mockups。生成的GUI模型看起来像草图，使其成为一个很好的工具，用于传达这不是最终GUI的想法，而只是GUI概念的可视化。

Answer 7

“一定不能”似乎很奇怪......如果你使用IDE设计器来控制某些控件，但是不使用代码，那还不够吗？

或使用“blend” - 生成xaml，只是布局 - 无代码。

Answer 8

justinmind prototyper可能适合您。它为您提供了一个HTML来检查界面的工作方式。