线框图模板

这个模板适合做什么

这个线框图模板帮你在写代码或制作高保真设计之前，快速把任何页面的布局结构画出来。用它规划内容区块、导航模式、表单字段和按钮位置，用低保真的方式让团队对页面结构给出反馈，而不是一上来就纠结配色和字体。线框图是验证布局是否合理最快的方式，也是发现问题成本最低的阶段。

适用场景

• 在交给视觉设计师之前，先画出落地页布局，确定内容层级。
• 为客户演示绘制移动端核心页面和导航流程。
• 在数据开发开始前，先画出仪表盘布局，确定各数据组件的位置。
• 设计多步骤结账流程，在开发前找出体验摩擦点。
• 规划带侧边导航的管理后台，提交干系人审核。
• 制作低保真原型用于用户测试，不需要开发任何实际功能。

使用步骤

1. 1从主页面开始，划分主要内容区域：页头、主体、侧边栏、页脚。
2. 2用占位文字和图片框表示内容密度，不需要填写真实文案。
3. 3根据平台类型画出导航元素：顶部导航、侧边栏、标签页或底部导航栏。
4. 4标出主要操作按钮，并注明点击后会发生什么。
5. 5用箭头连接相关页面，表示用户从一个状态跳转到下一个状态的路径。

简单示例