Untacit.

让眼睛先看到最重要的

视觉层级不是装饰。它告诉读者先看哪里、接着看哪里、什么可以稍后再看。

你只需要四个控制杆:

  • 大小:标题和关键结论更大
  • 粗细:边界和重点更粗
  • 位置:重要内容靠近起点或中心
  • 颜色:只标记决定、风险或变化
同样的内容在没有层级和加入大小、线条及颜色层级后的对比
前后对比 · 层级右侧并没有增加信息,只改变了大小、粗细、位置和一种强调色,阅读顺序就出现了。

Mind the GAP

留白不是浪费,它用距离表达关系:

  • 同一组内容靠近
  • 不同组内容拉开
  • 标题和正文之间留出呼吸
  • 页面边缘保留安全区

练习:只改层级

把同样的六个词抄两遍。第一遍全部同样大;第二遍:

  • 一个词放大两倍
  • 两个词用细框成组
  • 一个风险用强调色
  • 组与组之间留出一个手指宽

比较哪一版更容易讲解。