图表类型地图

每种图表类型解决不同的沟通问题。为你的内容使用错误的类型会造成困惑，而非清晰。第一个设计决策总是：我要传达什么类型的信息？

结构图显示存在什么以及它们如何连接：

- 实体图：节点和关系（数据库架构、组织结构图、知识图谱） - 架构图：系统组件及其连接（网络拓扑、软件系统） - 树形图：层次结构（分类树、文件系统、家族树）

流程图显示发生了什么以及顺序：

- 流程图：决策和序列（算法、业务流程、诊断逻辑） - 序列图：消息在一段时间内的传递（API调用、协议、事件处理） - 状态机：状态和转换（UI流程、协议状态、控制系统）

定量图表显示多少以及如何变化：

- 图表和图形：随时间或类别的数据（线图、条形图、散点图） - 分布图：分布和密度（直方图、箱线图） - 桑基图：带幅度的流（能量流、预算分配）

空间图表显示事物在哪里：

- 截面图：内部结构（地质学、解剖学、工程学） - 爆炸图：装配关系（机械零件、电子产品） - 示意图：功能拓扑（电路、管道、暖通空调）

将类型与问题匹配

类型选择是第一个设计决策

最常见的图表错误是凭习惯而非适配来选择类型。开发者使用流程图因为他们总是用流程图。经理使用组织结构图。应该根据图表必须传达的内容来选择类型。

如何阅读复杂图表

复杂图表有多个层次。试图一次吸收所有内容的读者会感到不知所措。按层次阅读的读者能有效地提取结构。

第一层：盘点。 存在哪些节点？主要组件是什么？阅读每个标签。暂时不要跟踪连接。在构建语法之前建立词汇。

第二层：拓扑。 组件如何连接？什么与什么相连？计数连接。识别中心（许多连接）和叶子（一个连接）。注意集群。

第三层：流程。 如果存在箭头，跟踪它们。某物如何进入系统？如何退出？主流程采用什么路径？分支是什么？

第四层：异常。 什么不同？虚线与实线。颜色编码。与大多数不同的形状。这些编码意义：找到图例并解码。

第五层：推断。 这个结构意味着什么？一个中心有许多依赖意味着单点故障。反馈循环意味着振荡风险。缺少的连接意味着边界。仔细阅读未绘制的内容，就像阅读已绘制的内容一样。

阅读练习

应用五层法

想想你在你的领域中遇到过的复杂图表：电路示意图、网络拓扑、解剖图、系统架构、管道等轴测图、状态机。

构图原则

一个技术上正确但构图不当的图表仍然是失败的图表。读者的眼睛必须被引导到正确的位置并按正确的顺序。

通过大小和粗细的层次。 最重要的组件应该是最大的或最粗的。次要组件应该较小。标签应该比它们标记的东西更小。眼睛根据突出程度阅读。

通过方向的流程。 左到右或从上到下暗示时间和序列。径向暗示中心性。垂直暗示层次结构。选择一个方向并保持它。混合方向造成混淆。

通过接近性和包围的分组。 属于一起的组件应该彼此靠近或包围在共享边界内。白空间造成分离。共享颜色或边框造成关联。

通过颜色的对比。 颜色编码意义：但只有在谨慎使用时才有效。三到四种不同的颜色是极限。超过这个数量，图例就成了记忆测试。使用颜色来编码数据的一个维度：状态、类型或所有权。

通过消除的化简。 不添加信息的每个元素都会减少清晰度。删除装饰元素。删除读者已知的标签。删除不添加信息的线。最好的图表是你无法删除任何其他内容的图表。

设计一个图表

应用这些原则

想想你领域中缺乏良好图表的过程或系统：或者有一个可以改进的。

你领域的标准图表语言

每个专业领域在几十年来都发展了自己的图表语言。这些不是任意的：它们编码领域专家需要传达的确切区分。

电气： 示意图使用标准化符号（电阻、电容、晶体管、接地、VCC）。世界各地的每个电工都读相同的符号集。示意图就是规范：接线图是具有法律约束力的文件。

机械： 工程图纸使用正交投影、截面图和GD&T标注。带有公差的尺寸是设计师和机械师之间的法律合同。图纸完全指定了零件。

软件： UML定义了类图、序列图和状态机符号。架构图使用框-箭头表示法，具有约定的服务、数据库、队列和边界约定。

医疗： 解剖学截面图、病理切片、放射学读片。放射科医生将CT扫描读作内部结构的图表：密度编码的空间数据。病理学家将组织切片读作细胞类型的群体图表。

行业： 管道等轴测图、暖通空调管道布局、结构框架计划。管道工阅读等轴测图在二维页面上看到三维的管道尺寸、配件、坡度和夹具连接。

学习你领域的标准图表语言对专业人士来说不是可选的。这是共享词汇。不能读示意图的人不能作为电工工作。不能读图纸的人不能作为机械师工作。

最终综合

图表背后的技能

图表不是图片。它是视觉语言中的正式声明。像书面语言一样，它可以在语法上正确但毫无意义，或在语法上草率但清晰。目标是两者：正确使用类型的约定和引导读者得出正确结论的构图。