logo标签列表

在线或自托管有哪些网站线框工具可用？

htmlcsswireframe
13

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

具体来说，我想要一个：

  • 易于使用
  • 支持协作
  • 可以导出HTML和CSS
  • 可以向客户展示线框图。允许注释是一个不错的功能。
  • 价格低廉或免费
1
以下是 10 款免费线框图工具的清单，供日后参考：http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-applications/。 - Jeff Paquette
1
最近有多少好问题被关闭了，真是令人惊讶。 - Taptronic
1
谁会对5年前的一个已关闭的问题进行踩？ - Jeff Paquette
9个回答
5

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

Balsamiq

4

Creately

Creately 不是完全免费的，但你可以根据自己认为合适的价格来支付（甚至只需支付$1）。以下是一些官方网站提供的功能：

Business Diagrams

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

User Interface Design

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

Software & Systems Diagrams

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

Network Diagrams & more

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

Creately example

Mockingbird

另一个选择是Mockingbird。他们的“座右铭”是：

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

  2. 创建链接。 链接多个模型，并交互式地预览它们，以了解应用程序的流程。

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

Mockingbird example

Mockingbird使用Cappuccino框架制作。

4
你可以使用HTML进行线框图设计。
认真对待直接使用HTML进行线框图设计所能带来的优势，以及可用工具的效果。像jQuery和PolyPage这样的工具使得HTML成为一个非常强大和有能力的线框图设计和原型制作工具。
我曾经写过一篇博客文章，解释了直接使用HTML进行线框图设计的一些优势和工具（抱歉，有些自我推销）。
3
另一个很棒的网站线框图/模型工具是Mockingbird...它支持协作并且导出效果不错。
+1 for Mockingbird，非常棒的工具。 - Pascal Thivent
2
火狐铅笔插件
1

http://mockflow.com

Mockflow是我迄今为止使用过的最好的工具，而且我尝试过很多。它是基于Web的，并且对于注重用户界面而非设计的人来说非常友好，而且还可以免费用于一个项目。

1

微软 Expression Blend。它不是免费的，但版本3中的 Sketchflow 功能不仅可以创建线框图，还可以将它们发布到 Web 上，用户可以对其进行评论和注释，并将这些评论收集并返回给设计团队。

网站上提供了60 天免费试用版和 Sketchflow 教程。

1

ProtoShare 是基于Web的，因此它可以与所有平台兼容，您的客户无需下载软件即可查看和发表评论。它不是免费的，但计划从每月$19起，有30天的免费试用期。

除了客户能够评论外，设计师也可以注释线框图。目前，您无法导出到HTML或CSS，但您可以在应用程序中使用CSS来传达正确的信息和样式。HTML导出即将推出。

祝您搜索顺利！

0

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接