我正在寻找一种用户界面设计工具，用于在文档中可视化可能的GUI。我不应该生成代码。我知道Microsoft Visio提供了这样的功能。但是否有其他选择？
你使用哪个软件来可视化GUI？
PS. 另一个著名的工具是The Pencil Project。
8个回答
6
我在此发布了一份建议摘要，基于我作为UX设计师/信息架构师的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上使用）仍然非常出色，如果您需要最大的灵活性并想要绘制非常优雅的流程图。
即使您不打算将JavaScript库合并到原型中，也要关注JQuery UI组件。如果您喜欢直接编码，但不一定需要重复使用代码，您还可以考虑使用CSS框架与Jetstrap等所见即所得编辑器结合使用。
使用纸张玩耍折纸而不是做原型。
随着界面变得越来越动态，交互式原型是提供深入、上下文和响应式文档的最佳方式。如果您是专业设计师，我建议使用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上使用）仍然非常出色，如果您需要最大的灵活性并想要绘制非常优雅的流程图。
即使您不打算将JavaScript库合并到原型中，也要关注JQuery UI组件。如果您喜欢直接编码，但不一定需要重复使用代码，您还可以考虑使用CSS框架与Jetstrap等所见即所得编辑器结合使用。
使用纸张玩耍折纸而不是做原型。
- Luca Benazzi
0
“必须不”这个说法有点奇怪……如果你使用IDE设计器放置一些控件，但是不使用代码，这样就足够了吗？
或者使用 "blend" - 这会生成XAML，它仅仅是布局 - 没有代码。
- Marc Gravell
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接