色彩搭配教程,教你如何在设计中快速完美配色

2017-11-11  4990 分类:设计资讯

色彩搭配教程,教你如何在设计中快速完美配色

对于设计师来说配色是至关重要的一个因素,很多设计之所以为人所推崇,其设计配色无疑是花了很多心思,符合设计本身及用户的需求,这样的设计配色才能引起用户的共鸣。对于设计新人来说,配色问题无疑是一个老大难的问题,一方面是由于美工的学习不足,另一方面就是设计经验实在是过于缺乏。有没有什么色彩搭配教程能让我们更好的入门和学习呢?下面品索教育就分享了色彩搭配教程,教你如何在设计中快速完美配色,相信会让你受益匪浅的。

配色技巧.jpg

在色彩搭配中,有一些最基本的原则,掌握这些原则可以使画面中的色彩搭配达到事半功倍的效果。也就是我们熟知的色彩搭配常识,这些都是需要我们平时的基本功去学习和积累的。总共有6个方面,希望大家能够重视及熟知。

1.色彩的搭配要与想表达的内容、气氛相适合、协调。

2.不同的色彩会使人产生不同的联想,选择色彩时需要和想要表达的内涵相关联。

3.色彩的搭配要依实际决定是使用鲜明的搭配吸引用户,还是使用稳重的搭配树立形象。

4.为需要突出的部分赋予特殊的色彩,可以起到画龙点睛的作用。

5.白色是使用最为普遍的颜色之一,对于它的使用有很多技巧,其中最为常用的就是留白。留白可以给人遐想的空间,使人心情舒畅、愉快。

6.黑色、白色和灰色是万能色彩,可以跟任何颜色进行搭配。

如果的色彩搭配真的是LOW爆了,那么下面品索教育教你速成方法,教你如何在设计中快速完美配色,那就是利用现有图片进行色彩搭配,它是如何实现的呢?下面跟随品索教育一起来看看。

一、选择图片

首先,图片的选择应该尽量选择色调有变化且明暗对比也较为明显的。因为黑白或低对比度的色调只会让你最后的色彩方案看起来不够鲜明。要从配色方面吸引自己的图片上进行选择。

配色图片.jpg

二、吸取色彩

在PS里打开这张图片,吸取色彩。吸取色彩并不是任意选取自己喜欢的颜色就可以,根据整个图片的色彩分布,先找到图片的主色调。

建立自己的色彩方案.jpg

主色调的选择依据整个图像当中分布最广的一种颜色,在这张图片中,我们可以看出分布最广的为蓝色,这些蓝色呈现明暗层次深浅的不同,因此,在深蓝到浅蓝中我选择了过渡最为均衡的一种中度灰的蓝色。这种蓝色在图片上表现的是一团团云雾和湖泊的颜色。


三、建立自己的色彩方案

选择新建一个文件,白色底背景,图片中选好的色彩作为前景色画一个圆形。这个圆形也就是你的色彩方案中的第一个色彩:主色调。

均衡色彩.jpg

主色调的运用范围:主色调的使用范围在整个设计的色彩面积较大的地方,。当然,一种色彩是无法开始设计的,因此接下来我们会选择第二种颜色。

辅助色的选择:通常是一个能烘托、能与之产生呼应的颜色,如果主色调是一个冷色调,那么辅助色就偏向为一个暖色调。 

在这里 选择了红色屋顶的暖橙色,和蓝色的冷感进行了均衡。

那么什么是对比色呢?就是在色环上位置刚好相对的颜色,例如:红色和绿色,紫色和橙色,蓝色和黄色。

如果你觉得你选择辅助色强调不够强烈,你可以另外在主色基础上,从色环里选择主色的对比色,作为第三种色彩方案。

高光和阴影.jpg

高光和阴影

这里通常是指主色调在图片上展示出来的高光和阴影部分。这时,已经无需完全依靠图片了。我们的色彩方案里已经备选了三种颜色,而剩下的色彩就在主色调基础上调整变化。

主色调增加白色就变作高光部分,作为第四种颜色。

色彩方案选择好以后,最好确保整体颜色不得超过3种颜色:主色、辅助色、高亮/阴影色。

即使是三种颜色,但是色调都不会偏离整体的蓝色基调。

色彩搭配.jpg

色彩方案的运用

在进行色彩运用的时候,也会出现黑白灰的灵活运用,但要确保这些颜色的出现不会干扰整体画面色彩的和谐感(左)。

色彩方案应用.jpg

最后,写给想要学习色彩搭配的同学,学习和借鉴别人的设计作品非常重要,既然选择了设计之路,学习的过程注定要始终向前!附上几种配色技巧供大家学习和参考!

  1. 同类色对比:一种色相的不同明度或不同纯度变化的对比。对比效果统一、文静、雅致、含蓄、稳重。但也容易产生单调、呆板的弊端。

同类色对比.jpg

2.类补色对比:效果较丰富、活泼。但又不失统一、雅致、和谐的感觉。过于接近会有单调、模糊、乏味、无力三学。必须调节明度差来加强效果。

对比色.jpg

3.原色对比:效果明快,活泼,饱满,使人兴奋,感觉有兴趣,对比既有力度,又不失调和之感。

原色对比.jpg

4.补色对比:效果强烈,醒目,有力,活泼,丰富。但也不易统一,感到杂乱,刺激,易造成视觉疲劳,一般需采用多种调和手段来改善对比效果。

补色对比.jpg



猜你喜欢