数据可视化已经成为互联网上传递信息的基本方式,从商业智能到新闻叙事,它都在帮人们理解数据、表达观点。比起密密麻麻的表格,一张好图表能让人更快抓住重点,这背后没有什么魔法,只是因为人类大脑天生对视觉信息更敏感。优秀的设计会充分利用这一点,在构思时就把人的感知方式考虑进去,让整个数据体验变得更顺畅、更易懂。

现在各种工具和框架都能做出漂亮的图表,但有时候我们更需要回到基础,问自己一个简单的问题:什么才是真正有效的数据可视化?设计时到底该遵循哪些原则?下面这些实践心得,或许能帮你做出更丰富、更有洞察力的作品。
想做出有效的可视化,先得搞清楚你的图表是给谁看的。可视化的目的是揭示模式、提供背景、描述关系,设计师虽然不能改变数据本身,但可以决定突出哪些数据、提供什么上下文。毕竟,如果目标读者根本看不懂,再好看的图表也毫无意义。面对普通用户,图表应该结构清晰、有吸引力,有时甚至可以直白地告诉读者该从数据中得出什么结论——FlowingData 上那张展示父母工作时间变化的图表,就非常直观。而对于专家用户,则可以呈现更精细的数据视图,让他们自己去探索发现,细节和数据密度可以更高,但同样需要保持简洁明了,《华尔街日报》的失业率追踪图就是一个很好的例子。
确定了受众,交互是另一个容易踩坑的地方。交互能鼓励探索,但千万别把它当成必需品。一个令人深思的数字是:在《纽约时报》的网站上,只有 10% 到 15% 的读者会真正去点击交互式图表里的按钮。要知道,《纽约时报》的图形团队做的可是业内顶尖的作品,即便如此,互动率依然很低。这提醒我们,关键数据不能藏在交互后面,必须在不操作的情况下就能被看到。当然,交互并非一无是处。它可以整合更多数据,让感兴趣的读者深入探索,比如 Nathan Yau 在 FlowingData 上那幅关于死因和预期寿命的图表,就允许用户通过交互查看不同性别和种族的差异。此外,交互也可以作为一个吸引点,让读者在浏览前亲手参与,一下子就拉近了距离。Quartz 曾让读者先画一个圆,再展开关于文化形式的分析;The Pudding 用交互方式解释生日悖论,让枯燥的概率问题变得迷人。这些交互之所以有效,正是因为它们让读者参与其中,却不必依赖交互来理解核心信息。
善用视觉焦点,可以无声地引导读者的视线。视觉突出性能让某些元素从背景中跳出来,我们可以借此让读者最先关注到最重要的信息,避免信息过载。颜色和大小是创造视觉焦点的两个关键。用温暖、高饱和度的颜色突出关键数据点,用冷色和低饱和度将次要信息置于背景,彭博社那张“2014:最热年份”的图表就是很好的示范。同时,放大主要元素,缩小不相关的文字和图形,也能有效引导视线,让读者先看到你最想让他们看的内容。
说到视觉,就不得不提数据编码方式的选择。Cleveland 和 McGill 的经典研究告诉我们,人们对不同视觉编码的感知准确度是有排序的:位置和长度最容易被准确比较,角度和面积次之,颜色最不适合用来表示精确的数值。因此,展示定量数据时,散点图和条形图这类基于位置或长度的编码是首选,而不是饼图或气泡图。这并不是说永远不能用饼图,而是提醒我们在探索新图表形式时,心里要有这根弦。更重要的是,颜色应该用来区分类别,而不是表示数值大小——像“出生时预期寿命”那样,用颜色区分不同国家,就非常清晰。
图表的骨架也要清晰,但绝不能抢了数据本身的风头。不管你是否认同 Edward Tufte 的极端极简主义,都应该尽量消除图表中的视觉噪音。在数据元素和非数据元素之间制造对比,让数据凸显出来,Nadieh Bremer 在获奖作品“美国出生时间”里就做得非常出色。具体操作上,不妨去掉那些不发挥作用的背景、线条和边框,弱化必要的轴、网格和刻度线。网格线用浅灰色,最细 0.5 pt;轴线用黑色或灰色,最宽 1 pt,让它们安静地待在背景里,不要与数据争抢注意力。

还有一个细节容易被忽略,那就是标注。每个数据编码元素都需要清晰的标记,但很多设计师习惯用图例来说明。图例虽然省事,却给读者增加了记忆负担,迫使他们不断在图表和图例之间来回扫视。更好的做法是直接在图表上标注数据系列,这虽然更具挑战,但正是设计师的职责所在。Nathan Yau 那组每人每日平均消费量的多重小型图表,就通过大量直接标签避免了图例,让阅读变得轻松不少。
好的可视化往往在讲述一个故事。这些故事源于数据中的趋势、相关性和异常值,并由周围的文字和视觉元素强化。一个出色的数据故事离不开清晰的视觉层次,让读者能一步步往下读。标题应当点明关键观点,散布在图表中的小注释可以引导读者注意到异常或趋势,从而支撑核心论点,《纽约时报》那篇关于北极冰层冬季最大范围缩小的报道,就做得非常到位。说白了,就是帮读者看懂数据想表达的东西。
既然注释能强化叙事,那不妨更进一步,把上下文信息直接叠加到图表上。注释本身可以叙事,有时再加入一些图形元素,能让解释更加直观。比如 Susie Lu 的票房趋势图,叠加上暑期大片和奥斯卡季的信息后,那些看似随机的高低起伏就有了意义,比单独的文字说明更直接、更有说服力。
别忘了,现在很多人是在手机上阅读。很多静态可视化以 JPG 或 PNG 格式发布,这对移动用户来说是个挑战——那些精美复杂的细节,在小屏幕上往往丢失殆尽。像 Accurat 工作室为诺贝尔奖设计的作品,在印刷品或高分辨率屏幕上很惊艳,但在手机上几乎难以辨认。因此,要么采用 D3.js、Highcharts 等工具构建响应式可视化,要么就为不同设备分别设计静态版本,确保无论在什么终端上,数据都能被看清。

说到底,前面谈到的所有实践,最终都归结为一点:在复杂性和清晰度之间找到适合受众的平衡。制作精美、探索性强的可视化总是很诱人,但不一定是最合适的方法。仔细考虑读者的知识和目标,决定纳入哪些数据,并梳理数据,讲好你想讲的故事。优秀的数据可视化不是炫耀技巧,而是让数据自己说话,让读者真正看懂。从受众出发,用好视觉属性,构建清晰的叙事,这些原则值得反复琢磨。

Login Now