线框图(Wireframe)是软件或者网站设计过程中非常重要的一个环节。

线框图是整合在框架层的全部三种要素的方法：通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。通过把这三者放到一个文档中，线框图可以确定一个建立在基本概念结构上的架构，同时指出了视觉设计应该前进的方向。

其实对于更小或更简单的网站来说，一个线框图就足够作为所有即将建立的页面的模板。对于大多数项目来说，无论如何，都需要用多个线框图来传达复杂的预期结果。不过，你不需要为网站的每一个页面都准备一个线框图。正如结构设计流程允许我们把内容要素总结成各个种类一样，一个数量相对较少的标准页面类型将在绘制线框图的过程中慢慢浮现。

线框图在正式建立网站的视觉设计的流程中，是必要的第一步，但是几乎每一个参与这个开发过程的人都会在一些任务点中使用它。负责战略层、范围层和结构层的设计者可以借助线框图来保证最终产品能满足他们的期望。真正负责建设这个网站的人，则使用线框图来回答关于网站应该如何运作的问题。

随着用户体验领域的不断成熟和发展，线框图的责任有时还成为企业内部某种口水战的主题。一些网站研发团队很鲜明地把这部分工作分成两个部分，由两个独立的角色（有时候是整个部门）“信息架构师”和“设计师”来承担。

在Web开发和软件开发项目中线框扮演着极其重要的角色，因为它能允许开发者和客户在项目搭建中可视化网页。友好性、易操作以及内容多样化对于网站来说非常重要，利用线框工具可以帮助你简化繁琐的设计过程为你节省时间和精力。常用的工具包括PowerMockup—为PPT添加线框、Moqups—在线Mockup线框工具、Wireframe.cc — 在线线框工具等。