设计色彩基础知识整理

# 基础概念

色彩设计的使用场景：
产品设计：工业设计、UI设计、书籍报刊设计等。重点在于品牌印象，清晰、舒适、耐看。诱目性低，可以长时间凝视而不会疲劳。运营/推广设计：海报、广告、招贴等形式。重点在于氛围营造，吸睛、具有较强的表现力。诱目性高，瞬间吸引人的注意力。

配色设计的目的：
区分层次；渲染氛围；强化主题；关联传达品牌特性

色彩的组成：
H（hues）色相：红、黄、蓝等色彩的种类

 

色相会具有一定的偏向性，如偏蓝色的绿色/偏黄色的绿色，在与其他颜色搭配时，不同的偏向性会产生不同的效果。
S（saturation）纯度/饱和度：色彩的鲜明程度，为0时为灰色





B（brightness）明度/亮度：色彩的明亮程度，为0时为黑色；

色彩模式：

浅色调（LT）

心理印象：清爽、轻松、明快、轻、淡、浅，多用于化妆品、儿童用品等。



浅灰色调（LTG）

心理印象：素雅、温柔、消极、成熟、雅致。

轻柔色调（SF）

心理印象：质朴、消极、平和、成熟。



明亮色调（B）

心理印象：轻快、活泼、童真。多用于儿童用品。



强烈色调（S）

心理印象：强烈、有深度、充满热情的印象。



鲜艳色调（V）

心理印象：华丽、热闹、刺激、鲜明。



灰色调（G）

心理印象：资深、沉稳、厚重、成熟、含蓄、保守、消极。



浊色调（D）

心理印象：钝化、厚重、质朴、稳重、高级。



深色调（DP）

心理印象：沉着、干练、稳重。



暗灰色调（DKG）

心理印象：稳重、沉闷、质朴、厚重。



暗色调（DK）

心理印象：厚重、阴暗、稳重、质朴。



 

色彩搭配的流程：

1.确定主题与用户

首先需要明确设计的目的是什么、内容是什么、受众是谁。

设计是解决问题的一种方式，了解产品的形象、用户的角色，可以明确整体所要表现的风格气质，明确我们要解决的问题以及解决问题的思路与方向。如考虑不同年龄、不同性别、不同层次用户对于色彩的偏好。孩童一般喜欢明度和纯度比较高的色彩；老年人一般喜欢明度和纯度都较低的色彩。这样在选取颜色的时候才会有方向、有目标。

了解设计的内容可以关注技术的限制、观看距离的远近以及周围环境的影响。如平面设计一般采用cmyk模式，UI设计一般采用rgb模式。观看距离较远时，需要较强的对比度，增加识别性；反之，距离较近时需要更加柔和，让观者的眼睛不会疲劳。而夜晚模式的使用更是对于光线不足时的一种反应。就环境影响而言，如果产品周围的物体、产品等颜色比较花哨、丰富，那么选用简单、无彩色的配色会更加容易从中凸显。

2.确定主色

主色调选取，一般是品牌的主打色，同时需要与所要传达的主题气质相符合。主色所占的比例一般会比较大，对整体风格起到一个主导作用。

对于公司内部的产品，一般考虑公司的品牌色。对于新的、toC的产品，可以使用情景版的方式来确定主色。或者使用行业/客户特定的色彩，如针对中国电网设计产品，考虑使用其绿色作为主色。

3.确定辅色、背景色、强调色

主色确定之后，单色配色一般是在色彩的明度、纯度上发生变化，并且加上黑白灰等无彩色来形成配色方案。双色配色可以考虑类似色、对比色、互补色等配色方式，一般而言，与主色在明度和纯度上的差异不会太大。多色配色可以考虑三角形、四边形、五边形的配色方式。

色彩的对比强度，可以是色相、明度、纯度任一方面。需要依据整体的感觉、气质需要来选取和调整。激烈、热闹的氛围需要比较大的对比度，柔和、安静的氛围需要不太强的对比。

色彩的冷暖感：如果都选用冷色或者暖色，整个画面就会偏冷或偏暖。除非有特殊的主题需求，一般多色配色时，会需要在全是冷色的颜色中加入暖色，或者在全是暖色的颜色中加入冷色来点缀与平衡画面的冷暖感。

色彩的明暗：色彩的明暗就像是画面的光影，有高光、有阴影物体才会有体积感。同样，颜色的明暗对比让画面具有层次感与纵深感。同时，全是亮色会显得浮躁，全是暗色会显得沉闷。

4.优化细节

色彩之间的呼应：整个画面之间的颜色并不是割裂的，这里一块那里一块独立存在。而是在元素之间穿插错落。色彩的呼应会让整体感更加明显，也更容易让画面变得和谐。

色彩的面积：主色与辅色所占的面积大小一般会有所差异，形成对比。常见的比例有7:2:1,。整体的感觉与印象是不同面积色彩感觉之间拉扯的结果。

环境色/光源色的影响：高光与阴影的颜色会受到环境色的影响，如黄色灯光下的物体，高光会偏黄色；蓝色背景上的物体，其阴影也会偏蓝色。在对元素填色时，需要考虑环境色/光源色的影响，在基础色的色相上偏向光源色或者多层叠加颜色来让整体细节更丰富、更有质感。