知道单种颜色的情感还不够，关键是让多种颜色 “和谐共处” 并形成层级 —— 既要有整体基调，又要有视觉焦点。ZONA卓纳将从配色的 “黄金原则”来聊一聊。

1. 配色的 “3:5:2 法则”：建立色彩比例

       主色（30%）：决定画面基调的颜色（如品牌主色），用于大面积区域（背景、主体元素）；

       辅助色（50%）：配合主色的颜色，用于次要元素（小标题、图标），需与主色和谐（如主色是蓝，辅助色可选浅蓝、灰蓝）；

       强调色（20%）：用于突出重点的颜色（如按钮、标签），需与主色形成对比（如主色是蓝，强调色可选橙、黄）；

       案例：电商促销海报设计 ——

       主色：红色（30%，背景 + 大标题）；

       辅助色：浅红、粉红（50%，副标题 + 装饰元素）；

       强调色：黄色（20%，“限时” 标签 + 按钮）。

2. 色彩和谐的 “三大逻辑”

       （1）同类色搭配：安全不出错

       原理：选择同一色相（如红色），通过调整明度和饱和度形成搭配（如深红 + 浅红 + 粉红）；

       优势：和谐统一；

       不足：缺乏对比，易显单调；

       技巧：加入 10% 的对比色作为强调（如全红搭配少量黄色标签）。

       （2）邻近色搭配：平衡和谐与变化

       原理：色环上相邻的颜色（如红与橙、蓝与绿，间隔 30°-60°）；

       优势：既有变化又不冲突，适合大多数设计；

       案例：春季海报设计用 “黄绿 + 浅绿 + 橙黄”（邻近色），传递生机与温暖。

       （3）对比色搭配：制造强烈视觉冲击

       原理：色环上相对的颜色（如红与绿、蓝与橙，间隔 180° 左右）；

       优势：对比强烈，吸引注意力；

       风险：搭配不当易显刺眼、廉价；

       技巧：

       降低一方饱和度（如大红 + 低饱和绿）；

       控制面积（如 90% 蓝 + 10% 橙，而非各占 50%）；

       案例：圣诞节设计用 “红 + 绿”，但通过加入白色（降低饱和度）和控制面积（红多绿少），避免刺眼。

3. 配色的 “层级控制”：让色彩服务信息传递

       色彩层级需与信息层级对应 —— 重要信息用 “高对比度色彩”，次要信息用 “低对比度色彩”：

       一级信息（核心）：主色 + 强调色（高饱和、高对比）；

       二级信息（辅助）：主色 + 辅助色（中饱和、中对比）；

       三级信息（细节）：低饱和色（如浅灰、米白，低对比）。

       示例：APP 界面 ——

       一级：“立即购买” 按钮（主色红 + 高饱和）；

       二级：功能图标（辅助色浅红）；

       三级：备注文字（浅灰色）。