线框图是设计的骨架。用方框表示图像，用线条表示文本，用标签表示按钮。没有颜色，没有字体，没有精美的视觉效果。只有最基本的结构。

线框图在设计流程早期阶段出现，位于草图之后、高保真原型之前。它们的作用是回答布局问题：导航栏放在哪里、有多少列、层级结构是什么。故意让线框图看起来不够美观。如果线框图看起来过于完善，利益相关者就会开始争论蓝色色调，而不是讨论布局是否合理。

线框图展示了什么

• 主要元素的位置：页眉、导航、内容、页脚
• 组件的相对大小和优先级
• 屏幕或页面之间的切换
• 交互元素，例如按钮和表单

Balsamiq 和 Figma 等工具让线框图绘制变得快捷高效。不过，有些设计师仍然使用纸笔。媒介本身并不重要，重要的是思路。线框图可以开启对话，它表达的是：这就是结构，您觉得怎么样？在这个阶段修改成本很低。一旦视觉设计完成，移动侧边栏就意味着后续所有工作都要重做。不如在线框图中直接移动它。