H · 产品与设计
研发上下游的语境：产品思维、UI/UX 基础、设计稿还原、可访问性、埋点与数据。面向前端与 AI 全栈研发，讲"怎么和产品/设计协作、怎么判断好不好用、怎么用数据闭环"；具体技术实现链回 A/B/G 各域，不重复。规划 6 篇（H01~H06）已全部完成。
最后更新：2026-10-14
在本知识库中的位置：product/ 是研发上游语境域。它讲"为什么这么做、怎么判断、怎么协作、怎么验收"，把「懂业务 + 懂设计 + 会用数据」补到开发者的能力拼图上。
上层索引见 ../../README.md。
文档地图
text
product/
├── 01-产品与设计全景 ✅已写 研发上游地图 / 三层语境 / 六级能力
├── 02-产品思维 ✅已写 目标 → 用户 → 指标 → 需求语境
├── 03-UI与UX基础 ✅已写 布局 / 层级 / 交互 / 可用性 / 视觉原则
├── 04-设计稿还原 ✅已写 Figma 到代码 / 验收 / 设计系统协作
├── 05-可访问性 ✅已写 为什么做 / 怎么做 / 怎么验收
└── 06-埋点与数据 ✅已写 埋点设计 → 数据质量 → 行为分析闭环分层关系
text
入门(能看懂) → 工程(能协作) → 高级(能用数据闭环)
H01~H03 H03,H04 H05,H06能力分级（初中高资深）
| 等级 | 能力标准 | 对应文章 |
|---|---|---|
| 初级 | 能看懂需求、复述目标与用户，能按设计稿还原页面 | H01、H02、H03 |
| 中级 | 能独立与产品/设计协作，能验收设计还原度与可用性 | H03、H04 |
| 高级 | 能把可访问性内建到开发流程，能用埋点数据驱动迭代 | H05、H06 |
| 资深 | 能主导产品指标的拆解、用数据做决策、建立设计与可访问性规范 | H02、H05、H06 |
与相邻域的边界
| 域 | 分工 | 本域负责 |
|---|---|---|
| A 前端 | A14 组件 API 与设计系统、A12 可观测性讲前端落地 | 上游语境与判断框架 |
| B Flutter | B35 无障碍、B38 埋点讲 Flutter 实现 | 为什么做、怎么验收、通用流程 |
| G AI | G08 应用形态讲 AI 产品形态 | 通用产品语境 |
| S 安全 | S05 数据与隐私合规 | 埋点遵循合规边界，不重复合规细则 |
| F 工程方法论 | F 域讲做事方法 | 看懂上下游需求 |
按角色推荐的阅读路线
我是前端，想和产品/设计高效协作
text
01 全景 → 02 产品思维 → 03 UI/UX 基础 → 04 设计稿还原我要做 AI 产品，需要数据闭环
text
02 产品思维 → 06 埋点与数据 → 链 G08 看 AI 产品形态我要把质量内建到开发流程
text
05 可访问性 → 04 设计稿还原 → 链 B35/B38/A14 看技术落地阅读约定
| 标记 | 含义 |
|---|---|
[易变] | 设计工具、埋点平台版本变化快，以官方文档为准；本域只保留原理与判断框架 |