菜单

作为设计师,你还不懂6种配色方法?

来自:花火 Thinker.s 阅读数:1128 2018/07/18

色彩可以影响人的情感,轻快明亮的配色让人心情愉悦,清新柔和配色让人心情放松。所以设计师在选取颜色的时候既要从理性出发,又要遵循情感的引导。为了能更好的理解配色方法,我们要先掌握两个基础知识:色彩的属性及色彩的平衡。

色彩的属性:主色、衬托色、背景色、强调色

色相:指颜色本身,将色相按照波谱上顺序进行排列,首位相连,形成的环状图形,称之为色相环

明度:明度是指色彩的明亮程度,在任何颜色中添加白色,明度上升,添加黑色,明度下降。因此,色彩中明度最高的是白色,明度最低的黑色。

饱和度:饱和度是指色彩的鲜艳程度。纯度的高低容易形成不同的气质,一般来讲,纯度越高,越有活力,充满朝气,纯度越低,则容易给人成熟稳重的印象。

色彩的平衡:主色、衬托色、背景色、强调色

主色:指在配色中处于支配地位的色彩。一般情况下,主色是配色中使用面积最多的色彩。用于主要的组件、组件的背景、大面积色块等。

衬托色:衬托主色而出现的另一种色彩,只要达到衬托的目的即可。

背景色:背景色经常表现为无彩色(黑、白、灰)或者低饱和度的色彩。背景色主要是作为背景而存在,它最好不要以非常强烈的姿态出现。背景色并非具有某种功能,它是一个页面的基础底色。

强调色:强调色是在主色以外起强调作用的色彩,可以说它是非常重要的视觉焦点。它本身具有一种独立性,因此在配色上要与形成与主色的强烈对比。

接下来就是让我们的设计方案更有技巧、更有依据的六种配色方法。

一、单色

单色配色是指页面主色只使用一种颜色,需要注意的是,所谓的单色并不,往往需要基于单色的色相,调整出不同饱和度和明度的颜色。使页面层次更加丰富。使用单色配色比较安全不容易产生让人厌烦的颜色。


二、相似色

配色总是不够和谐?可以试试使用在色相环上相邻位置的颜色。这种配色方案对比柔和,经常被用于网页或banner的背景。


三、互补色

色环上处于180°相对而存在的色彩进行搭配,这两种色彩在视觉上形成互补关系。互补色处于色相环上两两相对的位置,页面设计中通常使用其中一个色彩作为主色或背景色,另一个作为强调色或衬托色而加以运用。


四、分割互补色

这个配色方案和上一个方案类似,但是它会采用更多的颜色。例如,如果你选择蓝色,你需要选择蓝色对面位置的两个相邻的颜色,也就是黄色和红色。这里的对比和互补色方案比起来没有那么明显。


五、三色

处于色环上距离彼此120°位置的三种色彩,两两之间彼此为对比色,而这三种色彩的搭配也会形成非常和谐的组合。当然为了保证这种方案的色彩平衡,建议使用一种颜色作为主色,另外的颜色作为衬托, 否则很容易让页面显得凌乱。



六、四色/双色互补

四色色彩方案适合经验丰富的设计师,因为它最难达到平衡。它使用的是色相环上两组互补的颜色。如果你在色相环上把所选的颜色连起来,它们会形成一个矩形。这个方案很难达到平衡,所以不建议新人设计师使用。但是如果能达到平衡的话会有意想不到的效果。 



花火公众号

关注花火公众号

回到顶部