📝备考笔记与避坑
PDE 该记什么（产品判断 4 种、状态设计 6 种、组件拆分 3 种、AI 体验 5 种）、10 条避坑清单、作品集三件套自查。
通用方法见 备考笔记怎么用；本页只讲 PDE 专属内容。
一、本认证该记什么（三类笔记）
① 产品卡：判断力 + 4 种模型
| 笔记类型 | 内容 |
|---|
| 问题定义 4 问 | 谁 + 什么场景 + 什么障碍 + 什么结果（“缺一不是好问题”） |
| 优先级 3 种 | RICE（Reach/Impact/Confidence/Effort）/ ICE / Kano（“每种 1 行”） |
| 指标 3 层 | 北极星 / 输入指标 / 护栏指标（“每层 1 行”） |
| 用户研究 4 步 | 招募 → 访谈 → 归纳 → 验证（“4 步”） |
② 设计卡：状态 + 3 种评审
| 笔记类型 | 内容 |
|---|
| AI 状态 6 种 | 加载中（流式）/ 等待（长任务）/ 成功 / 失败 / 空 / 权限（“每种 1 行”） |
| 交互原则 3 种 | 反馈 / 一致性 / 可逆（与 UI 设计 通用） |
| 评审 3 种 | 自查清单 / 5 人测试 / 可用性标准（“每种 1 行”） |
③ 工程卡：组件 + 3 种质量
| 笔记类型 | 内容 |
|---|
| 组件拆分 3 问 | 能否复用？状态放哪？ Props 怎么定？（“每问 1 行”） |
| 质量 3 种 | 性能（LCP/INP）/ 无障碍（焦点/对比/语义）/ 错误处理（兜底/重试）（“每种 1 行”） |
| Git 3 步 | 分支 → PR → Review（“3 步”） |
二、避坑清单（PDE 专属 10 条）
| # | 坑 | 正确做法 |
|---|
| 1 | “只让 AI 生成页面”（“第一版”≠“会”） | 每个组件能解释（“为什么这样拆/哪里可能出错”） |
| 2 | 作品集"只有效果图"（“截图不是产品”） | 三件套：设计过程 + 线上产品 + 代码仓库 |
| 3 | 只画"成功页"（“AI 状态没覆盖”） | 6 种状态：加载/等待/成功/失败/空/权限 |
| 4 | 作品停在 Landing Page（“不是产品功能”） | 完整做 1 个功能（问题→上线→数据） |
| 5 | “设计/代码同时从零学”（“范围失控”） | 先选主轴，6 个月独立交付后再补另一侧 |
| 6 | 代码"能跑就行"（“不是生产级”） | 组件拆分/状态管理/错误处理/README（“第二个人能接手”） |
| 7 | 忽略无障碍（“键盘/焦点/对比”） | LCP/INP 预算 + 键盘可用 + 焦点可见 |
| 8 | 作品集"一年不更新"（“AI 赛道 6 个月一代”） | 每年复审更新作品集（L2/L3） |
| 9 | 只追"新工具"不练"基本功"（“工具会过时”） | 基本功（流程/状态/组件）不过时——工具只是杠杆 |
| 10 | 把 PDE 当"职业第一站"（“很少是”） | 先有设计或工程一侧积累，再汇合成 PDE |
三、作品集三件套自查（“报之前 10 分钟”）
四、官方入口与社区检索
- 行业数据：Figma AI 年度报告（figma.com）、Vercel Design Engineer（vercel.com）；
- 工具文档：Figma（Auto Layout/原型）、React/TypeScript 官方、GitHub 文档；
- 社区检索词（知乎/小红书/B站/即刻）：“Design Engineer 作品集"“AI 产品 状态设计"“PDE 转型 设计师”；
- 使用规范：经验帖用于排计划与拆 JD，能力项以当次评审要求为准。