1. 主页 > 建设教程

网站色彩设计的原理是什么

前言:

最近经常和做设计的同事聊起色彩设计相关的主题,发现自己对于色彩的了解知之甚少,甚至有时候,博主连自己的衣服颜色搭配也被设计的同事取笑,除了很囧,更多的是让我下定决心想增进这方面的知识。终于花了几天时间读完了伊达千代先生的著作《色彩设计原理》,感觉有点收获,于是写了本书第一个章节的读书笔记,想和大家作个分享交流。

什么是色彩?

丰富多样的颜色可以分成两个大类无彩色系和有彩色系,有彩色系的颜色具有三个基本特性:色相、纯度(也称彩度、饱和度)、明度。在色彩学上也称为色彩的三大要素或色彩的三属性。饱和度为0的颜色为无彩色系。

色彩设计就是颜色的搭配。自然界的色彩现象绚丽多变,而色彩设计的配色方案同样千变万化。当人们用眼睛观察自身所处的环境,色彩就首先闯入人们的视线,产生各种各样的视觉效果,带给人不同的视觉体会,直接影响着人的美感认知、情绪波动乃至生活状态、工作效率。

正方:

为了了解设计工作中与色彩相关的职责和规则,并且能将色彩有效地运用,就应该从现在开始了解色彩原理。在阅读本书的规则之前,让我们先来了解色彩为什么看得见,以及色彩的组成。

色彩的组成与搭配

我们身边充满了“色彩”,平常所触碰和所看见的东西全都存在着色彩。有明亮的色彩,也有阴暗的色彩;既有难以被感觉到的色彩,也有看起来鲜艳而且耀眼的色彩。能够看到这些颜色,是因为这世界上有“光”,而全然黑暗的地方是不会存在颜色的。反过来说,在有光的地方就具备了所有的颜色。也就是说,色即“光”。

光指的是电磁波的一部分。在电磁波中(图1),包含了从无线广播及电视所使用的长波,到紫外线、X射线以及被称为γ射线的短波,这些电磁波无法被人的眼睛所见。电磁波当中,只有被称为“可见光”的这一部分,能通过人眼以光的形式辨认出来。可见光也有波长的长短之别。波长较长的是红色,大约在中间的为绿色,波长短的看起来偏蓝,这就是色彩的真正面目。

网站色彩设计的原理是什么(图1)

图1 在电磁波中,从相当短的波长,到较长的波都有。这些电磁波中,仅有一部分以“光”的形式被人眼所看见,这部分被称为“可见光”。

虽然色彩能够被当成光来理解,实际上我们眼中的色彩还是会有些许差异。那是因为人类感知色彩的途径并不只有一种,而是很多种(图2为人眼感知色彩的3种途径)。

例如从太阳等光源传来的光,用肉眼看是感觉不到色彩的;然而,经由三棱镜或自然的折射可以呈现出色彩,被称做“光源色”。在光源本身加上颜色而让人感觉到的色彩称为“透过色”,请想像舞台上的聚光灯,在聚光灯前放置彩色玻璃纸,灯光就变得有颜色了。上述两种捕捉色彩的方法,是将光可见化可感觉色彩。但是,我们周遭几乎所有的东西都无法自行发光,而必须借助太阳光或是室内照明设备的照射,让光接触到物体再反射之后得以被看见,这种感知色彩的方法被称为“反射光”,或是“表面色”。

照射到物体的光为“光源色”,那种光本身几乎感觉不到色彩的存在,但是物体表面涂上涂料或油墨,或者根据物体原本的性质,会将照射到的光当中几乎所有波长都吸收起来,只有留下来的波长能进入人的眼睛,这便是我们可能看见周遭事物色彩的原理。

网站色彩设计的原理是什么(图2)

图2 人眼感知色彩的3种途径

表达色彩的语言

色彩是无限多的,而且受其所处环境的影响,色彩看起来会全然不同。不仅限于设计的领域,在别的领域也一样。虽然我们对色彩重要性的认识有所提升,但事实上,有关可见色彩的组成我们尚未完全清楚。

色彩有各式各样的分类或表达方式,这里使用的是被认定为色彩学基础的“曼赛尔色系”作为解说表达色彩的基础。这种方法将色彩分为色相、纯度、明度三种要素。

所谓色相,指的是像红色或蓝色这些色调的称呼。在“曼赛尔色相环”(图1)的色相图中,在红、黄、绿、蓝、紫5种颜色里,再加上5种颜色使之成为10色色相的基本形式。

纯度(图2)是指色彩的程度,鲜艳的颜色,暗沉的颜色,所表达的正是纯度。越鲜艳的纯度越高,越暗的纯度越低,无论哪种颜色,纯度越低越接近灰色。

明度(图3)是指色彩的明亮程度,以明度高、低表示。明亮的颜色这样的说法经常被使用,但其实这是很暧昧的言辞,并不清楚指的是纯度高还是明度高,必须加以注意。

网站色彩设计的原理是什么(图3)

图1 在曼赛尔色系中,色彩的要素分为三部分来考虑。色相是指称不同颜色的词汇,这里的以环状的图示表现。环状最里面由10种最基本的颜色组成,向外扩展分割了中间的很多种颜色,可将其全部分类至100种颜色,分别加上编号使之数值化。

