文档预览
模板在 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 等格式可用复制粘贴或后续导入导出能力转换。