中性色层级怎么定

品牌色可能只出现在少数按钮、标签和重点区，但中性色几乎贯穿整站。正文、说明、边框、卡片、表格线、禁用态和弱背景，都依赖中性色去维持秩序。

所以真正影响页面成熟度的，往往不是主色够不够漂亮，而是这套中性色有没有把信息层级稳稳托住。

最常见的做法，是先固定 1 档高权重正文色，再准备 1 档次级说明色、1 档边框色、1 到 2 档浅背景色，以及 1 档禁用态色。这样不同页面和组件就不会每次临时找灰。

如果项目需要设计系统，还可以继续扩成 50 到 900 这样的完整灰阶，但核心仍然是职责清楚，而不是档位越多越高级。

• 高权重正文：最深的一档中性色。
• 次级文字：清楚但不抢主信息。
• 边框与分隔线：能看见，但不能过重。
• 弱背景与禁用态：能分层，但不影响阅读焦点。

最常见的问题是正文、说明和禁用态之间差距太小，导致用户看不出优先级。第二个问题是背景色和卡片色几乎一样，整页分区都像糊在一起。

还有一种情况是中性色整体偏脏，可能是灰里混了过多不一致的色相。看单个值没问题，但放在一起就会显得旧和浑。

• 先保证正文和说明文字差距足够清楚。
• 背景和卡片至少要有 2 到 3 档真实可见差异。
• 不要让不同模块各自混入不同偏色的灰。