不要从左上角一路写到底

视觉笔记失败，常常不是因为画不好，而是因为没有先决定页面要装什么。

下笔前先做三个选择：

1. 一句话目标：这张图要帮助谁理解什么？
2. 三块内容：页面最多分成三个主要区域
3. 阅读方向：从左到右、从上到下，还是从中心向外？

用缩略图试布局

先画三个火柴盒大小的小方框，每个方框尝试一种安排：

• 方案 A：三列并排
• 方案 B：中心主题 + 四周
• 方案 C：从问题到结果的路径

每个方案只用 30 秒。选最符合内容关系的一个，再放大到整张纸。

小练习：会议页

为一场 30 分钟会议规划页面，只分配空间，不写正文：

• 上方 15%：标题与目标
• 左侧 30%：背景
• 中间 40%：讨论与选项
• 右侧 30%：决定与下一步
• 底部保留：停车场和未知

让眼睛先看到最重要的

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

你只需要四个控制杆：

• 大小：标题和关键结论更大
• 粗细：边界和重点更粗
• 位置：重要内容靠近起点或中心
• 颜色：只标记决定、风险或变化

Mind the GAP

留白不是浪费，它用距离表达关系：

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

练习：只改层级

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

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

比较哪一版更容易讲解。

框表示边界，箭头表示关系

容器和箭头是视觉表达里最容易滥用的两个元素。使用前先问：它具体在说什么？

容器的四种工作

箭头必须能读成一句话

不要因为页面空就画箭头。每条箭头都应该能说成：

• A 导致 B
• A 先于 B
• A 依赖 B
• A 把信息发送给 B
• B 反馈给 A

直线表示稳定关系，虚线可以表示假设或尚未确认，双向箭头表示真正的双向影响。

画五个框，用五种不同的关系连接它们，并在每条箭头旁写一个动词。

先判断关系，再选择布局

页面结构不是风格偏好。不同布局回答不同问题。

八种常用结构

结构选择器

• 如果问题是“先发生什么？” → 时间线或线性
• 如果问题是“有什么不同？” → 对比
• 如果问题是“属于谁？” → 层级或容器
• 如果问题是“围绕什么展开？” → 放射
• 如果问题是“如何到达？” → 路径
• 如果问题是“如何反复运转？” → 循环

选同一个主题，分别用对比、时间线和路径画三个缩略图。圈出最容易解释的一版。