平面设计之配色技巧

这是一个关于平面设计之配色技巧的思维导图，梳理了平面设计中的配色技巧，从色彩的基础理论出发，深入探讨了色彩搭配的原则、方法和技巧。从色彩的对比与调和、色彩的象征意义与情感表达，到不同风格设计作品中的配色应用，都进行了全面而系统的介绍。

平面设计之配色技巧

• 颜色代号查询
  • http://www.wahart.com.hk/rgb.htm
• 配色网站
  • Behance、Designspiration、Adobe Color CC、Paletton、 Coolors https://color.adobe.com） https://kuler.adobe.com/create/color-wheel/
• 色调
  • 冷色：接近蓝色的各种颜色（高明度、纯度）
  • 暖色：红色到黄色之间的各种颜色
• 配色来源
  • 画面主题色、风格配色（冷暖色调）、文案语境配色、运用色环，优秀作品中取色
• 颜色搭配（根据风格配色）
  • CMYK（青/洋红/黄/黑）：印刷用色，这四种基本色能配出大部分颜色，适合印刷多种颜色画面，各种颜色会自动混合后印刷出来。
  • RGB（红/绿/蓝）：屏幕显示用色，运用叠加混合出的各种颜色，无需印刷只需在屏幕上显示时，用RGB即可。
  • 专色：只能印刷出一两种特定的颜色。无彩色：白、黑、灰等不是彩色的颜色。
  • 色彩三要素：H(色相/各种不同的颜色）、S（饱和度/颜色的鲜艳程度/纯度越高越鲜艳）、B（亮度/颜色的明亮程度）
  • 颜色的视觉性辨认：文字在背图片上是否清晰易辨认，暗图上加白字，亮图上加黑字。 在不暗不亮的背景图上加白/黑字都无法辨认，则其他颜色更辨认。所以需要适当改变背景图的明暗度，以让文字清晰显现。（在背景图上添加一层半透明的黑色色块即可），背景图和元素的明暗度要相反。
  • 色调和谐的配色：调整颜色的明暗度与饱和度，可以同一色调中选择颜色搭配，就会色调协调。（粉色调/蓝色调/浅色调/深色调等）可参考色调环
  • 配色塑造形象：春天形象色调（绿/红/黄）、古典形象色调（棕/黄）、高冷色调（蓝/青/紫）、活泼色调（黄/红/橙）
  • 强调色的用法：颜色间有明显差异，并产生特殊效果。（高彩度+低彩度）（低明度+高明度）（互补色搭配/紫+黄）（大面积色+小面积色）
  • 渐变色的空间表现：一张纯色背景中，加入白淡色渐变，能产生空间纵视深度感），渐变色要使用同色系
• 颜色运用
  • 互补色：蓝色和橙色，红色和绿色，黄色和紫色
  • 等距相同的三色组：红色，黄色，蓝色，常用于儿童产品设计
  • 分裂互补三色组：用该颜色的互补色两侧的颜色来组成：黄色，紫罗兰色，紫蓝色
  • 类似色：由色轮上彼此相邻的颜色组成：水绿色，绿色，黄绿色……橙黄色，橙色，橙红色
  • 暗色与亮色：向一种颜色增加黑色就能形成一个暗色，增加白色会形成亮色
  • 单色：深紫色，暗紫色，紫色，浅紫色，淡紫色……黑色，深灰色，灰色，浅灰色
  • 暗色与亮色的组合：红色和绿色组合，可以采用这些互补色的某些暗色来组合
  • 色质不能太接近，会出现对比太弱，混合在一起看不清区分
  • 暖色与冷色：冷色趋于做背景色，大面积用，画面主元素用暖色，暖色本身很突出亮眼，应该少用，点缀使用即可
  • 颜色舍取：在背景图片中选取某种颜色，保持画面颜色的统一性和协调性
• 配色技巧
  • 协调的配色：不管哪种色相，要保持明度和纯度的统一，在此基础上就算是若再加一种颜色，都会显得协调
  • 纯度一致的配色：低纯重让人稳重，高纯度让人有刺激。纯度不一致的配色会让人感觉不协调
  • 明度一致的配色：即使使用多种颜色也能让整体富有均衡感。无论什么色调，明度一致都能具的统一感（在设计中不常用，因为颜色重点不突出）
  • 色相一致的配色：比如迷彩服都是绿色系，颜色相似不突出。比较适合用来作背景基地色。
  • 同一色调：归纳了依据色彩整体统一的明度及纯度（鲜明的色调/明度中等纯度高）、淡白的色调/明度和纯度都最高）
  • 间隔色：在整体颜色同格已定的情况下，或两种颜色不能清晰融合，则可以增加描边颜色（色相相同但明度更深）使另种颜色突出显来（淡棕+深棕
  • 若明度、纯度、色相没有任何共通，则配色会显得混乱，一定要保持共通，才能协调。
  • 明度低的配色感觉沉稳，厚重，尊贵。明度高的配色感觉活泼，流行，精彩。
  • 无彩色：黑/白/灰，适合展现相同色彩，白色背景与任何颜色百搭，黑色背景让任何颜色更鲜艳/突出/独立，灰色比较暗沉
  • 明度低的单色+无彩色组合（知乎的蓝白色）；单色上加少许其他色+无彩色组合；
  • 明度差距越大，辨识度越高。优先级越高的信息明度差越大（黑+白），次要信息，则明度可以降低。（黑+白灰）
  • 渐变色：适当的加入渐变色，可以让画更具空间感，富有层次，不单调扁平
  • 重复用色：使用同一颜色，改变明暗程度。（淡黄背景+深黄字体）
  • 强调某一部分的配色：要单独强调颜色的部分纯度提高，其他颜色要保持协调（明度和纯度统一），并降低纯度，以单独凸显出高纯度的色彩部分
  • 让颜色更显著的对比方法：颜色面积放大，添加描边凸显出来。
  • 在照片上叠加文字时，照片的明度极高或极低，则运用相反明度的文字即可，使图片背景与文字颜色的明度反差大，易于辨认即可。
  • 彩色配色技巧：将多种色差大的颜色随机搭配，每种颜色面积缩小，然后背景色使用黑/白等无彩色，可以最大限度凸显色彩，营造出华丽感
  • 诱目性高的色彩：背景使用纯度低的冷色系色彩；使用高纯度红色和黄色突出主要信息；外框描边强调明度差。适合短期看引起注意(户外标志），不适合持续看（杂志设计）
  • 节奏与色彩面积：设计中复性相同形状的要素（倾斜的线条）和面积大小不一的色块（大小圆点或三角形）可以形成节奏感。
  • 颜色的轻重：明度和纯度都高的颜色+暖色能感觉明亮，轻柔；明度和纯度都低的颜色+冷色能感觉低沉，厚重。一般轻色位于上方，重色位于下方
  • 甜美色彩：纯度稍低和明度高的暖色系色彩；冷冽色彩：明度低的冷色系色彩；中性色彩：冷色系色彩+添加明度高的色感。
  • 高级色彩：纯度与明度都低的色彩+少部分明度高的色彩突出点缀，或是大面积白底背景+少部分纯度低，明度中等的色彩。
  • 食品设计配色：直接使用食品本身的颜色作参考色，比如橙子的橙色，绿茶的绿色，可乐的暗红色，柠檬的青绿色，咖啡的的棕褐色，牛奶的白色
  • 大面积色彩：若需要在远处看的画面，可使用红/黄/蓝等鲜艳度较高的色彩。若一种色彩有单调，也可使用同色系色彩搭配。
  • 运用低饱和度低明度的颜色就会有高级感
  • 70%主色、25%辅助色、5%点缀色（同类色、邻近色、对比色、互补色）