什么网站线框工具可在线或自托管？

Question

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

具体来说，我想要的是

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

Answer 1

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

Balsamiq

Answer 2

Creately

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

     

软件＆amp;系统图

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

     

网络图＆amp;更

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

模仿鸟

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

  

  

1. 快速嘲笑它。   将UI元素拖放到页面，然后重新排列并调整大小。在几分钟内从想法转到模型。

  

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

  

3. 点击即可分享。   与同事或客户共享模型就像发送链接一样简单。没有更多的电子邮件文件夹的混乱图像。

  

Mockingbird是使用Cappuccino框架制作的。

Answer 3

你可以用HTML格式化线框。

说真的，不要忽视直接HTML线框图可以为流程提供的优势，或者使用哪些工具来使其更容易和有效。像jquery和polypage这样的东西使HTML成为一个功能强大且功能强大的线框图和原型设计工具。

前段时间我写了blog post，解释了直接HTML线框图的一些优点和工具（对于无偿的自我推销感到抱歉）。

Answer 4

另一个伟大的网站线框/模型工具是Mockingbird ...它是协作的并且做得不错。

Answer 5

Firefox铅笔插件

Answer 6

http://mockflow.com

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

Answer 7

Microsoft Expression Blend。它不是免费的，但版本3中的Sketchflow功能不仅允许您创建线框，还允许您将它们发布到Web，用户可以在其中对其进行注释和注释，并收集注释并将其返回给设计团队。

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

Answer 8

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

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

祝你好运！

Answer 9

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