设计师文森|纯干货！新人必看的配色方法

【设计师文森|纯干货！新人必看的配色方法】_本文原题：纯干货！新人必看的配色方法
大家好，我是文森。
配色在设计中的重要性不言而喻，好的配色可以让你的设计作品更加出彩，这节课我们来讲让很多设计新人头痛的配色。

本文插图
本期教程节选自【品牌设计全能训练营】第二期在教大家如何配色之前，很有必要先讲解一些色彩的基础知识。
首先介绍色彩的三要素：色相、饱和度、明度。
色相：是指颜色本身，即某种具体的颜色，例如：红橙黄绿青蓝紫就代表了七种不同的色相。

本文插图
饱和度：是指色彩的鲜艳程度。饱和度越高，色彩越丰富，饱和度越低，色彩越单一。

本文插图
明度：是指色彩的明亮程度。明度最高时画面会呈现纯白色，反之则呈现纯黑色。

本文插图
注意：这里为了演示效果更明显做了比较大的调整，大家在实际操作中切记不可做这么夸张的操作~
色彩的三要素可以用色环表示，色环中不同角度代表不同的色相，不同纵深代表不同的明度。

本文插图
色相、饱和度、明度的调整在PS属性面板中如下图所示。点击PS右下角“调整图层”按钮，选择“色相/饱和度”即可调出面板。

本文插图
其次要讲的是色彩在画面中充当的角色：主色、背景色、衬托色、强调色。
主色：指在配色中占支配地位的色彩。一般情况下，主色是配色中使用面积最大的。常用于主要组件、组件背景、大面积色块等。
背景色：背景色是一个页面的基础底色。背景色主要是作为背景而存在的，所以它最好不要太过于抢眼。
衬托色：衬托主色的色彩，只要达到衬托的目的即可。
强调色：强调色是在主色以外起强调作用的色彩，用于修饰和对比。
了解完色彩的基础知识后，就可以开始学习五种配色方法了。
一、单色配色法单色配色是指在色相相同的情况下，改变明度和饱和度，使色彩呈现变化，从而使页面层次更加丰富。

本文插图

本文插图
二、近似色配色法是指在色环上相邻位置的颜色进行搭配。这种配色对比柔和，能使画面更加和谐，常被用于网页或Banner背景。

本文插图

本文插图
三、互补色配色法在色环上相差180°的颜色进行搭配，两种颜色在视觉上形成互补关系。页面设计中，通常使用其中一种颜色作为主色或背景色，另一种颜色则作为强调色或衬托色。

本文插图