线框图是一种简化的布局草图，它展示结构，但不包含视觉设计。没有颜色、没有图片、没有精美的字体。只有方框、线条和占位符文本。其目的是在决定外观之前，先确定各个元素的位置。线框图可以解答有关层级结构、导航和内容流程的问题。它们制作成本低，修改也容易。

设计师可以手绘线框图，也可以使用 Figma 或 Sketch 等工具，或者使用专门的应用程序。低保真线框图使用粗略的方框和潦草的标签。高保真线框图会添加实际内容和更精确的间距，但仍然避免使用颜色和图像。团队使用线框图可以尽早与利益相关者达成共识。如果客户在线框图中对移动按钮的位置有异议，那么就能避免日后重新构建最终界面的麻烦。

线框图显示了什么

• 主要页面部分的布局。
• 导航结构和菜单项。
• 内容层级和分组。
• 交互元素，例如按钮和表单。

线框图并非蓝图，而是沟通工具。其目标是在任何人花费时间关注表面细节之前，就结构达成共识。