# 2b 界面布局

> 项目 slug：`mcn-shortvideo-agent`　｜　②段第 2 子步，产出 `prd/2b-界面布局.md`
> 判据源：`stage-requirements/SKILL.md` §2b ＋ `assets/diagram-design/`（本份只给灰块骨架，不出图）
> 本份专管界面骨架：有哪几页、每页几个板块、板块怎么排、跨页怎么跳。⛔ 不写功能条目的有无与优先级（那是 `2a-产品功能.md`）。
> ⛔ **全文零视觉词**：配色 / 字体 / 间距 / 组件样式（含卡片、按钮、标签这类具体形态） / 动效，一个都不许出现。本份只说「有哪些块、什么顺序」。
> 🔴 **交给③段时骨架是冻结的**：③段不许新增、移动、删除板块。缺板块要回②段改。

---

## 〇、上游状态

| 上游 | 状态 |
|---|---|
| ②段 `2a-产品功能.md` | ✅ 已就位（14 条功能，六字段齐全） |
| ①段 `1e-使用场景.md` | ✅ 已就位（八条用户故事） |
| ①段 1a 的 9 条待复核 ＋ A1–A4 | 🔴 **未经用户确认**。本份受它们影响的只有两处，已就地标出（见 §二 P1 与 §四） |
| 1b 竞品分析 | ✅ 已就位，跨项目。本份引用两处：Easel 发布中心的多平台直证、Easel 创作流水线的环节顺序 |

**分档判据的读法（先说清，全篇一致）**：「删掉它，主操作还做得成吗」按**结果正确**读 —— 缺了它会把事情做错，等于没做成，那就归「主屏常驻」。这是本份对方法论的读法，写在这里以免后面逐条重复解释。

---

## 一、页型（一句判型 ＋ 依据）

**本产品是工具型页面，不是营销页。**

依据：`1a-需求文档.md` §一 与 §四 里的用户是天天来干活的 MCN 团队（内容负责人、编导与文案、剪辑与投放），不是第一次来的访客。§八 留下的三个入口全是干活入口（找选题 / 走创作流水线 / 看矩阵复盘），没有一处是「让人下决心」的落地页。

⇒ ③段不要套落地页骨架。判据：本产品的每一页都有人在里面完成一件事，没有一页是为了让人「看一眼就下决心」而存在的。

---

## 二、八页骨架

### P1 矩阵总览（一级组：看矩阵复盘）

**这一页干什么**：一屏回答每个账号今天该发什么、发了什么、效果如何。

**板块清单（从上到下）**

1. 今日待处理 —— 跨账号的待办：待审、待确认、待复盘各几件
2. 账号矩阵 —— 每个账号今日该发什么 / 已发什么 / 效果如何
   ⛔ 本块**不写怎么呈现**（矩阵、列表、卡片都是形态，归③段判，见 `layouts-tooling.md` §0）
3. 异常值提示 —— 最近哪些内容的数据异动
4. 本月表现最好的一条
5. 全局检索与随手记入口

**主操作**：决定今天先处理哪一件事，并进到那一件事。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 账号矩阵 | 主屏常驻 | 删掉它，主操作的对象就没了 —— 不知道有哪些账号，无从决定先处理哪件 |
| 今日待处理 | 主屏常驻 | 删掉它，主操作没有候选可挑，做不成 |
| 异常值提示 | 可点入 | 删掉它，主操作仍做得成（异常值是 P2 的输入，不是这一页的决策依据） |
| 本月表现最好 | 可点入 | 删掉它，主操作完全不受影响 —— 它只是激励 |
| 随手记入口 | 可点入 | 判据答「做得成」。⚠️ 但它是 F2 的入口，以**全局可达**的方式出现：任意页面一次点击内能碰到，不占 P1 的主屏常驻位 |

🔴 本页依赖 **A1**（账号数 10–50）与**待复核第 5 条**（矩阵级视图是否真需要）。若第 5 条复核为「不需要」，P1 从「矩阵总览」降为「单账号今日」，只留第 1、4 板块，矩阵列表下移到账号切换。

---

### P2 选题雷达（一级组：找选题）

**这一页干什么**：找选题，并且把选中的那条推进下一步。

