信息图表是如何炼成的之一：媒体使用情况

最新推荐文章于 2022-10-20 16:29:10 发布

R3eE9y2OeFcU40

最新推荐文章于 2022-10-20 16:29:10 发布

阅读量232

点赞数

本文链接：https://blog.csdn.net/R3eE9y2OeFcU40/article/details/84595085

版权

欢迎关注天善智能，我们是专注于商业智能BI，人工智能AI，大数据分析与挖掘领域的垂直社区，学习，问答、求职一站式搞定！

对商业智能BI、大数据分析挖掘、机器学习，python，R等数据领域感兴趣的同学加微信：tsaiedu，并注明消息来源，邀请你进入数据爱好者交流群，数据爱好者们都在这儿。

天善学院2018年度SVIP 998特惠即将结束！[https://www.hellobi.com/svip](https://www.hellobi.com/svip) 一众一线名企名师，一波数据分析+人工智能+商业智能绝对好课！

本文来自天善智能社区专栏作者分享资料，未经允许，不得转载。

作者简介：

余政彥美国东北大学信息设计艺术硕士、中国人民大学经济硕士，可视分析爱好者

个人公众号：鱼政彦

写作缘由

这篇文章，主要是我在美国东北大学 (Northeastern University) 就读信息设计与可视化 (Information Design and Visualization) 专业的心得记录，从我自己的每一个作业的修改过程中，去记录“要做好一个信息图，需要经历过哪些过程”，因此，这些心得不见得对其他人在制作信息图上会有具体的帮助，毕竟这些都是我个人的作品，不一定适用其他人。在文章最后，我还会分享我们这个项目其他同学的优秀作品（优秀与否是我自己个人主观判断）。

基本介绍

目前美国的MFA (Master of Fine Arts, 艺术硕士) 中，东北大学是全美国第一个开设信息设计项目的学校，第一学期的课程有四个：历史课 (History of Information Design and Visualization)，排版课 (Visual Communication for Information Design)，编程课 (Information Technology)，以及这篇文章的课程：信息设计课 (Information Design Studio)。课程安排挺全面也很扎实。

信息设计课，是Studio的课程，主要上课流程是老师规定需要缴交的作业后，学生每次上课带着自己的作业来让老师修改，然后不断重复这个修改的过程。我们在这们课中需要完成三个作业：三个旅行 (Three trips)，媒体使用 (Media Usage)，以及国家数据 (Country Data)，这篇文章是关于媒体使用，其他两份作业会分别再另外两篇文章来介绍。

一般上课的情形

一个学期大概是三个月，所以上述的作业平均需要一个月来完成，加上还有其他三门课的作业，整个项目的学习压力老实说挺大的。我跟我同学在这个学期中，几乎没有时间去玩耍，都在写作业；我偶尔有空闲时间也不会去玩，而是去参加校内，其他学校，或是民间举办的讲座，所以常常连煮饭的时间都没有，需要依靠外食来节省时间（一顿大概12刀，让人笑而不语的价格^_^）。

个人背景介绍

学了六年的经济学，搞过科研、当过公关、做过记者，就是没学过设计，顶多报了一个Simon阿文的网课，然后以前读本科的时候很喜欢做PPT。半年前我的设计水平大概是这样：

这是我为了申请学校而做的信息图，基本上运用到的技巧都还比较基础。

正文开始

“媒体使用情况”这个作业，老师要我们搜集个人一周媒体使用的时间（手机、电脑、书籍、微信、脸书、Instagram，电视、收音机等等比较广泛的媒体）。

插个题外话，搜集个人数据并将它可视化的人，就我所知是Nicholas Feltron，他在2004年就开始视觉化展示自己每一年的个人数据使用情况，一直到2014年（另外Feltron也是Facebook Timeline的设计师）。

Feltron: 2014 Annual Report

继续题外话，关于个人数据的展示，近期比较有名的应该就是Giorgia Lupi 跟 Stefanie Posavec，他们两位设计师将个人每周的数据使用情况画在明信片上，彼此用这种方式通信的时间达到了52周，这些明信片在今年集结成册，以“Dear Data”为名向市场贩售（这本书我有买，又贵又巨大），这作品更获得了2015年Kanta IIB的可视化大奖，更在今年被纽约现代美术馆 (MoMA) 永久收藏。

第0周：数据搜集与处理

回到正题，所以我在一周内搜集了个人的媒体使用时间（有兴趣的人可以试试看，非常具有挑战性...），并将这些数据放入Excel内进行分类。

之后，我用Tableau这个神器去简单可视化我的数据，让我能简要了解我的数据情况，以方便之后的构图：

Tableau对学生免费哦！用学校的邮箱即可申请。若非学生，也可以使用Tableau Public，这是免费版的。

第一周：画草图

或许是没有受过专业美术的训练，刚开始写作业的时候，我都不是很习惯画草图。但画草图是一个非常重要的过程，透过画草图可以清楚知道自己要如何设计并呈现可视化。若没有事先画草图，而一股脑的在AI上作图，时常会发现修改的过程很耗时，也很没有效率。

会取名为第0周是因为我们还有另外一个作业在修改，而老师要我们先给草图，这样他可以先批改，以免我们花了一堆时间在美化图片最后却可能得重新换个新的形式。

第一版“媒体使用情况”的作业就长这样：

这个图中间的大圆，分成三个区块，分别是书本、电脑、手机的媒介使用情况，而大圆的圆环阶层，则是代表不同星期。颜色代表不同种类的媒体（例如：社交Facebook，学习Lynda，社交LinkedIn等等）的使用时间。中间放射条则是代表不同星期的总媒体使用时间（最长的那条是星期三，代表在星期三我花最多时间在使用媒体）。

每次我要构思可视化的表现形式的时候，我会去参考很多别人的作品，去找出优秀且值得借鉴的作品，大概会看上百个不等。有时候是买书，但更多时候是看网上的资源，信息图的时间越新通常会越厉害，所以若只看书反而会忽略了后起新秀的作品。

网上的资源大概有三个，这些也是很多设计师最常逛的网站：

1. Behance: behance.net

2. Pinterest: pinterest.com

3. Drilbbble: dribbble.com

第一版的作业给老师看过之后，他表示中间的放射条他不是很懂，建议修改。但我并没有理会他，想说下周用AI画好后再给他看看，殊不知...

第二周：AI画图

这是第一版用AI画图后的实体图：

中间的大圆如同前述，下面的两个小圆，右边的小圆是代表不同媒体种类的使用时间（蓝色为学习、黄色为社交，浅蓝为新闻，红色为软件），左边的小圆代表这一周内我的媒体使用时间分布。

老师给的评语是：修改掉中间的镭射条！他认为这些线条会妨碍到后面圆形数据的解读。圆形数据与条状图并非是同一维度的数据，两者交叠在一起会让人困惑。这对我而言无非是晴天霹雳，因为我认为我这个图最主要的特点就是放射条在中间，感觉很酷 (•ؔʶ̷ ˡ̲̮ ؔʶ̷)✧ 但老师对这个概念很不以为然（或者说这个形式在这里并不适合），无奈之下只能想别种可视化的方式。

其他需要修改的小细节是：因为是圆形，所以有些字的安排需要转换角度，例如下图的Books、星期 (Mon, Tue...) 需要旋转180°，以便于阅读。我当初是想说可以用放射状的概念去呈现，所以图片上的所有文字都朝向圆心。但这样在给读者的阅读上会造成困扰。

第三周：持续修改

因为我很想试试看用圆形来呈现这次的作业，所以我没有放弃原本图片的表现形式，我把镭射条移到下面，上面的主要图则改变数据的呈现方式：从原本圆圈圈条改成向外放射的直线条。整体的颜色也改成蓝色。另外，我用渐变的方式去呈现上层的圆圈，每一层代表不同的媒体使用时间，从深到浅表示使用时间从少到多。最后，外面我又多加了一个圈，让线条向外延伸到线上，并加上媒体使用的种类名称。

这边的点与线都是用AI一个一个拉出来的，相当费时，但呈现出来的效果我挺满意。