​懂的色彩原理,才能做好配色(基础篇)

刚开始接触设计的朋友注意了。不懂的怎样做好配色?那你一定要仔细看完。


这里我和大家说一下,我个人认为对色彩的理解。既然是从事设计行业,必然逃脱不了就是色彩了。光整个线框那指定是不好看的对吧。如果你是做信息流广告的,假如你的配色没有处理好,会直接影响到你的广告效果等。那这里我来跟大家说说关于色彩的一些我所了解的知识。


色彩可以理解成“光”

我个人认为色彩这个东西是最不确定的东西,因为色彩的使用分场景,电脑上的色彩和线下的场景色彩。在电脑上的您看的色彩实际打印出来的他们肯定都是不一样的。所以,搞懂色彩的组合搭配以及和它的表达方式是学习色彩的必修之路。

640 (3).webp

有“光”的地方才会有色彩一说,假如你在一个乌七八黑的黑屋子里,也就不需要在谈什么色彩了,因为一个全部都是黑暗的地方是没有颜色的,更别说色彩咧。总而言之,有光的地方就一定会有色彩。所以色彩我们就可以理解成是“光”。


那么,光到底是个什么呢?在这里我们一起来了解一下吧。


关于光的定义有很多,我们今天主要讲解一种,即“可见光”

640 (4).webp

当然可见光也是分类的,它其实就是一层一层的颜色组合在一起,而这里面波纹偏长一点的也就是红色,最短的是偏蓝一点的颜色,那这里有一个点不知道你有没有发现,其实它就是红、橙、黄、绿、蓝、靛、紫组成的。这个组成就是“可见光”,这样就感觉有点亲切了。


那么,可见光的来源是哪里,当然就是太阳了,太阳每日东升西落而散发的光,这里我了解就是可见光、红外线、紫外线等等,当然还有很多。


我们能用三菱镜并实际用肉眼去看到的,就叫做“光源色”,这里假如你想让光源色变成你自己喜欢的颜色话,那你只需要在光源色的表面上加上一层你喜欢的色彩透明物就行了,而它所照射出来的色彩颜色就是我们口中所说的“透过光了”。打一个比方如果:假如你用一个蓝色的透明物体,在光源透过蓝色物体后,呈现出来的颜色光就是“透过光”了。


但这里要明白一个重点,我们身边的大部分东西都不会自行发光,都需要太阳光和照明类的材料才可以看到。那这种感知色彩的方式我们就称之为“反射光”也可以叫“表面色”。但是这种光我们本身几乎是感受不到它的色彩存在的。


刚才有说道光源色,光源色一般包括:太阳光、LED灯、火焰等等... ...当然还有好多,就算是一个单纯的太阳光,在青天和阴天的情况下它也会不一样的。所以说呢,光源色的颜色如果是不同的话,那么这里光源色所照射而看的的反射色也就会随之而改变了。


因为在我的理解,你想要了解配色,在这个前提下也要了解一下这一部分的,毕竟颜色和光是密不可分的。


表达色彩

我所了解的269种颜色中,它们有各种各样的分类和表现方式,在色彩的基础里一个东西叫“曼塞尔色系”当然,也就是我们口中所说的色轮。它们还分为了色相、明度、和纯度这三种要素,这三种要素,在我们以后要做的配色中是至关重要的,它可以帮助我们“调”出你想要的那种效果,相信你们做设计的朋友对这个应该不陌生吧。


“色相”就是黑色或者白色这些色调的称呼,也就是它们的面相,在色轮中会有10种基础的色相。


“纯度”就是颜色比较鲜亮艳丽的一种程度,就比如:“比较鲜艳的颜色和比较沉暗的颜色”,这样的表现方式也就是纯度的意思,按照这样的逻辑来,越鲜艳的颜色纯度越高,相反,越沉暗的颜色纯度越低。还有一个就是纯度越低不管它是什么颜色都会偏向于灰色。


最后一个“明度”就是色彩的鲜亮程度了,他的意思和纯度是一样的,也是以高低表示的,最高的白色,那相反,最低的就是黑色。


那么在你了解了色相、纯度和明度这三部分后。在你后期设计作品上有颜色上差距或者说你需要什么样的色调,包括客户给你提供的素材图片亮度不够之类的问题,都可以通过它们去进行一个调整。

