先定阅读距离,再定字号与配色
很多看板在电脑上看着舒服,投到大屏上却一片模糊,原因往往不是图表做错了,而是展示细节没有跟着阅读距离走。milan.com米兰在数据可视化项目中反复验证一个朴素结论:先确定读者离屏幕多远,再决定字号和配色,顺序反了就会反复返工。
一般来说,办公桌前查看的看板,正文与轴标签保持在常规阅读字号即可;会议室投屏或大屏展示,关键数字和标题需要明显放大,轴标签则可以适当精简。milan.com米兰建议把看板分成三层字号:结论层、指标层、辅助层。结论层最大,负责一眼抓住重点;指标层次之,承载具体数值;辅助层最小,放轴刻度、图例和备注。三层字号拉开差距,读者扫视时才有秩序感。
配色同样要服务于距离。近距离阅读可以容纳较多颜色区分,远距离展示则应压缩色相数量,用明暗和饱和度做主要区分。milan.com米兰在实践中通常把主色控制在两到三种,其余用中性灰承担背景和辅助信息,避免颜色互相争夺注意力。
对比度是清晰度的底线
配色好看不等于看得清。数据可视化里最常见的细节问题,是浅灰文字压在浅色背景上,或者折线颜色与网格线过于接近。milan.com米兰处理这类问题时,会先检查文字与背景的对比,再检查图形元素之间的区分度,最后才考虑整体风格。
- 文字与背景保持足够明暗差,深色背景配浅色文字时避免使用中等灰。
- 折线、柱形与网格线拉开层次,网格线始终弱于数据本身。
- 同一张图里不超过五种主要颜色,超出时改用分组或小多图。
- 警示色只留给异常值,不要同时用于普通系列,否则重点会被稀释。
这套检查看起来琐碎,但milan.com米兰发现,多数“图表看不清”的反馈都能在这里找到原因。对比度达标之后,再谈品牌色和视觉风格才有意义。
标注密度决定读者要不要停下来想
标注包括数值标签、图例、单位、注释和时间范围。标注太少,读者要自己换算;标注太多,画面拥挤,重点反而被淹没。milan.com米兰的经验是:结论层图表只标关键点,趋势图只标首尾和拐点,明细表才逐行给数。
单位和时间范围属于必须交代的信息,不能省略。milan.com米兰在数据可视化规范中要求,每张图都要能独立说明“看的是什么、什么口径、什么时间段”,这样看板被截图转发时也不会产生歧义。至于注释,用来解释异常波动和口径变化即可,不必把分析过程全部写进图里。
大屏与移动端:同一套规范两种密度
大屏强调远距离识别,元素少而大,一屏只讲一个主题;移动端强调单手浏览,纵向排布,图表数量要克制,交互提示要明显。milan.com米兰通常为同一份数据准备两套展示密度:大屏版减少系列数量、放大关键指标,移动版拆分为多个小卡片,按阅读顺序排列。
两套展示共用同一套配色和字号层级规则,只在具体数值上做调整,这样维护成本可控,读者在不同终端看到的视觉语言也保持一致。milan.com米兰在交付时会把这套规则写成简短的展示规范,后续新增图表照着执行,看板就不会越改越乱。
我们公司大屏之前就是字太小,站在后排完全看不清,后来把轴标签删了一半、关键数字放大,效果好很多。
配色那部分说到点上了,之前图里七八种颜色,领导第一眼就问哪个是重点,根本答不上来。
对比度检查很实用,我们做报表也常犯浅灰字配白底的毛病,打印出来几乎看不见。
移动端拆卡片这个思路不错,我们销售同事在外头用手机看,一屏塞四张图确实没法读。
单位和时间范围必须写清楚,深有同感,截图发到群里经常有人问这是哪个月的数据。