设计原理摘要
以下内容来自四本教材的原文提取，不是 AI 总结，每条都有具体出处。 用于 PPT-Master 的设计系统，也适合任何需要做幻灯片/图表/数据展示的场景。
Tufte — 《The Visual Display of Quantitative Information》
Section titled “Tufte — 《The Visual Display of Quantitative Information》”Edward Tufte 是数据可视化领域的奠基人。核心观点：好的数据展示是让数据自己说话，而不是用装饰取悦观众。
“Above all else show the data.” —— Tufte
一张图表里，用来展示数据的墨水应占绝大部分。装饰性元素（网格线、背景色、3D 效果、渐变填充）都属于”非数据墨水”，能删就删。
应用规则：
- 去掉默认的网格线，需要参考线时用浅灰色细线
- 去掉图表背景色和边框
- 去掉 3D 效果——3D 柱状图扭曲数值感知
- 表格中去掉竖线，只保留必要的横线
$$ \text{谎言因子} = \frac{\text{图形展示的效果大小}}{\text{数据实际的大小}} $$
如果这个值不等于 1，就在误导观众。
常见陷阱：
- 柱状图 Y 轴不从 0 开始→夸大了差异
- 3D 透视图→近处的柱子看起来比实际大
- 不等宽的图表→面积变化被解读为数值变化
- 双 Y 轴→人为制造相关性
当需要展示多个类别的同一指标时，与其堆在一个复杂图表里，不如拆成多个并排的简单图。相同的坐标轴和比例尺让对比变得容易。
所有不承载信息的装饰都是”图表垃圾”（chartjunk）：
- ❌ 纹理填充（斜线/点阵/渐变色在柱状图里）
- ❌ 多余的标注框
- ❌ 无意义的图标点缀
- ❌ 过度的阴影和投影
- ❌ 装饰性的图片边框
判断标准： 去掉它，信息量是否减少？如果不减少，它就是垃圾。
Robin Williams — 《The Non-Designer’s Design Book》
Section titled “Robin Williams — 《The Non-Designer’s Design Book》”“The purpose of design is to enhance the communication of information, not to decorate it.” —— Robin Williams
CRAP 四原则
Section titled “CRAP 四原则”这四个原则覆盖了 90% 的排版问题。
对比（Contrast）
Section titled “对比（Contrast）”如果两个元素不同，就让它们明显不同。不要用 12pt 和 13pt 的差别——观众看不出。
正确做法：
- 标题用 30pt 粗体，正文用 16pt——差距足够大
- 关键数据用强调色，其他用灰色——视线自然被引导
- 不要让”稍微不同”出现——要么一样，要么明显不同
重复（Repetition）
Section titled “重复（Repetition）”同样的设计元素在全篇重复出现，形成统一感。
应用规则：
- 全篇同一套配色
- 标题字体、正文字体各自统一
- 页眉/页脚位置一致
- 图片风格一致（要么全写实，要么全图标）
对齐（Alignment）
Section titled “对齐（Alignment）”页面上每个元素都应与另一个元素有视觉联系。不要随机放置。
正确做法：
- 不要用居中对齐作为默认——左对齐更易读
- 选择一种对齐方式，全篇贯彻
- 不要为了填满空间而把元素分散
邻近（Proximity）
Section titled “邻近（Proximity）”相关的元素放在一起，不相关的分开。
应用规则：
- 标题紧贴它所属的内容段（而不是贴在段落中间）
- 图表的图例紧贴图表（而不是放在角落）
- 页脚的版权信息统一放在一起（而不是散落各处）
Nancy Duarte — 《slide:ology》
Section titled “Nancy Duarte — 《slide:ology》”“Slides are not documents.” —— Nancy Duarte
针对演示幻灯片的设计方法论。
5 条数据幻灯片规则
Section titled “5 条数据幻灯片规则”- 讲一个故事——每张幻灯片只传达一个信息点
- 简化——去掉所有不直接支持该信息点的内容
- 突出关键——用颜色、粗细、位置引导观众视线
- 标注重点——不要假设观众自己能看出来哪里重要
- 核对一致性——术语、格式、单位全篇统一
| 原则 | 说明 |
|---|---|
| 主色 ≤ 3 种 | 选一个主色、一个辅助色、一个强调色 |
| 强调色 < 10% | 强调色只用于最重要的信息，面积不超过页面的 10% |
| 不要依赖颜色 | 色盲观众看不到红绿区分，加文字标签 |
| 色温一致 | 要么全暖色调要么全冷色调，不要混搭 |
标题： 28-36pt 粗体小标题： 20-24pt 中粗正文： 14-18pt 常规注释： 10-12pt 灰色每一级之间至少差 4pt，确保视觉层次清晰。
幻灯片 ≠ 文档
Section titled “幻灯片 ≠ 文档”- 幻灯片是视觉辅助，不是文字报告
- 不要把演讲词写在幻灯片上——观众看字就不会听你说话
- 一张幻灯片放太多信息等于什么都没放
Cole Knaflic — 《Storytelling with Data》
Section titled “Cole Knaflic — 《Storytelling with Data》”“The biggest challenge isn’t picking the right chart type; it’s getting people to see what you want them to see.” —— Cole Knaflic
| 你要展示什么 | 用哪种图表 |
|---|---|
| 类别之间的比较 | 柱状图（条形图） |
| 时间趋势 | 折线图 |
| 构成/占比 | 条形图（不要用饼图——人类对角度不敏感） |
| 分布 | 散点图/直方图 |
| 相关性 | 散点图 + 趋势线 |
| 排名 | 横向条形图 |
Knaflic 的”去杂乱”框架——逐步去掉不需要的默认元素：
- 去掉网格线（或改为浅灰细线）
- 去掉图表边框
- 去掉 Y 轴标签（如果数据上有标注）
- 去掉图例（直接把标签放在数据旁边）
- 简化颜色（灰色作为默认，彩色只用于强调）
这些视觉属性是大脑先于意识处理的——利用它们引导视线：
- 位置 → 最重要信息放在左上角（F 型阅读模式）
- 颜色 → 用唯一颜色标记最重要的数据点
- 粗细 → 加粗关键数字
- 长度 → 条形图比柱状图更容易比较
| 原则 | 一句话 |
|---|---|
| Tufte | 去装饰，让数据说话 |
| CRAP | 要么明显不同，要么完全一样 |
| Duarte | 一张幻灯片只讲一件事 |
| Knaflic | 去掉所有非必要元素，用颜色引导视线 |
来源：PPT-Master 项目 references/ 目录下的原文提取文件。