在开始一个新的Web项目设计之前，画一个是个非常好的开端。线框图可以在没有设计元素和颜色的干扰的情况下比较完善地表现页面的布局，可以比较方便地规划好如页头、正文区域、导航 菜单、页脚等较大的布局组成部分，最关键的是它在具体的细节设计工作之前，帮助设计师确定了主要布局，从而避免了布局的变化所带来巨大的额外工作量。

设计人员可以用各种方式绘制线框图，也有不少特意为了此功能而开发的线框图绘制工具。在本文中我们就来介绍我们收集到的10款杰出 的Web线框图创建绘制工具。

MockFlow可以让你设计网站和软件的UI模型并与他人实时协作设计。它附带有许多内置组件和图标。

Axure使得应用设计师能够创建应用程序和网站的线框，流程图，原型和规范。内置的组件库包括按钮，表单域，曲线和其他常见的各种动态元素。同 时，用户也可以创建自定义的组件库。

Balsamiq Mockups有点像是数字化的铅笔画，只是更方便调节，结果也更整洁一些。75个预置控制可供选择，您可以设计一个超简单的对话框，任何一个成熟的应 用，从一个简单的网站到成熟的互联网应用程序。内置75种控件，可以完成从一个超简单的对话框到全功能软件、一个简单的网站到富互联网应用(RIA)的全 部原型设计工作。

Pencil Project是一个免费的Firefox插件。主要功能包括：内置的模具，多页文件的支持，以及多种导出选项。

HotGloo是一个纯基于web的应用，可以通过简单的拖拽就能完成框图的制作。它同 样支持实时协作。

Mockingbird是另一个专注于协作的web应用，它允许将多个模型链接到一起进 行互动操作，带来更直观准确的原型体验。

Cacoo是一个在线绘图工具，可以绘制站点地图、线框图、UML和网络图等各种图表。

这又是一款针对协作开发的基于web的原型工具，团队成员可以查看工作情况并对这些可以 点击的线框图或创作内容及时提供反馈意见、想法和建议。

iPlotz可以为网站或软件设计制作可点击、导航的线框原型。

OmniGraffle也是一款非常棒的线框原型绘制工具，同样可以用来绘制其他类型的图表及分析图。可惜的是这个软件只有Mac OS版。非苹果的用户就不能用了。

来源：