# VectorPaint 热力矩阵：用固定色阶表达同一范围的数据

语言：zh-CN
原文：[VectorPaint 热力矩阵：用固定色阶表达同一范围的数据](<https://allluckly.cn/guides/vectorpaint-heatmap-matrix/>)
中文：[中文 HTML](<https://allluckly.cn/guides/vectorpaint-heatmap-matrix/>)
English: [English HTML](<https://allluckly.cn/en/guides/vectorpaint-heatmap-matrix/>)
发布于: 2026-10-27T00:00:00+08:00
内容更新于: 2026-10-27T00:00:00+08:00
署名：Bison

绘制虚构练习时段矩阵，先定义范围、缺失值和色阶，再核对每格数字与图例。

热力矩阵依靠颜色让人快速看出分布，但颜色规则必须先确定。本篇用三类练习、五个时段的虚构数据画一张静态矩阵。图形不自动统计实际行为，颜色与数字都需要从同一清单手工对应。

## 先定义行列和同一统计范围

先列三种练习项目与五个时段，给每格写一个示例数值，再说明单位和范围。所有数值都来自同一种口径，例如同样长度时段内的练习次数，不能一行写分钟另一行写次数却共用色阶。新建一千二百乘七百像素画布，左侧留行名，上方留列名，右侧留图例。没有记录的格子标为缺失，不直接写零；零表示已确认没有发生，缺失表示没有得到数据。先完成表，再决定颜色，避免凭视觉填色。

## 建立尺寸一致的矩阵格子

画一只基础矩形，复制成五列，再复制成三行，单元格宽高一致，行列间留相同窄间距。先核对十五格实际数量，再放标签，避免复制时重叠一格看不出来。把框架或底板与数字分层，后面换色不影响文字。间距用于区分格子，不编码数值大小；不要某行间隙更大让人误以为它属于另一组。每次分布前只选择同一方向目标，确认没有把行名也参与排列，先完成稳定骨架再输入数据。

## 先写出固定的分档规则

采用四档示例规则：零、低、中、高，每档明确数值范围，区间不重叠也不遗漏边界值。颜色由浅到深，越深代表越高，并在图例直接写明。选择一组色相接近的色阶比随意彩虹更容易比较。若一行数值普遍高，也不单独给这一行重新拉伸色阶，否则相同颜色不再代表同一数量。先挑最小、边界和最大三个数测试规则，再扩展到全部格子。图例是数据解释的一部分，应随图一起保存。

## 逐格核对数字和颜色

按行从左到右输入数字，再根据固定分档换色，每完成一行回源表核对。不要先凭整体分布涂出漂亮图案，再补数字迎合颜色。文字颜色按对比调整，但不能让深格里的数值难以辨认。若某格数字太长，先检查单位是否应该写在总标题而不是每格重复。色块和文字保持对应位置，移动一格时一起检查，避免数字还在旧位置。完成后只读数字，再只看颜色，分别寻找不符合规则的格子。

## 用单独样式表达缺失数据

缺失格可以用浅灰、短横线和图例说明共同表达，不与零值共用完全一样颜色。原因如果重要，在图下写缺少记录而不是没有练习，避免把未知解释成确切结论。格子没有填数字也可能是排版漏项，所以每个空白都要回源表确认。若需要显示不适用状态，另行说明并与缺失区别，不无限增加难以记忆的符号。先控制在读者能理解的少量状态，文字解释比堆叠颜色更可靠。

## 更换数据时保留原色阶比较

做第二组同口径数据时，先沿用原分档，让相同颜色在两张图中仍表示相同范围。若新数值超出最高档，先决定扩展图例并同步更新旧图，或明确最高档含更大值，不能悄悄换规则。两张并排比较时，行列顺序、格子尺寸和单位都一致，差异才容易理解。不要因为第二张看起来太浅就临时加深全部颜色，那会制造不真实的强弱。记录每轮数据范围、规则和版本，避免图例落后于格子内容。

## 在目标尺寸检查矩阵可读性

保存原稿，导出后核对列名、行名、最小数字与色阶图例。缩小后如果只有色块而看不清范围，至少保留完整标题和图例，不强求格内每个字都挤入很小图片。可以减少行列或分成两图，但两图共享规则。透明背景输出时检查浅格是否与背景混成一片，必要时使用明确底板。文件名记录数据范围与规则版本，分享时带完整图例，不单独裁取中心几格让读者失去解释。

## 图案异常时按边界值回查

某格颜色突兀，先查它的数值是否落在分档边界，再核对是不是换错填充对象。整行偏深时检查是否误套另一套色阶，而不直接把数字改小。缺失格被当零，先修源表与图例，再同步图中样式。复制后列名错位，应从第一列依次追踪到第五列，不靠大致中心位置判断。最后随机选三个格，读出行、列、数值、分档和颜色含义，五项都能对应，才说明这张热力矩阵可以被复核。

## 相关教程与资料

[VectorPaint 方案对照表：用一致列宽展示三种选择](<https://allluckly.cn/guides/vectorpaint-comparison-sheet/>)、[VectorPaint 填充与描边：做出清楚的色块和统一线条](<https://allluckly.cn/guides/vectorpaint-fill-stroke/>)。

2026 年 10 月 27 日核对 [Apple 公开版本信息](<https://itunes.apple.com/lookup?id=1587272880&country=cn>)：VectorPaint 1.0.8，最低要求 iOS / iPadOS 17。功能依据[官方 App Store 说明](<https://apps.apple.com/cn/app/id1587272880>)和对应入口整理。本文为可自行执行的步骤与检查方法，未声明已在真机、私人服务器或目标软件中逐项实测；尺寸、示例数据与文案用于练习，具体控件以安装版本为准。

