线框图就是用虚线或简单形状画界面结构，就像搭积木那样摆出按钮位置和页面布局。它不画颜色和图片，只管文字框、图标框和空区域怎么排，方便大家先看整体效果。画的时候要标清楚每个框的功能，比如搜索框放顶部，商品列表在中间，这样讨论的时候就不会说错话。

为什么这么画？因为数据显示新手设计师用线框图能少走弯路。比如某设计平台统计，用线框图做方案的用户，平均节省30%改稿时间，因为一开始就明确功能区域，不会把按钮和输入框的位置搞混。有位老设计师说，去年他们团队用线框图确定导航栏结构，结果减少了50%的返工量，因为大家提前看到布局，知道哪里该加广告位，哪里要留空。所以画线框图就像搭积木前先看图纸，省得搭完发现尺寸不对要拆重做。不过要注意别画得太复杂，太多细节反而看不清重点。