该复习了做一下本页的 10 秒自测,答对就能把下次复习推后。去自测
01为什么学
没学之前
页面元素东一块西一块,看着乱,说不出哪里不对。
学会之后
用四条规则逐一检查,整齐度立刻提升。
- 排版问题有了检查清单
- PPT、海报、文档都适用
02图解
流程图
- 1对比重点要显眼
- 2重复同类要统一
- 3对齐找一条线
- 4亲密相关放一起
03基本单元4 个
- Contrast 对比重要的明显不同
- Repetition 重复同类元素样式一致
- Alignment 对齐每个元素都与别的对齐
- Proximity 亲密相关的靠近,无关的分开
04怎么用
- 对比重要的东西明显不同(大小、粗细、颜色)
- 重复同类元素用同一样式,如所有小标题同字号同颜色
- 对齐每个元素都和另一个元素在一条线上,不要「差不多」
- 亲密相关的靠近,无关的拉开距离
05速查表
| 原则 | 检查问题 | 常见修正 |
|---|---|---|
| 对比 | 一眼能看出重点吗 | 加大标题、加粗关键词 |
| 重复 | 同类元素样式一致吗 | 统一字号、颜色、间距 |
| 对齐 | 元素在同一条线上吗 | 使用对齐工具,少用居中 |
| 亲密 | 相关的靠得近吗 | 拉开不同组之间的距离 |
06套用一次
标题 36 号粗体,小标题统一 24 号,正文 18 号,全部左对齐,组与组之间留一倍行高的空白。
07常见的坑
全部居中
居中容易乱,优先用左对齐。
相近但不相同的字号
要么相同,要么明显不同。
08自测与练习
先做 10 秒自测,再动手练一下。
「同类元素样式一致」对应哪条原则?
10 分钟小练习
检查一页幻灯片,用四原则找出问题并修改。
看参考答案
通常最先发现的是对齐和字号不一致。