【问题标题】:Free (or low-cost) tools to create GUI mockups? [closed]免费(或低成本)工具来创建 GUI 模型? [关闭]
【发布时间】:2012-04-24 05:31:08
【问题描述】:

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

是否有类似于 Qt Designer 但更通用(和孤立)的工具来模拟一些 UI 想法?

【问题讨论】:

    标签: user-interface mockup-tool


    【解决方案1】:

    我之前使用过 Firefox 的“铅笔”插件 - 快速轻松地绘制东西。

    这真的取决于你想要做什么:你可以获得可以让你模拟 GUI 的工具(例如,当你按下一个按钮时,它会带你到你模拟的不同的地方) - 还没有我自己用过,所以我无法评论它们是否值得。

    【讨论】:

    • 铅笔很棒,可以让你有图层,并将文件保存在你的计算机上。很棒的应用程序!
    • 我不是 Firefox 用户,但肯定会看一下铅笔
    【解决方案2】:

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

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

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

    (直截了当地说,我是此类工具的作者 - http://MockupScreens.com

    【讨论】:

      【解决方案3】:

      看看WireframeSketcher wireframing tool。它适用于任何 Eclipse IDE,也有独立版本。

      【讨论】:

      • WireframeSketcher 看起来不错,我会试试这个,因为我有时会使用 eclipse 进行开发,它有一个独立的,所以也很好。谢谢
      【解决方案4】:

      我使用 Fireworks、Lumzy、Justinmind 和 Maqetta 来制作模型。

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

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

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

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

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

      【讨论】:

        【解决方案5】:

        Lucid Chart 有一个 google chrome 应用程序和一个免费版本,但我不记得它的局限性。我确实记得它有一些 UI 布局库,虽然我不知道它们的范围有多大。

        【讨论】:

          【解决方案6】:

          我一直是Balsamiq 的粉丝,虽然它可能不符合低成本...

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2010-09-16
            • 1970-01-01
            • 1970-01-01
            • 2011-09-25
            • 1970-01-01
            • 1970-01-01
            • 2011-03-30
            • 1970-01-01
            相关资源
            最近更新 更多