图表类型的映射

每种图表类型都解决了不同的问题。使用不合适的类型会导致混乱，而不是清晰表达。第一个设计决策总是：我要传达什么信息？

结构图展示了什么存在以及它们如何相互连接：

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

过程图展示了什么发生以及它们的顺序：

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

定量图展示了多少以及它们如何变化：

- 图表：数据在时间或类别上的变化（折线图、柱状图、散点图） - 分布图：数据的分布和密度（直方图、箱式图） - Sankey图：具有数量级的流动（能源流、预算分配）

空间图展示了什么在哪里：

- 切面图：内部结构（地质学、解剖学、工程学） - 解体视图：装配关系（机械零部件、电子元件） - 原理图：功能拓扑（电路、水暖、空调）

匹配类型与问题

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

最常见的图表错误是根据习惯而不是适合性选择类型。开发人员使用流程图，因为他们总是使用流程图。管理者使用组织结构图。类型应该根据图表需要传达的信息来选择。

如何阅读复杂图表

复杂图表有多层。试图一次性吸收所有内容的读者会感到沮丧。通过层次阅读的读者才能高效地提取结构。

第一层：清单。 存在哪些节点？主要组件是什么？先读取每个标签。不要跟随连接。建立词汇表 trước 建立语法。

第二层：拓扑结构。 组件如何相互连接？一个连接到另一个什么？计算连接数。识别枢纽（许多连接）和叶子（一个连接）。注意聚类。

第三层：流程。 如果存在箭头，请遵循它们。信息从哪里进入系统？从哪里退出？主流程的路径是什么？分支是什么？

第四层：异常。 什么不同？虚线与实线。颜色编码。与大多数不同形状。这些编码了含义：找到传说并解码它们。

第五层：推理。 这个结构意味着什么？一个拥有许多依赖关系的单个枢纽是单点故障。反馈循环意味着振荡风险。一个缺少的连接意味着边界。读取未绘制部分与已绘制部分一样小心。

阅读练习

应用五层方法

想象一下，你在你的领域中遇到的复杂图表：电路图、网络拓扑、解剖图、系统架构、管道异构、状态机。

组成原则

一个技术上正确但糟糕组成的图表仍然是失败的图表。读者的眼睛必须被引导到正确的位置并以正确的顺序阅读。

通过大小和重量实现层次结构。最重要的组件应该是最大的或最粗的。次要组件较小。标签比它们标记的东西小。眼睛通过显著性来阅读。

通过方向实现流动。从左到右或从上到下表示时间和顺序。辐射状表示中心性。垂直表示层次结构。选择一个方向并保持不变。混合方向会导致混乱。

通过接近性和封闭实现分组。属于一起的组件应该靠近彼此或 encapsulated 在一个共享边界内。空白空间创建分离。共享颜色或边框创建关联。

通过颜色实现对比。颜色编码含义：但只有如果用得少。三到四种独特的颜色是一个限制。超过这个数量，图例就变成了一个记忆测试。使用颜色来编码数据的一个维度：状态、类型或所有权。

通过消除实现简化。不添加信息的任何元素都会减少清晰度。移除装饰性元素。移除读者已经知道的标签。移除不提供信息的线。最好的图表是你不能再从中移除任何内容的图表。

设计一个图表

应用原则

思考你领域中缺乏一个好的图表：或者有一个图表可以改进。

您领域的标准图表语言

每个专业领域都在数十年里发展出自己的图表语言。这些不是随意的：它们编码了域专家需要沟通的确切区别。

电气：电路图使用标准符号（电阻器、电容器、晶体管、地、VCC）。全世界的电工都能阅读相同的符号集。电路图本身就是规范：连接图是法律约束性文档。

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

软件：UML定义了类图、序列图和状态机符号。架构图使用盒子-&-箭头，服务、数据库、队列和边界使用同意的约定。

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

行业：水暖图形、空调系统布线图、结构支撑图。水暖工阅读图形投影图看到的是管道尺寸、连接件、坡度和连接的安装部件在二维页面上的三维空间。

学习您领域的标准图表语言对于专业人士来说不是可选项。这是共享的词汇。无法阅读电路图的人无法作为电工工作。无法阅读图纸的人无法作为机加工工工作。

最终综合

图表背后的技巧

图表不是图片。它是一种视觉语言的正式声明。就像书面语言一样，它可以是语法正确但无意义的，也可以是语法粗糙但清晰的。目标是两者兼备：正确使用类型的约定，以及构成导读者到正确结论的组成。