线框图是一个可视化的导图，可以用其来诠释出一个网站的龙骨，同时也可以称其为一个页面的示意图或屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以低成本且高效率来进行迭代设计。
为了对线框图进行更好的设计与修改，我们会选择一些优秀的工具，当然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。
在设计初期，你可以在纸上或白板上绘制基本的草图，来帮助完成一些用户界面和任务流程概念。这些类型的线框图可以很好满足小型的项目，使你可以直接 开始进入到开发的阶段。但是，对于大多数的项目，我们就必须借助一些设计软件的帮助，如AdobeIllustrator，Visio或 OmniGraffle。
为了做出一个优秀的线框图和网页草稿，我们可以考虑从以下10个优秀的工具中做出选择，帮助你进行网页页面创作、线框图草图设计：
Axure是一款非常适合设计师的工具，它能够创建线框图、设计流程图、进行交互设计、自动输出网站原型、自动输出word格式规格文件。拥有现成 的部件包括按钮，表单域，形状和动态元素，您可以选择在一个自己熟悉的下进行编辑，甚至你可以创建自己的自定义widget库。
MockFlow是一款很优秀的工具，类似于 Axure ，不过它是一款完全基于Web浏览视窗的产品原型制作工具，可以帮助你对自己的软件用户界面以及在网页重构时进行设计和实时协作。它配备了大量的内置组件 和图标，如按钮（Button）、图片（Image）、文字面板（Text Panel）、下拉式菜单（Droplist）、进度条（ProcessBar）等等。
使用Balsamiq Mockups就像是进行数码绘画，但有略有不同。你可以轻易的进行调整和重新编排，最终的结果就像是一幅赏心悦目的涂鸦，除了真实的纸笔，目测它是最方 便的工具了。软件带有75个预置控制可供选择，你可以用它设计出一个超级简单的对话框。也可以用它设计出任何一个成熟的应用程序，无论是一个简单的网站， 还是一个富互联网应用都可以用它来完成。
推荐：