一级调色与二级调色区别解析

一、一级调色（全局风格）

一级调色是设计项目的核心环节，直接影响整体视觉风格

• 色盘制定：包含主色（3-5种）、辅助色（2-3种）、点缀色（1-2种）
• 色彩体系：需明确色值规范（HEX/RGB/CMYK）和色彩比例
• 应用范围：全局页面、品牌VI系统、交互组件

1.1 主色调选择

根据《色彩设计原理》建议，需考虑用户群体特征

二、二级调色（局部适配）

二级调色是在一级基础上的精细化调整

• 组件适配：按钮（对比度≥3:1）、图标（色相偏移±15°）
• 场景区分：暗色模式（明度降低20%）、高亮状态（饱和度+10%）
• 动态调整：需预留5-8%的色差缓冲

2.1 对比度要求

参照WCAG 2.1标准执行

三、执行规范

需同时满足《色彩设计原理》与《UI设计指南》要求

• 色值管理：使用Adobe Color等工具生成规范文件
• 版本控制：建立色板版本号（v1.0/v1.1）
• 测试标准：至少包含3种设备色域测试（sRGB/Adobe RGB/P3）