交互 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 前必过)


7. 禁止