色彩搭配

调色公式——叠加原理

色系

■ 黑白灰——无色系，在设计中不算颜色

■ 判断属于有色系还是无色系：

H（色相——颜色的相貌）S（饱和度——浓度）B（明度）

【R(红光)G（绿光）B(蓝光) 最大值为255】

色相值与代表颜色

■ 饱和度和明度为100%时为纯色

直方图：

① 左下角黑色最暗的部分，右上角白色最亮的部分

② 山峰代表颜色含量的多少、集中区域，峰值离哪个点近就调哪个，效果明显

③ 调亮：增加白色和浅灰色、减少黑色和深灰色，调暗则反之

④ 调亮和调色分不同曲线，提高灵活性

调亮：CMYK/RGB曲线，调色：对应颜色曲线

⑥ 红色对立色为青色，色相值加180

色相环

调出色相环：选择画笔或吸管-三键+鼠标右键设置色相环：编辑-首选项-常规-HUD拾色器-色相轮中使用色相环：先选择色相再选饱和度和明度

色彩搭配

（1）单一色系配色

■ 同类色

特点：具备一致性和协调感，但要注意文案搭配，否则画面易单调。注意色彩明暗对比，并与主产品相呼应。

■ 邻近色

特点：与同类色相比，增加了色相对比，更加丰富，但也一样和谐一致，画面感觉相对不易单调，也适合当渐变色使用。

（2）多色系配色

■ 对比色

特点：具有强烈的反差性，鲜明的对比效果能带来丰富的视觉层次和强烈的视觉冲击力，但在色彩搭配上较难把控，容易不协调、杂乱刺眼。要控制好色彩比例或降低明度、饱和度，调和对抗性。

□ 等边三角形对比色——

对比色的色系在色相环上彼此距离120度的位置上做连接

■ 互补色

特点：具有强烈视觉冲击力和创意效果，但要注意面积比例，要有重点颜色，另一个作为氛围渲染。

□ 四边形互补色——

取色香环上的任意四个色相所在点构成矩形

配色秩序

配色秩序——色彩在整个配色所处的位置、面积等。好的配色秩序才能发挥每一种颜色的特质。

■ 颜色组成公式：

配色=主色+背景色+强调色+衬托色配色=主色+副色+点缀色

■ 面积大小：

主色>副色>点缀色主色最大，再到副色，点缀色最少但明显，可以有很多种

■ 主色：

面积大，且纯度高。相比面积大但纯度低、明度低的色彩，虽然面积稍小，但在画面中一眼就能看到。也可以双主色，如利用互补色搭配支配地位，要契合画面主题，可影响整体感官、作品传达的感受。

■ 衬托色：

为衬托主色而出现，通常为主色的互补色或对比色，不能面积太大或纯度太高，否则会削弱主色

■ 背景色：（以产品为参考）

在主色背后若隐若现，实际支配整个画面效果。即使主角色一样，背景色不同也会给人不同的感觉。

■ 强调色：

牵引提醒的作用通常在焦点的地方使用面积一般较小，面积越小，对比越强，越突出

应用操作步骤

新建画布：750*1200像素置入产品，吸取产品颜色，调整色相值，加度数，选出同类色（30°）、邻近色（60°）、对比色（120°）、互补色（180°）抄排版填充文案

曲线调色：

判断原来是什么颜色要调成什么颜色要添加什么颜色就进入哪个通道先调整明度、饱和度，再调整色相

■ 或者看要加的那个颜色是由哪两种颜色构成的，就加什么颜色

应用展示