**板块清单（从上到下）**

1. 对标监控概览 —— 四个数：在监控的账号数 / 低粉爆款条数 / 异常值条数 / 近三天更新条数
2. 对标内容 —— 每条带它相对该账号平时水平的倍数（⛔ 同 P1，不写呈现）
3. 评论区洞察（可点入子区）—— 取评论、出 AI 候选选题（`2a` F3）
4. 选题库 —— 分「待做 / 在写 / 已用」三组
5. 灵感速记入口

**主操作**：把一条选题推进下一步（去创作台，或去资产库拆解）。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 对标内容 | 主屏常驻 | 删掉它，主操作的对象没了，做不成 |
| 选题库 | 主屏常驻 | 删掉它，主操作没有可推进的条目，做不成 |
| 对标监控概览四数 | 主屏常驻 | 删掉它，看不出哪个账号值得看 —— 列表会长到没法挑，等于主操作做不成 |
| 评论区洞察 | 可点入 | 删掉它，仍能从对标列表拿到选题 |
| 灵感速记入口 | 可点入 | 同 P1 的随手记，全局可达 |

---

### P3 资产库（一级组：找选题）

**这一页干什么**：把拆解结果存下来，下次能直接拿到。

**板块清单（从上到下）**

1. 分区切换 —— 角度 / 结构 / 开场白 / 标题，一次看一个
2. 资产条目 —— 当前分区下的条目（⛔ 不写呈现）
3. 单条详情 —— 原文、出处、（草稿标记）
4. 引用入口 —— 把这条拿去创作台用

**主操作**：把一条拆解结果入库；已入库的则把它引用到创作台。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 分区切换 | 主屏常驻 | 删掉它，四个分区分不开，入库不知道该进哪一区，主操作做不成 |
| 资产条目 | 主屏常驻 | 主操作对象 |
| 单条详情（原文 / 出处） | 可点入 | 删掉它，入库与引用都还做得成（入库门禁在守卫层，不靠这里显示） |
| 引用入口 | 可点入 | 删掉它，`2a` F4 的主路径改成从创作台来找，多绕一步；但 P3 自己的主操作（入库）不受影响 |

---

### P4 创作台（一级组：走创作流水线）

**这一页干什么**：一条内容从选题走到成稿。

**板块清单（从上到下）**

1. 当前内容标识 —— 这是哪条选题
2. 环节进度 —— 七个环节的当前位置，可回退
3. 当前环节工作区 —— 这一步实际干活的地方
4. AI 产出与采纳 —— 当前环节的 AI 产出（生成中 / 已生成 / 失败重试）＋ 采纳·驳回·改后再用
5. 资产引用区 —— 从资产库拿角度、结构、开场白、标题
6. 版本列表（可点入）

**主操作**：把当前环节推进到下一环节。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 环节进度 | 主屏常驻 | 删掉它，不知道下一环节是什么，主操作做不成 |
| 当前环节工作区 | 主屏常驻 | 主操作的对象 |
| AI 产出与采纳 | 主屏常驻 | 删掉它，当前环节的产出无处看、无处采纳 ⇒ 推进到下一环节做不成（`2a` 的 AI 状态流转已有，落位在此） |
| 当前内容标识 | 主屏常驻 | 删掉它，改到别的选题上也不知道，等于做错 |
| 资产引用区 | 可点入 | 删掉它，仍能凭空写（这正是 S2 要治的老毛病），主操作本身做得成 |
| 版本列表 | 可点入 | 删掉它，推进流程不受影响；只有回溯旧版时才需要 |

---

### P5 发布中心（一级组：走创作流水线）

**这一页干什么**：把成稿展开成各账号各平台的版本，过闸，由人确认发出。

**板块清单（从上到下）**

1. 目标选择 —— 这次发给哪些账号、哪些平台
2. 各版本预览与逐版编辑 —— 一个目标一版
3. 检查结果 —— 哪几处会被硬拦、哪几处只是提醒
4. 确认发布 —— 含二次确认
5. 发布记录入口（可点入）

