有用

演示与视觉02 / 10

CRAP 四原则

对比、重复、对齐、亲密。

  • 学会用时20 分钟
  • 你的收获零基础也能把页面排整齐
  • 用到的频率每周 2 次
  • 难度入门

01为什么学

没学之前

页面元素东一块西一块,看着乱,说不出哪里不对。

学会之后

用四条规则逐一检查,整齐度立刻提升。

  • 排版问题有了检查清单
  • PPT、海报、文档都适用

02图解

流程图
  1. 1对比重点要显眼
  2. 2重复同类要统一
  3. 3对齐找一条线
  4. 4亲密相关放一起
逐页检查四个词,比凭感觉调整有效。

03基本单元4 个

  • Contrast 对比重要的明显不同
  • Repetition 重复同类元素样式一致
  • Alignment 对齐每个元素都与别的对齐
  • Proximity 亲密相关的靠近,无关的分开

04怎么用

  1. 对比重要的东西明显不同(大小、粗细、颜色)
  2. 重复同类元素用同一样式,如所有小标题同字号同颜色
  3. 对齐每个元素都和另一个元素在一条线上,不要「差不多」
  4. 亲密相关的靠近,无关的拉开距离

05速查表

原则检查问题常见修正
对比一眼能看出重点吗加大标题、加粗关键词
重复同类元素样式一致吗统一字号、颜色、间距
对齐元素在同一条线上吗使用对齐工具,少用居中
亲密相关的靠得近吗拉开不同组之间的距离

06套用一次

标题 36 号粗体,小标题统一 24 号,正文 18 号,全部左对齐,组与组之间留一倍行高的空白。

07常见的坑

  • 全部居中

    居中容易乱,优先用左对齐。

  • 相近但不相同的字号

    要么相同,要么明显不同。

08自测与练习

先做 10 秒自测,再动手练一下。

「同类元素样式一致」对应哪条原则?

10 分钟小练习

检查一页幻灯片,用四原则找出问题并修改。

看参考答案
通常最先发现的是对齐和字号不一致。

+配合着学

演示与视觉的全部 10 条