为什么我做的PPT和图表总是感觉不太对?这本书里给出了答案
这篇书评可能有关键情节透露
处理数据、作图、分析数据、展示结果、做PPT是我每天都在做的事。看起来没什么问题。但一听报告,看到别人画的图,做的PPT,我就觉得自己做的哪里不太对。
由于个人审美原因,我不喜欢复杂的模板、动画特效,PPT越简单越好。所以我对自己PPT的不满不是来自于做的不够漂亮。听报告时,令我眼前一亮的PPT往往都是直接白底,没有主题特效的那种。
昨天参加活动,听一个人汇报工作,直观感受是:PPT简洁有力,引起极度舒适。
今天看了《不只是美:信息图表设计原理与经典案例》,看到某一页,一拍大腿,终于知道“别人做的简洁”、“我做的不太对”原因在哪了。真是相见恨晚的一本书。
这本书的作者Alberto Cairo是美国迈阿密大学传播学院的老师,负责教授信息图表与可视化课程,他在媒体工作时主要负责制作信息图表,做的图还获得了信息图表界最高荣誉——Malofiej国际图表奖。
《不只是美:信息图表设计原理与经典案例》这本书主要有四部分内容:信息图表的形式,认知科学,实例应用,大师访谈。
读了前几页我被打击得差点弃书。作者集数据分析师、图表制作者、设计师与一身,提一个问题,3个小时内就能搜到官方数据、清洗数据、处理数据、画了四类图来支撑自己的分析结果。他3个小时做的东西,我能做三天。
但是在朋友的强烈推荐下,我还是读了下去,而且阅读过程中,收获颇丰。
格式塔学派
在“思维可视化”这个章节中,作者介绍了“格式塔学派”。为了节约时间,大脑把相近的事物归为一类(尺寸、色调相近),区别于看起来不同的事物,然后关注那些不同的形状。格式塔理论隐含的主要原则是,大脑不是把那些颜色和形状片段看做单个实体,而是它们的组合。这样可以提高大脑观察事物的效率。大脑在观察时,遵循:临近原则,相似原则,相邻原则,连贯原则,闭合原则。这里介绍一下临近原则。

在这个示意图里,大脑自然会把相邻的几个柱条归到一组。
在下面这个例子里,白色间隙可以帮助大脑区分不同的部分。左图(也就是第一张图)一目了然,可以分为三大块,第一块是标题及简介,第二块是标题及简介右边的一片图表,第三块是下半部分的六张图。
第二张图,看起来更紧凑,白色间隙少了,但不同块之间的区分不明显了,读者要费劲去看,中间偏右的那行字,是属于上面的图,还是属于下面的图。

回忆昨天听报告时,“极度舒适”的原因其实就是整齐的留白,PPT里露出的白底不是没有信息可以填补,而是为了区分同一张PPT里的不同部分。报告人的每张PPT里几乎都遵循左-右这样的结构,一眼望上去,就能读取左边信息、右边信息,以及左右两部分之间的联系。
而我做PPT最大的缺点就是,块与块之间留白很少,一眼望上去不容易理顺他们之间的关系,在不阅读内容的情况下,很难找到阅读顺序是“先上下后左右”,还是“先左右后上下”。我总觉得,你读了第一块,自然就知道是该往右还是该往下了。但是对于听报告的人而言,这是一种注意力的浪费。别人的报告,只需要0.5s就能识别一页PPT的结构,而我的PPT却要花上5s以上去阅读一部分,才能识别一页PPT的结构。怪不得连我自己都觉得自己的PPT哪里不对。
以前我的观点是PPT结构分布有逻辑、不混乱就行了,通过昨天的报告和今天这本书,我觉得做PPT的目标应该是:让读者在0.5s内能识别出一页PPT里面的内容结构。
事物识别与信息图表
这本书里介绍了很多认知科学方面的内容,读者得以了解大脑和眼睛如何工作,如何使自己的图更方便大脑来阅读。其中第七章介绍了大脑成像,解答了我一直以来的一个疑问。
我在读文章时,经常见到的一种图就是一大张实物图或仿真彩图,然后大图里又贴了一些局部草图。比如下面这种。但为什么这么构图呢?

