⚡一页速记（考前 30 分钟）
UI 设计考前速记单页：软件操作 3 种、设计原则 4 种、交互原则 3 种、前端基础 3 种、输出规范 3 种。
用法：考前 3 天起只过这一页 + 错题笔记。软件操作"必须会"，实操"不规范 = 丢分"——“3 种软件 + 4 种设计原则 + 3 种交互原则”是核心。
一、软件操作 3 种（“必会”）
| 软件 | 用途 | 核心功能 |
|---|
| PS（Photoshop） | 位图/修图 | 图层/蒙版/滤镜 |
| AI（Illustrator） | 矢量/图标 | 路径/形状/文本 |
| Figma | UI 设计/协作 | 组件/样式/原型 |
“PS/AI/Figma”（“3 种”，“任选 1 种”，每种 1 行）。
二、设计原则 4 种（“必懂”）
| 原则 | 内容 | 典型场景 |
|---|
| 对齐 | 元素对齐/居中 | “整洁/秩序” |
| 对比 | 大小/颜色/粗细 | “强调/层次” |
| 重复 | 元素重复/统一 | “一致性/品牌” |
| 亲密性 | 相关元素靠近 | “分组/关联” |
“对齐/对比/重复/亲密性”（“4 种”，每种 1 行）。
三、交互原则 3 种（“必懂”）
| 原则 | 内容 | 典型场景 |
|---|
| 反馈 | 操作有响应 | “点击/滑动/加载” |
| 一致性 | 风格统一 | “按钮/图标/颜色” |
| 可逆 | 操作可撤销 | “删除/发送/支付” |
“反馈/一致性/可逆”（“3 种”，每种 1 行）。
四、前端基础 3 种（“必会”）
HTML（“2 种”）
| 类型 | 内容 | 典型场景 |
|---|
| 标签 | div/span/p/a/img（“5 种”） | “结构” |
| 结构 | head/body/form/table（“4 种”） | “布局” |
CSS（“3 种”）
| 类型 | 内容 | 典型场景 |
|---|
| 选择器 | 类/ID/属性（“3 种”） | “定位” |
| 盒模型 | content/padding/border/margin（“4 种”） | “布局” |
| 布局 | Flex/Grid/浮动（“3 种”） | “排版” |
响应式（“3 种”）
| 类型 | 内容 | 典型场景 |
|---|
| 媒体查询 | @media（“断点”） | “多端适配” |
| 弹性布局 | Flex（“弹性”） | “1 行/1 列” |
| 网格 | Grid（“网格”） | “多行多列” |
“HTML/CSS/响应式”（“3 种”，每种 1 行）。
五、输出规范 3 种（“必会”）
格式 3 种
| 格式 | 特点 | 典型场景 |
|---|
| PNG | 透明/无损 | 图标/Logo |
| JPEG | 压缩/有损 | 图片/背景 |
| SVG | 矢量/无损 | 图标/动画 |
规范 3 种
| 规范 | 内容 | 典型场景 |
|---|
| 图标规范 | 尺寸/颜色/圆角（“3 种”） | UI 图标 |
| 命名规范 | 前缀/后缀/层级（“3 种”） | 文件命名 |
| 切图规范 | 尺寸/格式/压缩（“3 种”） | 切图输出 |
平台 3 种
| 平台 | 规范 | 典型场景 |
|---|
| Web | 1920/1440/1280（“3 种断点”） | PC 端 |
| App | iPhone/Android（“2 种”） | 移动端 |
| 小程序 | 750rpx（“1 种”） | 微信/支付宝 |
“格式/规范/平台”（“3 种”，每种 1 行）。
六、实操注意事项
- 视觉设计：“1~3 个屏幕”（“限时练习”）；
- 交互设计：“1~3 个流程”（“线框/原型/可用性”）；
- 考前 1 周"只过数字卡 + 错题"：“3 种软件” + “4 种设计原则” + “3 种交互原则” + “3 种前端” + “3 种输出”。