**主操作**：确认发布。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 检查结果 | 主屏常驻 | 删掉它，会被硬拦项挡回去却不知道为什么，主操作做不成 |
| 各版本预览与逐版编辑 | 主屏常驻 | 主操作对象 |
| 确认发布 | 主屏常驻 | 删掉它就没有主操作本身了 |
| 目标选择 | 可点入 | 判据答「做得成」—— 从 P4 带着版本进来时，目标已定；只有从 P1 直接进来才需要现选 |
| 发布记录入口 | 可点入 | 删掉它，回查改从 P8 进 |

---

### P6 账号画像（跨组）

**这一页干什么**：每个账号一份画像与记忆，看和改都在这一页。

**板块清单（从上到下）**

1. 账号列表 —— 选一个账号
2. 画像六维 —— 定位、风格、受众、平台、偏好与红线、长期记忆
3. 记忆条目 —— 只追加，不覆盖
4. 关联内容 —— 这个账号做过的内容

**主操作**：保存这一份画像。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 画像六维 | 主屏常驻 | 主操作对象 |
| 账号列表 | 主屏常驻 | 删掉它，不知道在改哪个账号的画像，会改错 |
| 记忆条目 | 可点入 | 删掉它，编辑画像与保存都做得成（记忆是回写产物，不是编辑动作的输入） |
| 关联内容 | 可点入 | 删掉它，主操作不受影响 |

---

### P7 复盘台（一级组：看矩阵复盘）

**这一页干什么**：把一条已发布内容的表现读回来，写成这个账号的经验。

**板块清单（从上到下）**

1. 待复盘项
2. 这一条的表现数据
3. 归因结论（由 AI 给出，可编辑）
4. 确认与改判 —— 采纳、驳回或改后再用
5. 回写目标提示 —— 这次回写到哪个账号
6. 历史复盘（可点入）

**主操作**：确认归因并回写。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 表现数据 | 主屏常驻 | 删掉它，归因没有依据，主操作做不成 |
| 归因结论（可编辑） | 主屏常驻 | 主操作对象 |
| 确认与改判 | 主屏常驻 | 删掉它，结论没有采纳或驳回 ⇒ 回写没有依据，等于主操作没做成 |
| 待复盘项 | 主屏常驻 | 删掉它，不知道有什么可复盘，主操作做不成 |
| 回写目标提示 | 主屏常驻 | 删掉它，回写会落到错的账号，这条经验就废了 —— 等于主操作没做成 |
| 历史复盘 | 可点入 | 删掉它，当前这次复盘仍做得成 |

---

### P8 记录与对账（一级组：看矩阵复盘）

**这一页干什么**：查发布留痕，核商单与收支对不对得上。

**板块清单（从上到下）**

1. 发布记录 —— 谁在什么时候确认发的、发的是哪一版（⛔ 不写呈现）
2. 单条溯源 —— 从记录回到内容与版本
3. 对账核对区 —— 内容、发布记录、收支三样对得上
4. 商单与收支（可点入，所属功能 F12 为 P2，第一版可能没有）

**主操作**：核销一条记录。

**信息分档**

| 信息 | 档 | 判据回答 |
|---|---|---|
| 发布记录 | 主屏常驻 | 知道有哪些记录，不知道就无从核销。判据：删掉它，主操作没有对象 |
| 对账核对区 | 主屏常驻 | 主操作对象 |
| 单条溯源 | 可点入 | 判据答「做得成」—— 核销看列表就够；要深究才点进溯源 |
| 商单与收支 | 可点入 | 删掉它，主操作仍做得成；且 F12 是 P2，第一版可能整块没有（见 `2a` §五 的暂缓项） |

---

## 三、页面流转

**门开在哪**：唯一入口是 P1。四个一级组是导航结构，不是四个入口。

**一级导航三组 ＋ 一个跨组入口**（照 `1a` §八 的三个入口）：

| 组 | 含哪几页 |
|---|---|
| 找选题 | P2 选题雷达、P3 资产库 |
| 走创作流水线 | P4 创作台、P5 发布中心 |
| 看矩阵复盘 | P1 矩阵总览、P7 复盘台、P8 记录与对账 |
| （跨组）账号画像 | P6 —— 从 P1、P4、P5 都能进 |

**页与页怎么连**

