概念设计与原型

Figma/Sketch/Balsamiq 做低保真到高保真原型，先验证再开发。 行为设计与产品 UX 交叉，适合 PM/前端/全栈提升「让人用起来」的能力。

学习目标

• Conceptual → Wireframe → Hi-fi
• Figma 组件库
• 原型可点击测试
• 与 dev 设计令牌交接

核心概念

本课对齐 /roadmaps/ux-design 对应节点。与 CodeRoadMap 现有课程对照学习效果更佳。

示例

Frame: Login
- Logo
- Email input (focus ring)
- Primary CTA: 登录

练习

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

小结

概念设计与原型（ux-design）完成后进入下一课，或在路线图中标记已掌握节点。