【问题标题】:What website wireframing tools are available online, or self-hosted? [closed]哪些网站线框图工具可在线获得或自托管? [关闭]
【发布时间】:2010-12-20 00:25:15
【问题描述】:

我正在寻找一种易于使用的线框图工具。我听说过gliffy,还有其他的吗?

具体来说,我想要的是

  • 易于使用
  • 支持协作
  • 导出为 html 和 css
  • 让我向客户展示线框图。允许注释将是一个不错的功能。
  • 低成本或免费

【问题讨论】:

  • 为了将来参考,这里列出了 10 个免费的线框图工具speckyboy.com/2010/01/11/…
  • 令人惊讶的是,最近有多少好问题被左右关闭了.......
  • 谁对 5 年前的封闭问题投了反对票?

标签: html css wireframe


【解决方案1】:

Balsamiq ,不是完全免费的,但您可以使用它。

Balsamiq

【讨论】:

    【解决方案2】:

    创意地

    Creately 并不是真正免费的,但您可以向他们支付您认为合适的任何价格(甚至是 1 美元)。部分功能(来自官网):

    业务图

    * Process Flow (BPMN)
    * Online Flowcharts
    * Concept Maps
    * Mind Maps
    * SWOT Diagrams
    * Organizational Chart
    

    用户界面设计

    * Wireframe for Website
    * UI Mockup Wireframe
    * Web Flow Charts
    * Online Sitemaps
    * Mockup Screens
    * Desktop Software Mockup
    

    软件和系统图

    * System Diagram and Design
    * ER Diagrams (Entity)
    * Data Flow Diagram (DFD)
    * UML Diagrams
    * Class Diagram
    * UML State Charts
    

    网络图及更多

    * Home Network Diagram
    * Office Network Diagram
    * Data Center Design Layout
    * Capacity Planning models
    * Digital Circuits
    

    知更鸟

    另一个选项是Mockingbird。他们的“座右铭”是:

    1. 快速模拟。 将 UI 元素拖放到页面上,然后重新排列和调整大小。在几分钟内将想法变成模型。

    2. 建立链接。 将多个模型链接在一起并以交互方式预览它们,以了解应用程序的流程。

    3. 一键分享。 与同事或客户共享模型就像发送链接一样简单。不再通过电子邮件发送混乱图像的文件夹。

    Mockingbird 是使用 Cappuccino 框架制作的。

    【讨论】:

      【解决方案3】:

      你可以只用 HTML 线框。

      说真的,不要忽视直接 HTML 线框图可以为流程提供的优势,或者有哪些工具可以让流程变得更容易和更有效。像 jquery 和 polypage 这样的东西使 HTML 成为一个非常强大的线框图和原型制作工具。

      我不久前写了一个blog post,解释了直接 HTML 线框图的一些优点和工具(对不起,无偿的自我宣传)。

      【讨论】:

        【解决方案4】:

        另一个很棒的网站线框/模型工具是Mockingbird ...它具有协作性并且可以很好地导出。

        【讨论】:

        • Mockingbird+1,很棒的工具
        【解决方案5】:

        火狐铅笔插件

        【讨论】:

          【解决方案6】:

          http://mockflow.com

          Mockflow 是迄今为止我用过的最好的,我已经尝试了很多。基于 Web 且对一个项目免费。对有 UI 意识的非设计师非常友好

          【讨论】:

            【解决方案7】:

            Microsoft 表达式混合。它不是免费的,但版本 3 中的 Sketchflow 功能不仅可以让您创建线框,还可以让您将它们发布到网络上,用户可以在其中评论和注释它们,它会收集 cmet 并将它们返回给设计团队。

            网站上有60-day trial version that is free,还有 Sketchflow 教程。

            【讨论】:

              【解决方案8】:

              ProtoShare 是基于网络的,因此它适用于所有平台,您的客户无需下载软件即可查看和制作 cmets。它不是免费的,但计划起价为每月 19 美元,可免费试用 30 天。

              除了客户可以评论之外,设计师还可以对线框进行注释。目前,您无法导出为 HTML 或 CSS,但您可以在应用程序中使用 CSS 来获取正确的消息和样式。 HTML 导出即将到来。

              祝您搜索顺利!

              【讨论】:

                【解决方案9】:

                使用LucidChart,您可以创建交互式线框。他们有一个免费版本,其中包含有限的线框图功能子集,但他们的订阅价格非常合理。

                【讨论】:

                  猜你喜欢
                  • 2012-09-30
                  • 1970-01-01
                  • 2012-07-21
                  • 1970-01-01
                  • 1970-01-01
                  • 2016-09-25
                  • 1970-01-01
                  • 2016-11-10
                  • 1970-01-01
                  相关资源
                  最近更新 更多