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

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

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

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

首先,来说一说头图。

执行死刑

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

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

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

去年数字

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

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

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

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

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

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

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

自2008年以来执行死刑情况

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

执行死刑的方法

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

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

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

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

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

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

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

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

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

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

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

By 简璃

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352