《美国心理学杂志》上有一篇论文,研究了大脑识别机制。研究人员让参与者看同样事物的照片以及线条素描,让参与者识别图中的物体。结果表明,参与者对于识别素描的效率更高。这是因为线条素描只保留了最有用的特征,去掉了不必要的信息(比如色彩、光影、纹理等等)。

因此,信息图表制作者都会利用这个机制,作图时,只放一张真实的整体图,讲解细节时,则配上线条素描,这样对于读图者认知负担是最少的。
交互设计
我开发应用工具时,总是懒得做图形用户界面,借口就是不懂交互。这本书刚好也介绍了交互设计的几个原则。主要包括:可视原则、反馈原则、受限原则、一致原则。
可视原则指的是,要让物体的实用性可见。比如下面这张图,按钮设计拟物化、用箭头代替按钮上的文字,都能减少使用难度,让用户一秒get这个按钮是做什么的。

反馈原则指的是,读者做出一个动作之后,界面上要给出一个反应,让读者知道自己这个操作是不是成功了。

受限原则指的是,在界面上有些操作能做,有些操作不能做,那么界面上应该引导读者做出正确的动作。比如说,读者在翻到某一页时,翻页按钮变灰色、或者消失了,这就提示了读者,已经到最后一页,不能翻页了。
一致原则指的是,每次翻页后,一些主要按钮的位置应该保持不变,比如缩放按钮、翻页按钮等等,这样读者只要了解了一个页面的功能,他打开其他页面后就能用同样的逻辑来操作。
大师不愧是大师
这本书有超过三分之一的篇幅,给了最后一章的大师访谈与案例。大师们的作品非常漂亮和惊艳,但他们的工作流程却非常扎实。每张图背后是大量的信息搜集、分析故事、设计草图和模型、最终才是利用工具画成最终效果。
比如,《国家地理》杂志的高级图表编辑Fernando G.Baptista在作图介绍土耳其新石器时代的庙宇遗址哥贝克力山丘时,带着草图去实地考察了3天,回来后,用黏土制作了庙宇的几个模型来分析它的结构和比例。


在制作著名图表“圣家族大教堂项目”时,Fernando G.Baptista去见了这个未完成的大教堂的设计师,由于设计师手里没有完整的教堂模型,Fernando G.Baptista只好根据各种局部模型和草图来推测、计算出大教堂的全貌,他甚至计算出建筑师的某些楼层设计存在错误,使建筑师修改了设计。


还有个例子让人也印象深刻。这是个关于“蹭热点”的图表。

2011年,一名法律教授在德国的前国防部长Karl Theodor zu Guttenberg的博士论文里发现了抄袭,当时这个国防部长正要接任总理,是个炙手可热的政治明星,而且这篇博士论文曾被授予最高荣誉。所以抄袭事件一爆出来,反响非常大。和国内的自媒体一样,事件出来了,大家都想蹭热点。但可视化架构师Gregor Aisch蹭热点的方式,是把网上拔出来的所有抄袭部分,汇总到了一张图里。就是上面那张图,看了这种图,即使是没写过论文的吃瓜群众,也能看出来这位国防部长大人的论文抄袭的程度多么恐怖,简直是从头抄到尾。
看了Gregor Aisch的图,我不禁感慨:这才是蹭热点的正确方式啊!一张有效的图,不仅能让读者对事情有了整体上的了解,其完整严谨的信息也能留存下来,供以后的人查阅。
《不只是美:信息图标设计原理与经典案例》这本书的厉害之处在于,在这里,既见树木,又见森林,作者即讲作图的基本原则、也讲人脑认知科学,给新手小白指出了明晰的路径。最后10个大师访谈的例子,让人看得荡气回肠,有“会当凌绝顶,一览众山小”的感觉。