U5.06.3The density ceiling shifts with final size and resolution设计

密度上限随最终呈现尺寸与分辨率变化

别名: 呈现尺寸 · 分辨率

概念解释

同一份数据,在 27 寸显示器全屏、笔记本半屏、手机竖屏、投影仪上,密度上限完全不同:画布缩小后,原来刚好可分的点开始贴合,原来清晰的线开始糊成一片。密度问题必须在最终呈现尺寸上判定——设计稿尺寸上的"看起来还好"不构成证据。

机制

上限随尺寸变化的机制是像素预算的直接推论:可分辨的最小图元尺寸大致恒定(受视锐度限制),画布像素越多能容纳的图元越多;画布缩小到一半,图元数上限大约缩到四分之一(面积缩放),线性缩放数量就会溢出。分辨率的作用更隐蔽:高分辨率屏幕允许更小的图元仍可辨,但投影、低端屏与打印会吃掉这个余量; retina 设计稿在投影仪上的实际可分辨图元数可能只有稿面上的几分之一。响应式图表还要加上"尺寸运行时变化"一层——用户拖窄窗口时密度重算,不重算就溢出。

边界

尺寸与分辨率不能互相补偿:高分辨率的小屏不等于大画布——物理尺寸限制了视锐度,像素密度再高也救不了 5 英寸屏上的千点散点图。交互缩放能把"探索"的密度上限推高,但初始视图仍按初始尺寸判定。打印是单向退化:屏幕上可交互的密度打印后全部固定,打印版本要按纸面重新估密度。

怎么落地

  • 图表规格里写明目标呈现尺寸与设备(全屏桌面、卡片内、移动端、投影、A4 打印),密度审查按目标尺寸执行。
  • 响应式图表在关键断点重估密度,必要时在窄屏切换为聚合或分面版本。
  • 验证:在目标设备实际渲染(或等比截图)后做指认测试;只在设计稿尺寸通过、目标尺寸不通过的,按不合格处理。

延伸

  • 同组U5.06.1 单张图可承载的图元数受重叠与遮挡限制 · U5.06.2 超过密度上限后应聚合、抽样或改为分面 · U5.06.4 高密度图仍能表达整体形状,失去的是个体可读性 · U5.06.5 密度问题应在数据处理阶段解决而非靠缩小图元
  • 相邻U11.04.4 图中文字的最小字号需按最终呈现尺寸判定而非设计稿 · U5.06.1 单张图可承载的图元数受重叠与遮挡限制
  • 站内检索responsive visualization · target size · pixel density

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U5.06.3