先定阅读距离,再定字号与配色

很多看板在电脑上看着舒服,投到大屏上却一片模糊,原因往往不是图表做错了,而是展示细节没有跟着阅读距离走。milan.com米兰在数据可视化项目中反复验证一个朴素结论:先确定读者离屏幕多远,再决定字号和配色,顺序反了就会反复返工。

一般来说,办公桌前查看的看板,正文与轴标签保持在常规阅读字号即可;会议室投屏或大屏展示,关键数字和标题需要明显放大,轴标签则可以适当精简。milan.com米兰建议把看板分成三层字号:结论层、指标层、辅助层。结论层最大,负责一眼抓住重点;指标层次之,承载具体数值;辅助层最小,放轴刻度、图例和备注。三层字号拉开差距,读者扫视时才有秩序感。

配色同样要服务于距离。近距离阅读可以容纳较多颜色区分,远距离展示则应压缩色相数量,用明暗和饱和度做主要区分。milan.com米兰在实践中通常把主色控制在两到三种,其余用中性灰承担背景和辅助信息,避免颜色互相争夺注意力。

对比度是清晰度的底线

配色好看不等于看得清。数据可视化里最常见的细节问题,是浅灰文字压在浅色背景上,或者折线颜色与网格线过于接近。milan.com米兰处理这类问题时,会先检查文字与背景的对比,再检查图形元素之间的区分度,最后才考虑整体风格。

  • 文字与背景保持足够明暗差,深色背景配浅色文字时避免使用中等灰。
  • 折线、柱形与网格线拉开层次,网格线始终弱于数据本身。
  • 同一张图里不超过五种主要颜色,超出时改用分组或小多图。
  • 警示色只留给异常值,不要同时用于普通系列,否则重点会被稀释。

这套检查看起来琐碎,但milan.com米兰发现,多数“图表看不清”的反馈都能在这里找到原因。对比度达标之后,再谈品牌色和视觉风格才有意义。

标注密度决定读者要不要停下来想

标注包括数值标签、图例、单位、注释和时间范围。标注太少,读者要自己换算;标注太多,画面拥挤,重点反而被淹没。milan.com米兰的经验是:结论层图表只标关键点,趋势图只标首尾和拐点,明细表才逐行给数。

单位和时间范围属于必须交代的信息,不能省略。milan.com米兰在数据可视化规范中要求,每张图都要能独立说明“看的是什么、什么口径、什么时间段”,这样看板被截图转发时也不会产生歧义。至于注释,用来解释异常波动和口径变化即可,不必把分析过程全部写进图里。

大屏与移动端:同一套规范两种密度

大屏强调远距离识别,元素少而大,一屏只讲一个主题;移动端强调单手浏览,纵向排布,图表数量要克制,交互提示要明显。milan.com米兰通常为同一份数据准备两套展示密度:大屏版减少系列数量、放大关键指标,移动版拆分为多个小卡片,按阅读顺序排列。

两套展示共用同一套配色和字号层级规则,只在具体数值上做调整,这样维护成本可控,读者在不同终端看到的视觉语言也保持一致。milan.com米兰在交付时会把这套规则写成简短的展示规范,后续新增图表照着执行,看板就不会越改越乱。