文件預覽
範本在 UUIDE 中開啟後的實際效果（與匯出 PDF 同貌）。
线框图说明
项目： · 阶段：低保真线框 · 版本：V . · 2026- 月- 日 · 绘制： · 评审人：
一、文档范围
本次覆盖页面：
暂不覆盖页面：
与 PRD 的对应：
线框查看位置：
阅读约定：区块编号 W-X（页面）+ 字母序（自上而下）；线框仅表达信息结构与布局优先级，不表达视觉样式（颜色、字体、图标均为占位示意）。
二、页面区块明细
2.1 页面： （W-1）
| 区块 | 区块名称 | 包含信息元素 | 层级 | 交互行为 | 备注 |
|---|---|---|---|---|---|
| W-1A | L1 | ||||
| W-1B | L2 | ||||
| W-1C | L3 |
2.2 页面： （W-2）
| 区块 | 区块名称 | 包含信息元素 | 层级 | 交互行为 | 备注 |
|---|---|---|---|---|---|
| W-2A | L1 | ||||
| W-2B | L2 |
三、信息层级定义
| 层级 | 定义 | 布局要求 | 典型内容 |
|---|---|---|---|
| L1 首要 | 用户进入页面的核心目的 | 首屏直达，占据主视觉位置 | 主操作、核心数据 |
| L2 次要 | 支撑核心任务的辅助信息 | 首屏或一次滚动可达 | 筛选、列表、说明 |
| L3 兜底 | 低频但有存在必要 | 折叠、次级入口或页脚 | 帮助、协议、历史 |
四、内容优先级排序
小屏（移动端）内容裁剪顺序——空间不足时自下而上隐藏：
五、待确认事项
- 待确认事项经产品确认后回填本文档
- 线框定稿后转入高保真设计并同步区块编号
区块编号在高保真与开发阶段保持不变，作为三方对齐的锚点。
怎麼使用
- 1下載安裝 UUIDE 桌面應用程式（官網首頁免費取得）
- 2開啟 UUIDE，進入首頁「範本庫」分頁，找到本範本
- 3點擊「使用」並選擇目標專案——範本會複製為專案裡的一般文件
- 4隨意編輯文字、表格與圖片，完成後可匯出 PDF
常見問題
- 這個範本是免費的嗎？
- 免費，可商業使用。UUIDE 官方範本全部免費提供，個人或商業情境皆可放心使用。
- 範本內容可以修改嗎？
- 可以。「使用」會把範本複製成你專案裡的一般文件，文字、表格、圖片都能直接編輯。
- 能匯出成 PDF 或 Word 嗎？
- UUIDE 內可一鍵匯出 PDF（與預覽同貌）；Word 等格式可用複製貼上或後續匯入匯出功能轉換。