| 从 | 到 | 什么条件下 |
|---|---|---|
| P1 | P2 | 点「异常值提示」里的某条，或从今日待处理里挑到选题类待办 |
| P1 | P4 | 今日待处理里有「在写」的内容 |
| P1 | P5 | 今日待处理里有待审 / 待确认的内容 |
| P1 | P6 | 点账号矩阵里的某个账号 |
| P1 | P7 | 今日待处理里有待复盘的 |
| P1 | P8 | 今日待处理里有待核销的 |
| P2 | P3 | 对某条对标内容发起拆解 |
| P2 | P4 | 把一条选题转入创作 |
| P3 | P4 | 引用一条资产去创作 |
| P4 | P5 | 成稿态，去发布 |
| P4 | P6 | 需要查这个账号的口径 |
| P5 | P6 | 发布前要核账号口径 |
| P5 | P7 | 已发布，去复盘 |
| P5 | P8 | 发布后去查留痕 |
| P6 | P4 | 画像保存后回到创作 |
| P6 | P5 | 画像保存后回到发布 |
| P7 | P6 | 归因回写（写进该账号的画像） |
| P8 | P5 | 从一条记录回到它对应的版本 |

**两条跨页规则**（`2a` 里已写、在骨架里落地的）：

1. **F7 的多版本跨 P4 与 P5**：在 P4 出成稿，在 P5 展开并逐版确认。所以 P5 才需要「目标选择」这个板块。
2. **F13 的留痕跨 P5 与 P8**：确认动作发生在 P5，记录可查在 P8。

**全局可达**：随手记出现在任意页面一次点击内（F2 是 P0，不能埋在两层下）。

---

## 四、骨架受限的两处（依赖未复核项）

1. **P1 的形态挂在待复核第 5 条上**（矩阵级视图是否真需要）。若答「不需要」，P1 降为单账号今日，矩阵列表下移。这是一处**结构性分支**，③段动工前必须定。
2. **P8 的第 4 板块挂在待复核第 6 条与 A3 上**（商单对账进不进第一版；收支口径）。若「不进第一版」，P8 只留第 1、2、3 板块。

**回收三字段**：复核人 ＝ 主会话转用户；复核时机 ＝ ②段收口时一次性过，③段动工前必须定；结论落点 ＝ 本文件 §四 与 §二 P1、P8 对应板块。

---

## 五、五样给全核对（方法论要求，缺一样③段就没方向）

| 要求 | 本份落在哪 | 齐 |
|---|---|---|
| 页面清单（有哪几页，每页一句话说清干什么） | §二 八页，每页第一行 | ✅ |
| 页面流转（谁跳到谁、什么条件下） | §三 表 ＋ 两条跨页规则 ＋ 二级导航 | ✅ |
| 每页板块清单与排列（几个块、从上到下什么顺序） | §二 每页「板块清单（从上到下）」，逐页编号 | ✅ |
| 每页主操作（唯一那个推进动作） | §二 每页「主操作」 | ✅ |
| 每条信息的分档（主屏常驻 / 可点入，含判据回答） | §二 每页「信息分档」表 | ✅ |
| 页型一句 | §一 | ✅ |

---

## 附：本份自检

- [x] 八页，每页有板块清单与排列顺序、主操作、信息分档（含判据回答）
- [x] 页面流转写了「谁跳到谁、什么条件下」，并说明了门开在哪
- [x] 零视觉词：配色 / 字体 / 间距 / 组件样式 / 动效，一个未出现（已回避「卡片」「按钮」「标签」这类具体形态词）
- [x] 未写功能条目的有无与优先级（那是 `2a`），未描述页面「长什么样」
- [x] 骨架受限的两处已标出来源（待复核第 5、6 条与 A3），并带回收三字段
- [x] 上游状态写在文首；引用 1b 处标了证据等级
- [x] 明确的骨架冻结声明：③段不许新增、移动、删除板块
- [x] 未新增②段两份之外的文档

*（说人话自评：46/50　直接性 9 ／ 节奏 9 ／ 信任度 10 ／ 真实性 9 ／ 精炼度 9 —— 判据源 `humanizer-zh`，门槛 45。）*