html - 哪些网站线框图工具可在线获得或自托管？

Question

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

具体来说，我想要的是

score 5 · Accepted Answer

5

Balsamiq ，不是完全免费的，但你可以使用它。

于 2009-11-24T19:09:36.940 回答

score 4 · Accepted Answer

创造性地

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。他们的“座右铭”是：

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

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

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

知更鸟示例

Mockingbird 是使用Cappuccino框架制作的。

score 4 · Accepted Answer

你可以只用 HTML 线框。

说真的，不要忽视直接的 HTML 线框图可以为流程提供的优势，或者有哪些工具可以使它更容易和更有效。jquery 和 polypage 之类的东西使 HTML 成为一个非常强大且功能强大的线框图和原型制作工具。

前段时间我写了一篇博文，解释了直接 HTML 线框图的一些优点和工具（对不起，无缘无故的自我宣传）。

score 3 · Accepted Answer

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

score 2 · Accepted Answer

2

火狐铅笔插件

于 2010-11-04T16:14:01.253 回答

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

网站上有免费的 60 天试用版和 Sketchflow 教程。

score 1 · Accepted Answer

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

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

祝您搜索顺利！

score 0 · Accepted Answer

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