配色难？不如试试这些技法！

欢迎关注👉 UI范

收录于合集

全国优秀设计师社群回复：进群

---------------------------------------------------------

↓关注我们 · 打造你的知识武器库↓

在设计中合理地运用色彩，就要清楚不同色彩的特性，象征及对比效果等基本知识。想在设计中自由地运用色彩，创作出使人印象深刻的设计作品，就需要对色彩的使用进行定位和思考。

色彩模式

1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。

2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色，混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。

3、索引色彩模式。使用的颜色是已经被限定在 256 以内的一种模式，主要是使用安全色彩和制作透明 GIF 图片时使用。

4、灰度模式。在制作黑白图片时使用的模式，主要用于自然地处理黑、白、灰色图片。使用灰度或黑白扫描仪产生的图像以灰度模式显示。

利用色彩的基本原理配色

色彩是我们进行设计时最重要的使用元素之一，颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。色彩具有三个属性：色相、明度、饱和度。

色相

在色相的基础上寻求变化是最常用的色彩搭配方式之一。从 RGB 色环或美术色环出发，我们可以很容易地找到相距 180°左右的补色组合以及相距 60°以内的近似色组合。使用补色可以在画面中制造出强烈的视觉对比效果，这适于表达那些鲜明、突出的主题；使用近似色则可以让整体视觉效果更加和谐，这适于表现那些含蓄、内敛的主题。

饱和度

饱和度是反应色彩纯净或灰浊程度的指标。将饱和度相近的色彩搭配在一起，可以在统一的视觉效果中引入节奏上的变化；将饱和度差异较大的色彩搭配在一起，可以让饱和度高的色彩更加突出，也可以让画面中的视觉冲突更加明显。

明度

保持色调和饱和度一定的情况下，单纯改变某种色彩的亮度，也可以得到许多漂亮的色彩组合。例如：设计作品的前景信息和背景信息分别使用亮度不同的色彩，前景颜色和背景颜色既保持了一定的相似性，又存在较明显的对比关系。

利用色彩的联想作用配色

不同的颜色会给浏览者不同的心理感受。每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。

红色、橙色、黄色

红色：强有力，喜庆的色彩。具有刺激效果，容易使人产生冲动，是一种雄壮的精神体现，愤怒，热情，活力的感觉。色感温暖，红色容易引起人的注意，也容易使人兴奋激动视觉疲劳的色。

1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。

2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。

3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。

4、在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。

橙色：也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。

黄色：亮度最高，有温暧感，具有快乐、希望、智慧和轻快的个性，给人感觉灿烂辉煌。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。

1、在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。

2、在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

3、在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。

4、在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。

绿色

绿色：介于冷暖色中间，显得和睦，宁静，健康，安全的感觉。和金黄、淡白搭配，产生优雅，舒适的气氛。绿色是具有黄色和蓝色两种成分的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色彩。

1、在绿色中黄的成分较多时，其性格就趋于活泼、友善，具有幼稚性。

2、在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。

3、在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

蓝色、紫色

蓝色：永恒、博大，最具凉爽、清新，专业的色彩。和白色混合，能体现柔顺，淡雅，浪漫的气氛，给人感觉平静、理智。蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。