案例分享|为什么这些我们平时想不出来的图，它都可以？

最近在推进project的过程中经常会因为想不出好的设计思路而很挠头。前段时间看南华早报的交互作品时，看到更新了今天想讲的这篇，首先被它很有冲击力的头图吸引，点开之后，里面每一张图的处理都的的确确有惊艳到我。

仔细分析，这个作品其实每一个看起来新鲜好看，属于那种平时我一定想不出来也不敢想的设计构思，背后的原理都是有迹可循，教科书里能找得到的。这些变形让图可以更加维度丰富地展现信息，更加美观，也更加将作者想表达的信息传递给了读者。

南华早报——《执行死刑》

首先，来说一说头图。

执行死刑

《南华早报》的数据新闻作品真的很有自身的设计风格。这种偏严肃向的设计插画它们不是第一次用了。可以很直观地让人看到报道主体，也很有艺术感。同时，这个插画只选取犯人下半身的构思也很有想法：一方面省略面部特征普遍性更强，另一方面，这种低头的视角很容易让人联想到重罪犯人，尤其是死刑犯，开头直接渲染了整个作品基调。

不过我们毕竟不是插画师，言归正传接着往下看作品吧hhhh。

接下来的第一张图，也是作品一进入正文的第一个部分，作者介绍了2018年全世界的死刑执行事件数据。从这里开始，作品精巧的设计构思就非常明显地体现出来了。

去年数字

这个黑色的螺旋很新鲜，第一行，它非常明确地告诉我们，过去一年全世界（除中国大陆）执行的死刑数有686+起，而中国大陆估计执行了2000+起。

那么这686+起都来自于哪些国家和地区呢？从多到少，这个黑色螺旋用从粗到细的分支顺时针转了一圈，把它们罗列了出来。

这样一来，读者可以同时接受到的信息依次是：

1. 中国大陆的执行数量很多，和全世界数据相比的情况（粗细直观表现了比例）

2. 全世界2018年有哪些国家和地区在执行死刑，从多到少分别执行了多少起（粗细和顺序直观表现了数量多少的排序）

一开始最粗的螺旋的起点，实际上是全世界的死刑执行数，而后被分成了中国大陆和其它，其它又被分成了各个国家及地区。其实这种比较各个国家及地区同一数据的情况，我们的第一反应都是用bar来呈现。但这个图其实是树状图的变形，树状图更加清晰地表现了流向比例，强调了中国大陆执行死刑数量之多；同时把树状图横过来并弯曲的变形处理。这样又节省了大量的版面同时又达到了美观。

这个作品的第二张图想讲的是2008-2018年各个国家及地区的执行死刑数量。乍一看这是一组体量非常庞大的数据，但是作者的处理方式让人完全感受不到这种体量庞大带来的杂乱，又一次让我感觉很惊艳。

自2008年以来执行死刑情况

其实这个图是一个multiple lines的变形，把每一年处理成一个条让时间节点更加的清楚了。更重要的是，作者把tooltip处理成了鼠标悬停在一个小短线上时，可以看到这个国家/地区十年对应的十个短线会被高亮出来，同时伴随十年具体的数据，而其余的数据都是暗掉的。这样读者第一步看到的这个国家/地区自己十年间死刑执行数的变化，第二步也可以看到它在全世界执行死刑的国家中处于一个什么样的情况。第一反应仿佛降低了信息维度，实际是将信息处理的维度分布了，还是很聪明的。

执行死刑的方法

作品中的第三张图用五个小图标表现了5种死刑的执行方法，下方的黑点表示各个国家及地区。这张图中并没有出现具体数量，让我联想到小学做过的连线题，连线的颜色还很有心地被处理成了和图标一样的颜色，更加清晰了。

第四张图是一个带有滚动交互的插画。这个插画直观的介绍了注射死刑的流程。

文中介绍到，注射死刑时，需要为囚犯注射三种药剂，随着鼠标的滚动，注射所需的三种药剂会依次出现在屏幕上。左上角的文字是对药剂的作用和化学机理的简单介绍，人体示意图则显示了药剂在人体内的流动道路以及最终作用的器官。

一个复杂的注射死刑过程，作者通过一个简单的插画图以及一个滚动效果就直观的说明了注射死刑的大致流程、药剂的注射先后顺序以及每一种药剂的作用机理。这个图表包含信息的丰富程度令人叹为观止，充分体现了图表整合复杂信息，帮助读者理解的作用。

在插画之后作者用了另外两张图表来介绍中国大陆的历年处决数量，以及各国死刑犯人在被宣判到执行中间的等待过程。这两个图表更加常规，在这里不过多展开介绍

作品的最后一张图是一张长图，通过一个创意的表格展现了世界各国家及地区废除死刑的时间表。

图的横轴是死刑废除的两种情况：完全废除死刑，以及在大部分犯罪中废除死刑死刑仅作为军法中某些特殊罪名的刑罚。纵轴则是年份。图表中的每一条折线代表一个国家/地区。而如果有国家/地区从情况2变动到情况1，则用一条加粗的黄线表示（如文中的阿根廷）。如此一来，半个多世纪的世界死刑废除情况被浓缩到了一张图表上，而且非常的直观、清晰。

作者之所以能非常简洁的呈现出这个很复杂的数据，首先在于他很清晰的梳理出了这个数据的结构：纵向上，以时间为维度，分析的对象，则是不同的国家及地区，而每个国家及地区在横向上的死刑变动情况，又可以被归为两类。其次作者找了一个很直观的中介符号：将国家/地区符号化为水平直线，不同的终点象征不同的死刑变动情况。再将不同的横线按照时间顺序排列起来，就成功的梳理出了半个多世纪以来的死刑变动时间表。

这篇作品的文字从头到尾都很少，但读下来我感觉自己接受了大量的信息。这很难说不是这些巧妙的信息图给读者的帮助。为什么它可以拥有这么多好看好懂的图！为什么想法这么优秀！

其实想想，之所以这个作品的设计可以兼备functional、beautiful和insight，还是因为在拿到数据之后，开始做图之前，作者想说什么的思路是非常清晰，目标是非常明确的。

从整体性上讲，作品本身还是存在一点小问题，我用谷歌浏览器打开的时候每一张图都没法在一屏之内展示，看着有点难受（我把屏幕调到67%之后才可以）。不过瑕不掩瑜，我仍旧觉得它是一个在设计上构思巧妙，给了我十分多启发的作品。

By 简璃