交互 UI 设计师 · 所需文档清单 对齐 VELA DocForge V4.0 大厂模板库(60 份),设计师主责 3 份核心 + 4 份设计专属扩展。 不同于 AI PM 的是:设计师的大部分交付不是单一 .md 文件,而是 Figma 文件 + 切图包 + token JSON + 规范文档的组合体。 1. 大厂模板中的设计层(17–19 号) # 模板 主责 本岗位动作 17 17_交互原型文档.md 设计师主责 低保真 + 高保真 + 可点击原型链接 18 18_UI设计规范DesignSystem.md 设计师主责 设计系统 token + 组件规格 + 视觉规则 19 19_设计走查清单.md 设计师 + reviewer 共担 设计师自查 + reviewer 闸 2 审查 2. 设计专属扩展(大厂模板没覆盖,但一号位必出) 文档 用途 落档位置 状态集清单 每页 5 态全量覆盖 交付物/02_设计层/状态集/ 动效规格 spec 特殊动效的参数手册 交付物/02_设计层/动效规格.md design-tokens.json W3C 格式 token,给开发直接 import 交付物/02_设计层/design-tokens.json 切图包 @1x/@2x/@3x + SVG 交付物/02_设计层/切图/ 标注文件 Figma Inspect 导出或独立标注图 交付物/02_设计层/标注/ 无障碍自检报告 WCAG 2.2 AA 级检查结果 交付物/02_设计层/无障碍报告.md 3. 设计师要读(上游交付物) 文档 来源 读什么 11_PRD产品需求文档.md AI PM 业务规则 + 功能细节 14_信息架构图IA.md AI PM 最重要 · 页面骨架 13_功能清单FeatureList.md AI PM 每页承载的功能点 10_用户旅程地图.md AI PM 关键用户流 07_用户画像文档.md AI PM 用户群体的特殊需求 21_模型选型评估报告.md AI PM AI 能力边界(影响 Agent 驱动界面) 15_业务流程图.md AI PM 复杂业务逻辑的流程 4. 项目类型 × 必出矩阵 项目类型 必出 可选 不做 APP 类(iOS/Android) 设计系统 / 高保真 / 状态集 / 设计规范 / 切图 / 标注 / design-tokens 动效规格 / 深色主题 多语言适配表(除非出海) Web 类(后台/官网) 设计系统 / 高保真 / 状态集 / 设计规范 / 响应式断点 动效规格 切图(Web 用 SVG + CSS) 小程序类 精简设计系统 / 高保真 / 状态集 / 切图 动效规格 复杂动效 文档类 简化版设计规范(字体 / 版式 / 配图风格) — 其他 PPT 类 Slide 母版 + 视觉规范 图表规格 其他 分析报告类 图表规格 + 封面 + 版式 — 其他 5. 设计系统 token 清单(最小集) 每个项目的 18_UI设计规范DesignSystem.md 至少包含: 类别 最少 token 数 说明 Color ≥ 10 Primary×3 + Semantic×4 + Neutral×3 Typography ≥ 5 级 Display / Headline / Title / Body / Label Spacing 8 级 4/8/12/16/24/32/48/64 Radius ≥ 5 级 2/4/8/12/16 + full Shadow ≥ 5 级 elevation 0–4 Icon 4 尺寸 16/20/24/32 Motion ≥ 3 duration + 4 easing Component Atoms ≥ 10 个 Button/Input/Card/Modal/Tab/Toast/Tooltip/Badge/Avatar/Divider 6. 自查清单(闸 2 前必过) [ ] 17/18/19 三份核心文档齐全 [ ] 每页都有 5 种状态 [ ] 对比度全部 ≥ 4.5:1 [ ] 最小触达区 ≥ 44×44pt [ ] 设计系统 token 无孤儿 [ ] 偏离 HIG/MD3 的地方都写了理由 [ ] 切图命名规范 + 尺寸齐全 [ ] design-tokens.json 已导出 [ ] 动效规格齐全(若有) [ ] 无障碍自检报告已出 7. 禁止 ❌ 不出设计系统只出单页视觉 ❌ 不出状态集只出正常态 ❌ 不出规范让开发自己猜 ❌ 不导 design-tokens 让开发手抄 ❌ 跳过闸 2 直接交给开发层