您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

快速理解色彩搭配的三个配色知识

时间:2019-12-04 10:24:15  来源:  作者:

对很多人来说,配色是个十分让人头疼的问题。尤其是设计新人,没有接受过系统的色彩训练,在配色方面始终不能随心发挥。每次设计完,你可能总对配色不满意,感觉很不舒服,又无从下手。你可能还收藏了一大堆色卡,实际用时,却和想象不一样。

所以说,我们在掌握了色彩的相关理论之后,还要根据相应的场景,来运用不同的配色规律,这样才可以实现更好的设计。

这篇文章,我将通过 3大点,让你明白以下 几个问题

1、 怎样结合色彩理论,进行正确调色?

2、 百搭配色技巧,如何迅速出图?

如何使用配色技巧,以及如何从别人作品中正确“抄”色?

一、颜色的基本知识

了解配色技巧之前,我们要先来学习些关于颜色的知识,掌握好了理论之后,你能“以不变,应万变”,在实际配色的练习中,慢慢总结出属于自己的风格。

1、为什么要用HSB模式调色

如果学过初中物理,我们会明白,色彩是可见光在物体颜料上,除去被吸收的光后,散射出来的波长,不同的波长会表现出不同的颜色。

而电脑屏幕端的颜色,则是白色光透过带颜色的电子屏幕后,表现出来的光的颜色。

所以,在设计软件中,颜色模式被分为了CMYK和RGB,同时,由于印刷颜料的限制,CMYK的颜色模式往往会比RGB稍微暗一点点。

然而,这两种颜色模式,都不是基于人眼的最优选。为什么呢?因为CMYK和RGB 都不好用眼睛直接调色,这两个颜色模式都是混色模式,除了其本身自带的颜色之外,想要得到其他颜色的话,就需要进行混合。

例如说,在RGB颜色模式下,红色(R)加上绿色(G),便可以混合出黄色,那么当我们想要得到黄色时,便可以把R设置为255,G设置为255,蓝色设置为0,这样便得到了明黄色。

快速理解色彩搭配的三个配色知识

 

显然,这样的颜色调整是相当反人类的,如果没有一定的设计知识,就会很难调出来想要的颜色。

而人眼在观察颜色时,却是通过颜色的深浅、明暗来区分的,也就是设计中常说的色相、饱和度、明度,比如,粉红色比枣红色浅一些,转换为设计语言,即为粉红色的饱和度比枣红色低,同时明度比枣红色高。那么,什么样的模式是最适合人眼的呢?答案是HSB颜色模式。

快速理解色彩搭配的三个配色知识

 

H是色相(Hue),也就是颜色的属性,是蓝色或是红色,是绿色或是黄色;

S是饱和度(Saturation),也就是纯度,显示了颜色的鲜艳与黯淡;

B是明度(Brightness),即颜色的深浅,明度越高,颜色越接近白色,越低,则越接近黑色。

因此,使用HSB来调整颜色,可以让人可以更直观的调整出想要的颜色来。

还是拿刚才的例子来说,假如我们已经有一个枣红色,想要把它调整为粉红色,只需要降低它的饱和度,提升明度,即可轻松得到,这样一来,调整颜色也会变得非常轻松了。

快速理解色彩搭配的三个配色知识

 

2、配色如何影响人的情绪

明白了如何用眼睛进行调色后,我们再来简单了解下颜色对情绪的影响,让你配出符合人心理情绪的颜色。

心理学家认为,人的第一感觉就是视觉,而对视觉影响最大的则是色彩。

人的行为之所以会受到颜色的影响,是因为行为多是基于情绪所支配的,例如,我们在伤心难过的时候往往吃不下饭,而开心的时候则会多吃两碗。

颜色是起源于大自然先天的色彩,所以我们在看到颜色时,也会无意识地联想到自然,例如看到蓝色,我们会想起广袤无垠的天空与大海,从而让心情平静下来。

快速理解色彩搭配的三个配色知识

 

红色,则是血液的颜色,也是鞭炮炸开的火花,所以,它既是危险的信号,也是喜庆的象征。这些记忆,早已深深的刻入我们的基因中,因而,颜色会影响到人类的情绪变化。

快速理解色彩搭配的三个配色知识

 

3、控制好颜色面积,死亡组合色可以很好看

大家应该也都听说过的一句话,“红配绿,丑到头”,这句话在不同的方言里,会为了押韵而改编为不同的词,但究其本意,也是在描述红绿搭配有多难看。

但是,红蓝配,红绿配,就真的无解吗?

答案是否定的。

快速理解色彩搭配的三个配色知识

 


快速理解色彩搭配的三个配色知识

 

只要控制好颜色的范围、饱和度、明度,即便是死亡组合,也可以搭配出不错的效果。这也就是很多配色文章里面提到的,主色调、次色调、点缀色等等。

二、百搭配色技巧

用一些插画案例给大家介绍一些百搭的配色技巧,让你在不确定风格的时候,也能轻松搭配出好看的颜色来。

① 同色系、相邻色搭配

相信很多同学在看配色文章时,都接触过同色系、相邻色这个概念。

快速理解色彩搭配的三个配色知识

 

在色环上,这两种颜色搭配相隔非常近,所以,它们在搭配时,会降低对比度,从而让画面看起来比较和谐。这种配色方法是非常保险的,几乎很难出错。

