文字颜色在视觉层级构建中的应用原则

一、明度优先原则（层级核心第一法则）

1. 明度差决定层级强弱：主次文字必须刻意拉开明度差，明度差距越大，层级区分越清晰。
2. 标准明度层级梯度：高对比（大标题、核心标语）＞中对比（正文、常规内容）＞低对比（注释、版权、次要备注）。
3. 底色适配克制用色：白底不用纯黑正文（刺眼易疲劳），改用深灰；黑底不用纯白文字，改用浅灰，靠微妙明度建立柔和层级。
4. 禁止弱对比滥用：核心正文严禁浅灰配白底、深灰配黑底，无明度差则无层级，完全丧失可读性。

二、饱和度分层原则（区分主次焦点）

1. 低饱和承载海量文字：大段正文、段落文本、列表文字统一用低饱和 / 无彩色（黑、灰），稳重耐看，避免视觉噪点。
2. 高饱和做单点强调：仅关键词、行动文案、链接、重点提示使用高饱和色彩，作为视觉焦点，拔高层级。
3. 饱和度逐级递减：强强调（高饱和）→次强调（中饱和）→常规正文（低饱和）→辅助文字（无彩浅灰），杜绝多色高饱和混战。

三、色相克制分类原则（用色彩做信息归类）

1. 同层级统一色相：同类信息（导航栏、正文段落、列表条目）固定同一色相，保持层级规整统一。
2. 异色承载功能层级：用固定色相定义信息属性：红色 = 警示 / 重点，绿色 = 成功 / 提示，蓝色 = 链接 / 信息，靠色相语义建立天然层级。
3. 主文中性化、点缀少而精：页面核心文字以黑、深灰中性色为主，彩色文字控制在 2 种以内，只做层级标记，不泛滥配色。

四、视觉流与焦点唯一原则（引导阅读顺序）

1. 色彩层级匹配阅读逻辑：遵循「深色高对比标题 → 中色正文 → 浅色辅助文字」的视觉流向，贴合人眼从上到下、从主到次的阅读习惯。
2. 单画面焦点限量：同一版面仅保留 1~2 个高饱和 / 高对比文字焦点，避免多点分散视线，破坏主次层级。
3. 色彩视错觉造前后层级：深色、高饱和文字视觉上更近、更突出；浅色、低饱和文字更远、更弱化，天然构建前后空间层级。

五、色彩与字重联动原则（强化层级合力）

• 粗体 + 深色 / 高饱和 = 强层级（标题、核心重点）
• 常规体 + 中灰低饱和 = 常规层级（正文）
• 细体 + 浅灰极低对比 = 弱层级（备注、装饰文字）

六、可读性优先原则（层级不牺牲阅读）

1. 遵循色彩对比度规范：正文文字与底色对比度≥4.5:1，大标题≥3:1，兼顾无障碍设计与基础层级。
2. 长文本拒绝彩色化：大段段落禁止整段彩色，仅局部关键词点缀，彩色大面积使用会割裂阅读节奏、打乱层级。
3. 弱层级不承载关键信息：浅淡、低对比文字仅用于次要备注，绝不放置核心内容、操作指引。

七、体系化一致性原则（长效视觉规范）

1. 固定色彩层级标准：统一定义标题色、正文色、辅助色、链接色、警示色，全场景复用规则。
2. 跨场景规则统一：海报、UI、画册、PPT 沿用同一套文字色彩层级逻辑，培养用户固有阅读认知。

八、常见避坑误区

1. 盲目堆砌多种彩色，无主次明度差异；
2. 正文使用高饱和色彩，抢夺标题层级；
3. 次要文字用高对比深色，反超核心信息；
4. 仅靠色相区分层级，忽略明度和饱和度搭配。
5.