线框与原型

Wireframe 验证结构，Prototype 验证流程与状态（含 edge cases）。 与 ux-design-essentials、product-manager-essentials 形成产品三角。

学习目标

• Wireframing fidelity
• Interactive prototype
• Interface states
• Edge cases

核心概念

本课对齐 /roadmaps/product-design 对应节点。建议与站内现有课程对照：BI 看 bi-analyst-essentials，体验看 ux-design-essentials，产品看 product-manager-essentials。

示例

Low-fi: 灰盒 + 标注
Hi-fi: Figma + 组件库

练习

• 在路线图页面定位本课覆盖的节点
• 完成一个最小可演示示例或文档
• 写 2 条与 CodeRoadMap 产品的对照笔记

小结

线框与原型（pd-wireframe）完成后进入下一课，或在路线图中标记已掌握节点。