图表配色与视觉规范

为什么图表总像“拼凑”出来的？

在团队协作中，数据可视化往往面临一个尴尬的局面：每个人画的图表颜色、字体、网格线都各不相同。当这些图表被拼凑在同一份报告或同一个仪表盘中时，视觉割裂感会严重影响数据的可信度和专业度。此外，很多开发者在配色时习惯性地使用默认的红绿对比，却忽略了色盲用户根本无法区分这些关键信息。如何在一个项目甚至整个团队中，建立一套严谨且无障碍的图表视觉规范？这正是 图表配色与视觉规范 技能要解决的核心问题。

核心方法与工作流程

该技能并不提供自动生成主题的工程库，而是扮演一位“可视化设计顾问”，通过结构化的流程帮你梳理和输出规范。
其核心方法包含四个关键步骤：

• 构建三层色彩体系：严格划分主色、中性色以及语义色（如成功、警告、错误），确保色彩语义清晰。
• 克制的色板数量：将主色数量限定在 6 个以内，避免图表色彩过于繁杂导致视觉疲劳。
• 统一排版基准：规范字体层级与网格系统，让所有图表的骨架保持一致。
• 强制色盲友好校验：明确禁止单独依赖红绿对比来传递核心数据，确保图表的无障碍可读性。

在实际调用时，技能会引导你完成以下工作流程：首先明确业务场景与品牌基调，随后输出一份详细的配色方案表，接着列出一份可执行的设计检查清单，最后指导如何将这些规范应用到具体图表中。

适用边界与工程落地

需要注意的是，该技能的输出形态是规范文档与检查清单，而非直接的代码包。如果你需要的是品牌全案设计，或者希望直接引入一个能自动生成主题的前端工程库，它并不适用。
在工程落地阶段，请务必将技能输出的规范转化为代码中的主题变量（Theme Variables）。同时，色盲友好校验是该规范的强制红线，在任何情况下都不可妥协。建议结合技能附带的 references/速查卡.md 进行日常的快速核对。