2. 常用的图表及设计方法与技巧_思维力

图表的分类

图表大致分为五大类：示意图、统计图表、地图、界面图和历法图。

示意图

示意图分为“关联图”、“流程图”与“系统图”三种。

关联图。关联图由使用文字框和线条箭头构成，它能简要概括出事物间的逻辑关系和因果联系。
流程图。流程图一些图框和流程线组成，表示流程中的操作顺序。其中图框表示各种操作的类型，图框中的文字和符号表示操作的内容，流程线表示操作的先后次序。
系统图。系统图，简单来说，就是将事物进行分解，得到单个元素，单个元素间通过线条联结显示之间从属关系的示意图，如组织架构图。

统计图表

统计图表分为“统计图”和“表格”两种。

统计图。统计图是根据统计数字，用几何图形、事物形象和地图等绘制的各种图形。它具有直观、形象、生动、具体等特点。统计图可以使复杂的统计数字简单化、通俗化、形象化，使人一目了然，便于理解和比较。
表格。表格，又称为表，既是一种可视化交流模式，又是一种组织整理数据的手段。

地图

地图，就是依据一定的数学法则，使用制图语言，通过制图综合在一定的载体上，表达地球（或其他天体）上各种事物的空间分布、联系及时间中的发展变化状态绘制的图形。

界面图

各种仪表界面、操作界面等。

历法图

日历、月历、年历等。

本章介绍的重点是示意图和统计图表两大类。

常用的图表化结构

看了图表的分类，你可能会说这些我都知道，但怎么样将自己的所思所想用图表形象化表达呢？

想想你之前是怎么分析问题的。开始没有框架，没有顺序，可能无从下手，但是看了系统性思维里面框架和顺序之后，是不是觉得茅塞顿开。

那能不能将这种框架和顺序延伸到形象化表达呢？回想一下你系统性思维构建的框架的顺序，主要有4种：

时间顺序；
结构顺序；
重要性顺序；
演绎逻辑顺序。

如果对应于这些顺序，你也有相应的图表化结构，那不是大部分问题都可以形象化表达了吗？答案是有的。

对应于这四种顺序，我们一起看看常用的图表化结构。

时间顺序

（1）单向。主要用于时间的先后关系（见图3.10.4）。图3.10.4 时间顺序（单向）
（2）循环。主要用于事情的循环（见图3.10.5）。图3.10.5 时间顺序（循环）

结构顺序

（1）包含。
- ①树形（见图3.10.6和图3.10.7）图3.10.6 结构顺序（横向树形）图3.10.7 结构顺序（纵向树形）
- ②形状（见图3.10.8、图3.10.9和图3.10.10）图3.10.8 结构顺序（横向形状）图3.10.9 结构顺序（纵向形状）图3.10.10 结构顺序（包含形状）
（2）并列。
- ①1个（见图3.10.11）图3.10.11 结构顺序（并列1个）
- ②2个（见图3.10.12）图3.10.12 结构顺序（并列2个）
- ③3个（见图3.10.13）图3.10.13 结构顺序（并列3个）
- ④4个（见图3.10.14）图3.10.14 结构顺序（并列4个）
（3）交叉。
- ①2个（见图3.10.15）图3.10.15 结构顺序（交叉2个）
- ②3个（见图3.10.16）图3.10.16 结构顺序（交叉3个）

重要性顺序可参考结构顺序。演绎顺序（见图3.10.17）

图3.10.17 演绎顺序

图表的设计方法与技巧

我们已经列出了常用的图表化结构，有了这些结构，下一步要做什么？

你可能会说我见过的图表化呈现可没有那么简单，内容丰富得多。是的，但是无论如何精彩纷呈，框架仍然是其中的核心。整个图表设计的方法就是一个“升维思考，降维打击”的过程。

图表设计的方法分为以下三步：

步骤一：构建表达内容的框架；
步骤二：选择图表化结构；
步骤三：填充元素。
步骤四：构建表达内容的框架。

你有时觉得图表无从画起，那到底是哪里出了问题呢？是画功不行？还是其他原因？你应该看过不少图表，里面没有精美的图案，只有简单几何图形，但你就是觉得说得好有道理。图表无从画起的根本原因是“升维思考”不够。只有对需要表达的内容十分熟悉，构建出其框架，才可以谈进一步的表达。至于怎么构建框架，在前面的章节已经说了很多，这里不再赘述。

步骤二：选择图表化结构。

对于需要表达的内容你已经有了框架，下一步你就可以基于此框架，选取图表化的结构。也就是进入“降维打击”阶段。如果需要表达的内容是时间顺序，那你可以参考图3.10.18。
图3.10.18 时间顺序（单向）
如果需要表达的内容是结构顺序或者重要性顺序，并且包含3部分，那你可以参考图3.10.19。
图3.10.19 结构顺序（并列3个）
以上是比较简单的情况。但往往有的时候，一个页面表达的内容不是单一的顺序，比如既有时间顺序，又有重要性顺序。那怎么办呢？那你可以参考图3.10.20。
图3.10.20 时间顺序与重要性顺序组合框架
我们看到步骤一、步骤二和步骤三就想到了时间顺序，然后选取时间顺序的图表结构（见图3.10.21）。
对应于每个步骤，都有对应的方法（见图3.10.22）。
图3.10.22 步骤与方法组合图
修改一下，得到图3.10.23。
图3.10.23 步骤与方法组合图的调整
同理，我们再加上工具的相关信息，时间顺序和重要性顺序就在一个界面上完美融合了（见图3.10.24）。
图3.10.24 步骤、方法、工具组合图

这就是组合时间顺序与重要性顺序的例子。在构建内容框架时，要做到不重不漏，涉及的维数肯定很多。在进行图表表达的时候，我们就要进行降维的工作，可以一个维度一个维度的入手。

刚刚看到的是时间顺序与重要性顺序的一个结合，时间顺序与时间顺序可以结合吗？举个最简单的例子，就是我们从小到大经常用到的课程表。以3天的课程为例，同样是框架先行（见图3.10.25）。
图3.10.25 时间顺序与时间顺序组合框架
有了框架后，就选择图表结构，星期一、星期二、星期三是时间顺序，上午、下午也是时间顺序。先处理星期一、星期二、星期三这个维度的信息（见图3.10.26）。
图3.10.26 日时间图
再处理上午、下午这个维度的信息（见图3.10.27）。
图3.10.27 半日时间图
两个维度组合，可以得到图3.10.28。
图3.10.28 日与半日组合图
可以再改造一下，得到图3.10.29。
图3.10.29 日与半日组合图的调整

现在你已经看到了时间顺序与重要性顺序（结构顺序）的组合、时间顺序与时间顺序的组合，有没有结构顺序与结构顺序的组合呢？当然有。如关于项目管理的三要素，我们有框架图3.10.30，这是结构顺序与重要性顺序组合的例子。我们先处理时间、成本和质量这个维度的信息，可以画出图3.10.31。也可以如图3.10.32所示。

图3.10.30 结构顺序与重要性顺序组合框架