DESIGN GUIDES / LEARNING MAP
把界面判断
练成肌肉记忆
基于 GPUI Kit《设计指南》原文，拆成可理解、可练习、可回看的知识点。按路径学习，也可以从你正在做的界面问题切入。
适合前端与全栈工程师重点练习「为什么这样设计」：先理解对象、任务和结果，再判断层级、组件、状态与视觉。GPUI 专属实现规则会明确标注。
学习进度0 / 0完成后会自动保存在当前浏览器
0%
如何使用这张路线图
01 · 看原文先读本知识点对应的原文章节，再看这里提炼的判断问题与案例。
02 · 做一小块对照练习改一个真实界面，写下你做了什么取舍；不要只收藏截图。
03 · 用标准复盘能解释对象、状态、范围和结果时标记「已学」；有疑问就标记「再学习」。
●阅读顺序：任务 → 视觉 → 布局 → 组件 → 交互 → 文案 → 验证。颜色圆点表示学习状态。
内容根据 GPUI Kit main 版中文设计指南 重组为学习路径；原文仍是具体规则的准绳。进度仅存于此浏览器。