640 (5).webp

色彩的心里功能

作为一个从事设计工作的朋友,你一定相信不一样的颜色是可以影响人的心情的,就像黄色是可以辉发凝聚力,红色可以使人们心情心态变的积极向上热血,蓝色可以减少食欲等等。 

640 (6).webp

相信色彩给人造成的心里效应是足够震撼的,所以,作为一名合格的设计人员,您应该对色彩的一些简单的心里效应有一定的了解。因为这对你后期的一些设计配色有着一些至关重要的作用。


不知道您有没有注意到,就是一些设计的网站平台之类的,它都用了就是比较偏浅绿色的那种,因为这样它就是可以间接性的保护设计师的眼睛,从而缓解视觉疲劳。


 还有一点就是,不同的颜色它的重量感和距离感都是不一样的,就好比两个相同大小的盒子,一个黑色和一个白色,我们普遍都会认为黑色的盒子会相比较而言偏重一些,白色的盒子偏轻一点。又或者我们在装修家里面我们吧墙体刷成了白色,而目的就是为了视觉上产生一种感觉,就是墙体离我们更远,这样就会显得室内空间就比较大。而且,自己看起来也会比较的舒服。

640 (7).webp

那假如你把它应用到你平常的工作中,结合我们上面说的你可以看到有比较明显的差距。

640 (8).webp

冷色和暖色

第一个要明确的就是,我相信全世界一大多部分人对颜色的冷、暖感知都是一样的。所以,在这方面,你也不用去考虑地域上的问题,只要考虑色彩的本身和你要做的东西匹配不匹配就行。

640 (9).webp

在色轮中以红、黄为中心的我们可以称之为;暖色,以蓝、紫为中心的就可以称之为;冷色,那么冷暖周围的,就可以称之为暖色区和冷色区。这样我们就可以进行色彩的选取了,从而决定产品的风格,它是可以直接影响人们视觉上以及心里上的第一要素。


在明确的知道了冷暖色的区别之后,就可以建立自己的色彩印象,环环相扣的色彩认识,会让你在繁琐的过程中快速的提升配色。


在工作中,你也会遇到各种行业的客户。在之前我遇到的一个客户是做餐饮的,他们做的素材相对而言都是偏暖色调的可以很好的促进食欲。通过下面这张图片我们就可以很清楚的看到。


图一:给人的感觉比较激情火热,很容易激发人的食欲。


图二:相对而言就没有图一的效果好,给人的感觉冷冷清清的。


我们上面说到过总体的色调是可以直接影响人们的心里的。

640 (10).webp

640 (11).webp

(图一+图二)

还有一点就是,我觉得你应该发现了,电脑显示器上的颜色和实际印出来的颜色,它们根本上是不一样的,当你在进行设计时,必须提前注意这个点。


如果你是从事平面设计的,需要有一套自己配色卡,要不然只是光对着屏幕就行设计配色是有一定风险的。这我觉得是蛮重要的,可以避免一些不必要的麻烦。

640 (12).webp

情绪版

它的意思就是对使用的对象和产品的认知色彩,影像、数字或其他材料的收集。这样可以引起某些情绪的一些反应,从而作为一个设计方向、形式的参考吧。作为一名设计可以运用它来检视一些色彩、样式。重要的点是,可以作为以后依据,说服其他人之所以这么设计的一个理由。


当你在你开始设计之前,就可以通过收集材料,从而获得一些设计想法和灵感,它可以简化设计师设计素材的流程,将你从一个一脸茫然的盯着雪白的屏幕的时间大幅度的缩短。另一个原因就是,你的概念被用户所承认,也能很大幅度的节约你的时间和劳动力。


还有一点就是,在你完成最终的产品之前,你可以得到就是一个方向上的概念方便参考,当你的设计思路过向前时,你还可以得到一个方向上的参考。在设计画面上也可以避免,因为语言上而产生一些不必要的误解,当你们说的是同一个事情上,这样也不会因为沟通上的问题,出现分歧,而可见性的画面,则是可以把大家的意见都统一起来,这样做起来也会非常的方便。    


上一篇:如果没有后期制作,再优秀的摄像师可能都要失业!

下一篇:​新手短视频如何记录美好生活

时间

2022-01-20


栏目

公司新闻


作者

青岛成功易