1701786640
1701786641
图表的设计方法与技巧
1701786642
1701786643
我们已经列出了常用的图表化结构，有了这些结构，下一步要做什么？
1701786644
1701786645
你可能会说我见过的图表化呈现可没有那么简单，内容丰富得多。是的，但是无论如何精彩纷呈，框架仍然是其中的核心。整个图表设计的方法就是一个“升维思考，降维打击”的过程。
1701786646
1701786647
图表设计的方法分为以下三步：
1701786648
1701786649
步骤一：构建表达内容的框架；
1701786650
1701786651
步骤二：选择图表化结构；
1701786652
1701786653
步骤三：填充元素。
1701786654
1701786655
步骤一：构建表达内容的框架。
1701786656
1701786657
你有时觉得图表无从画起，那到底是哪里出了问题呢？是画功不行？还是其他原因？你应该看过不少图表，里面没有精美的图案，只有简单几何图形，但你就是觉得说得好有道理。图表无从画起的根本原因是“升维思考”不够。只有对需要表达的内容十分熟悉，构建出其框架，才可以谈进一步的表达。至于怎么构建框架，在前面的章节已经说了很多，这里不再赘述。
1701786658
1701786659
步骤二：选择图表化结构。
1701786660
1701786661
对于需要表达的内容你已经有了框架，下一步你就可以基于此框架，选取图表化的结构。也就是进入“降维打击”阶段。
1701786662
1701786663
如果需要表达的内容是时间顺序，那你可以参考图3.10.18。
1701786664
1701786665
1701786666
1701786667
1701786668
图3.10.18 时间顺序（单向）
1701786669
1701786670
如果需要表达的内容是结构顺序或者重要性顺序，并且包含3部分，那你可以参考图3.10.19。
1701786671
1701786672
1701786673
1701786674
1701786675
图3.10.19 结构顺序（并列3个）
1701786676
1701786677
以上是比较简单的情况。但往往有的时候，一个页面表达的内容不是单一的顺序，比如既有时间顺序，又有重要性顺序。那怎么办呢？那你可以参考图3.10.20。
1701786678
1701786679
1701786680
1701786681
1701786682
图3.10.20 时间顺序与重要性顺序组合框架
1701786683
1701786684
我们看到步骤一、步骤二和步骤三就想到了时间顺序，然后选取时间顺序的图表结构（见图3.10.21）。
1701786685
1701786686
1701786687
1701786688
1701786689
图3.10.21 步骤图