📋考试大纲与知识结构
UI 设计四模块（视觉设计/交互设计/前端基础/输出）知识结构与重要度，备考路线图。
考试大纲以评价机构当次公告为准；下方为模块结构整理（示例口径）。
四模块（“实操 + 理论”）
1 视觉设计（“实操”）
| 模块 | 重要度 |
|---|
| 软件（PS/AI/Figma） | ★★★★★（“3 种”，“任选 1 种”） |
| 设计原则（对齐/对比/重复/亲密性） | ★★★★★（“4 种”） |
| 实操（设计 1 个页面） | ★★★★★（“1~3 个屏幕”） |
2 交互设计（“实操”）
| 模块 | 重要度 |
|---|
| 线框/原型/可用性 | ★★★★（“3 种”） |
| 交互原则（反馈/一致性/可逆） | ★★★★（“3 种”） |
| 实操（画 1 个原型） | ★★★★★（“1~3 个流程”） |
3 前端基础（“理论”）
| 模块 | 重要度 |
|---|
| HTML（标签/结构） | ★★★（“2 种”） |
| CSS（选择器/盒模型/布局） | ★★★★（“3 种”） |
| 响应式（媒体查询/弹性布局/网格） | ★★★★（“3 种”） |
4 输出（“理论”）
| 模块 | 重要度 |
|---|
| 格式（PNG/JPEG/SVG） | ★★★（“3 种”） |
| 规范（图标规范/命名规范/切图规范） | ★★★（“3 种”） |
| 平台（Web/App/小程序） | ★★★（“3 种”） |
备考路线（3~6 个月）
① 基础轮（1~2 月）：软件操作（"PS/AI/Figma"）+ 设计原则（"对齐/对比/重复/亲密性"）
↓
② 强化轮（1~2 月）：交互设计（"线框/原型/可用性"）+ 前端基础（"HTML/CSS/响应式"）
↓
③ 实操轮（1~2 月）：设计 1 个页面 + 画 1 个原型（"2 种实操"）
↓
④ 冲刺轮（考前 1 月）：理论（"前端基础/输出"）+ 实操模拟（"2 种"）
📖 本站精讲为原创整理，软件版本以当次考试为准（“版本更新” = “考点更新”）。