2. 看板设计原则：数据可视化黄金法则、看板信息层级设计、色彩与视觉编码规范、KPI与趋势图的布局策略

容量水位看板的核心使命是让运维与业务人员在3秒内定位异常、5秒内判断趋势。要达到这一目标，必须严格遵循数据可视化的底层法则，并建立从宏观到微观的信息层级。本章将拆解看板设计的四大支柱：黄金法则、信息层级、色彩编码与布局策略。

2.1 数据可视化黄金法则

看板不是仪表盘的堆砌，而是决策信号的放大器。以下五条法则直接决定看板的可用性：

2.2 看板信息层级设计

容量水位看板通常采用“F型”或“Z型”视觉动线。信息层级分为三层：

• 第一层（全局水位）： 位于看板顶部或左上角，展示整体容量健康度、总资源池使用率、告警总数。使用大号数字+语义色块，支持3秒内判断系统整体状态。
• 第二层（分类概览）： 按资源类型（计算、存储、网络）分组，展示各分类的容量水位排名或分布。使用水平条形图或热力图，支持横向对比。
• 第三层（明细趋势）： 位于看板中下部，展示单个资源的时序趋势、预测线与阈值线。使用折线图或面积图，支持钻取分析。

2.3 色彩与视觉编码规范

色彩是看板中最强大的预注意属性，但也是最容易被滥用的元素。容量水位看板的色彩编码必须遵循以下规范：

2.3.1 语义色板

2.3.2 视觉编码规则

• 位置编码： 同一类指标在相同位置展示，如所有KPI数字统一放在卡片左上角。
• 长度编码： 进度条长度直接映射容量使用率，避免使用角度（仪表盘）或面积（气泡图）等非线性编码。
• 颜色编码： 严格使用上述语义色板，禁止使用渐变色或高饱和霓虹色。色盲用户需配合纹理或图标辅助。
• 形状编码： 不同资源类型使用不同图标（服务器、硬盘、网络），增强可扫描性。

2.4 KPI与趋势图的布局策略

KPI卡片与趋势图是容量看板的核心组件。布局策略决定了用户能否快速建立“当前水位”与“历史趋势”之间的关联。

2.4.1 KPI卡片设计规范

2.4.2 趋势图布局策略

• 关联布局： 将KPI卡片与对应的趋势图上下或左右对齐，形成视觉组。例如，CPU使用率KPI卡片上方放置CPU趋势图。
• 时间轴对齐： 同一看板中所有趋势图使用相同的时间轴范围（如最近24小时），便于横向对比。
• 阈值线可视化： 在趋势图中使用虚线绘制警告线（80%）和危险线（90%），颜色分别使用橙色和红色。
• 预测区间： 使用浅色半透明区域表示预测区间，避免遮挡实际数据线。

2.5 布局策略总结

综合以上原则，容量水位看板的布局应遵循以下优先级：

1. 全局水位优先： 将整体容量健康度放在左上角第一视觉落点。
2. 分类对比次之： 按资源类型分组展示，每组包含KPI卡片+迷你趋势图。
3. 明细趋势支撑： 底部提供可滚动的详细趋势图列表，支持按资源名称筛选。
4. 阈值可视化贯穿： 所有进度条和趋势图都包含80%/90%阈值线，颜色编码统一。