网站色彩设计的原理是什么(图4)

图2 纯度是表示色彩的鲜明程序。最为鲜明、纯度最高的颜色称为纯色;反之,纯度最低的颜色称为无色的灰色。

网站色彩设计的原理是什么(图5)

图3明度是表示色彩的明亮程度。与纯度一样以高、低表现。明度最高的是白色;相反,最低的是黑色。

色彩的工作与功能

有关色彩对人的影响并不容易解释明白,但现实中由配色而感到安逸,或者振奋的心情,应该是谁都有过的体验吧。墙壁及家具只有暖色系布置与只用冷色系布置的房间,实际的体感温度会有变化。黑色的箱子与白色的箱子给人重量不同的感觉;或者明明是相同的距离 ,依据颜色不同而感觉有的近、有的远。上述的范例在心理学领域也有实验为证(图1)。

网站色彩设计的原理是什么(图6)

图1 准备两个重量相同的箱子,一个涂上白色,另一个涂上黑色。试着拿起两者,询问哪一个比较重时,几乎所有的人都会回答“黑色的比较重”。

还有,色彩造成的心理效应,可牵涉时装与室内装潢的商品研发、提高运动及学习效果的色彩;在交通安全方面,能派上用场的研究等也在积极地进行中,这些效应都被确认过。然而,对色彩的过度期待是可以想象的。有这么一种说法,把竞技的跑道涂成蓝色来计速时可以提高选手的速度,是因为蓝色赋予人们速度感的印象。但是进一步验证,那毕竟只是一段时间的效果。假使选手在跑道上持续练习,不知不觉,所有人都会回归原来的时间。

色彩确实会对人的心理造成影响,使用特定的色彩可以获得某种效果。话虽如此,但也不能天真地认为色彩一定会产生既定的印象。一边了解上述的心理效果,一边靠自己好好地感受色彩,这才是最重要的(图2)。

网站色彩设计的原理是什么(图7)

图2 一般认为色彩具有这些效果。但是实际上,在设计上使用某种颜色,是依照观看者的心理状态或文化背景,不能断言结果一定是如此。

RGB与CMYK

我们借助观看而感觉到的色彩,可分为光加上颜色(实际上,所谓在光上添加颜色,是由于光的其他颜色被阻隔后的结果)之后所透出的透过色,以及光照射到物体上反射出来的反射色。

透过色是以加色混合的方式,由红(red)、绿(green)、蓝(blue)共三种颜色混合,表现出各式各样的颜色。由于计算机屏幕是用这种方式表现色彩,请试着把眼睛靠近屏幕,应该可以看见红、绿、蓝的细小光点。这种色彩表示方式,是撷取此三种色彩的英文单词的首字母,称之为RGB色彩。另一方面,物体色彩的反射色,是用画具或染料、油墨之类的色材来表现颜色。印刷品基本是青(cyan)、口红(magenta)、黄      (yellow),再加上黑(black)四种油墨相互组合而成,所有的颜色皆以减色混合的方式表现。用放大镜将印刷品放大来看,可以看见油墨的彩色粒子。这种方式称为CMYK色彩。

即使图像设计几乎是用计算机制作的,但是在制作印刷品之前,只凭借着屏幕上所显示的图像,并没有办法正确地掌握完成品的颜色。制作CMYK印刷品时,最好参考下CMYK和RGB颜色对照表(图3)。

网站色彩设计的原理是什么(图8)

图3 这只是对照表中一小部分内容。制作CMYK印刷品时,只靠着屏幕的颜色和直觉作决定是绝对行不通的,一定要翻阅对照表再选择颜色。

冷色与暖色

关于色彩给予人们的印象和心理效应,我们不能断言任何人都会有相同的感受。以绿色为例,对我们来说,是新生命和环保的象征;对日本人来说,是自然及温和的象征;在伊斯兰国家则视之为神圣的颜色,而且是用于代表假日的记号;而在莎士比亚的戏曲中,却用嫉妒而发狂的绿色眼眸来形容一种情绪。

这些对颜色的印象受到国家或文化的影响,然而不受这些影响的,是世界各国同样能领会的暖色、冷色所给人带来的冷暖印象(图1)。冷色是各种接近蓝色的颜色,暖色则是以红色到黄色之间的各种颜色。身处冷色系配色的房间与暖色每户配色的房间,体感温度经过实验测试大约有3摄氏度的差别。这主要是因为暖色系易于让人联想到火焰或灼热的太阳,而冷色系则让人联想到水或冰;但色彩的电磁波长也有可能在无意识中影响着人们。暖色系的色彩被认为会提高血压及心跳次数、刺激自律神经系统、增加性欲和食欲(图2);冷色系则有与之相反的作用。因此,餐厅或烹饪书等,为了让食品看起来美味,激起想吃的欲望,比较适合暖色系的配色。

网站色彩设计的原理是什么(图9)

图1 以红、黄为中心的色相为暖色,蓝色为中心的色相为冷色。分别集合在周围的颜色组合成暖色系颜色与冷色系颜色。

网站色彩设计的原理是什么(图10)

图2 暖色系的颜色具有增进食欲的作用。饭菜或肉类等食材用暖色系包围,看起来似乎也变得美味了

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/wangjs/10617.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息