快速理解色彩搭配的三个配色知识

 

② 对比色、互补色搭配

如果你觉得,同色系的搭配太过单调,那么也可以尝试互补色与对比色的搭配。

快速理解色彩搭配的三个配色知识

 

在很多时候,互补色和对比色并没有很严格的区分,或者说这两者也可以理解为同一种搭配,它们都因为对比鲜明而容易让画面更出彩。

快速理解色彩搭配的三个配色知识

 

③ 注意颜色的节奏感

不管你选择了哪种配色方案,一定要注意:在搭配时,要把握好颜色的节奏感。

我们都知道,一首歌里,会有快歌部分,也会有慢歌部分,同样的,在插画配色时,也要有主次之分。这也是人们常说的主色、副色、点缀色的搭配技巧。

主色,是画面中最主要的色彩,奠定了插画的基调。而副色,在画面中的占比相对较小,相当于电影中女配男配的地位,起到衬托主角的效果。

快速理解色彩搭配的三个配色知识

 

三、如何从别人的作品中借鉴配色

想要快速提升配色技巧,从别人的作品中借鉴是个不错的选择。

快速理解色彩搭配的三个配色知识

 

我们要根据图片本身的颜色面积,来制作自己的色卡。

快速理解色彩搭配的三个配色知识

 

这样色卡的好处,是可以清楚直观的明白颜色的使用,在自己搭配时,也可以更好的去借鉴,而不是像往常那些色卡一样,胡子眉毛一把抓,反而搭配出奇怪的效果。

用同样的方法,我们还可以制作更多自己的专属色卡。

快速理解色彩搭配的三个配色知识

 

结语

想要学好配色,绝非一日之功,即便了解了各种理论与技巧,也需要在长时间的练习中慢慢摸索,才能逐渐掌握。最后,祝愿大家都能够如愿以偿,学会自己的配色风格。

 

编辑:千锋UI设计



Tags:色彩搭配   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
从出生起,我们就从周边环境获取颜色信息,从生活中,我们感受着颜色带给我们的各种情感,从学习中,我们知道先有光再有色和计算机判断颜色的方式。那么,色彩理论知识有哪些最实用?ps中...【详细内容】
2021-06-02  Tags: 色彩搭配  点击:(123)  评论:(0)  加入收藏
导语:色彩是很奇妙,尤其运用在服装上,同样的颜色每个季节的色度会不一样。这样才能与气候和环境色相匹配。或许不需要太多的色彩专业知识,但是只要在每个季节里,符合视觉感官的颜...【详细内容】
2021-03-02  Tags: 色彩搭配  点击:(121)  评论:(0)  加入收藏
Hi,我是洛薇,继续我们的时尚穿搭之旅,变美永远不迷路。▼什么是中性色?你喜欢中性色吗?对于中性色的穿衣搭配,你又知道多少? 我们生活在一个多彩多姿的世界里,正是因为有着丰富的色...【详细内容】
2021-01-19  Tags: 色彩搭配  点击:(96)  评论:(0)  加入收藏
对很多人来说,配色是个十分让人头疼的问题。尤其是设计新人,没有接受过系统的色彩训练,在配色方面始终不能随心发挥。每次设计完,你可能总对配色不满意,感觉很不舒服,又无从下手。...【详细内容】
2019-12-04  Tags: 色彩搭配  点击:(114)  评论:(0)  加入收藏
这是一个充满各种色彩的世界,多种多样的色彩同样也充斥着网站设计的世界。但是网站设计中正确匹配色调却不是那么容易的一件事。在设计网站时,颜色的选择是具有重要的作用,因此...【详细内容】
2019-11-08  Tags: 色彩搭配  点击:(120)  评论:(0)  加入收藏
▌简易百科推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  68Design    Tags:PS   点击:(2)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  设计师臭豆腐    Tags:Ps   点击:(7)  评论:(0)  加入收藏
早在 2015 年,就有报道称,到 2022 年底,仅英国的创意产业就需要 120 万名新工人。当然,世界与 2015 年的情况大不相同——但如果任何事物都需要比预期更多的创造力,而...【详细内容】
2021-12-22  Adobe国际认证    Tags:Adobe   点击:(11)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  PS教程240PS    Tags:PS   点击:(5)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  旁门左道PPT    Tags:设计师   点击:(21)  评论:(0)  加入收藏
今天来说使用CAD梦想画图软件绘制一个CAD小白基础题。操作工具操作系统:Windows10CAD软件:CAD梦想画图步骤1.先画一个半径为100的圆,如下图所示:画圆 2.接着使用多边形命令(POL)画...【详细内容】
2021-12-15  CAD梦想画图    Tags:CAD   点击:(17)  评论:(0)  加入收藏
详情页是消费者进店后决定是否购买产品的页面,是电商产品重要的落地点。在消费者找到自己心仪的产品后,详情页满足了消费者了解产品的所有信息的诉求,就像一个经验丰富的售货员,对产品的每细节娓娓道来。定义好产品属性后...【详细内容】
2021-12-15  设计智造    Tags:详情页   点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  设计智造    Tags:广告设计   点击:(11)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  设计智造    Tags:界面设计   点击:(26)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  致美设计    Tags:包装设计   点击:(13)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条