您现在访问的是:网页色彩设计指南 基础篇 直接进入颜色配色方案

一、色彩的基本知识

  色彩对于事物的表现能力有着其他形式无法比拟的超强效果。在我们生活里,色彩无处不在,它是构成我们生活环境的重要组成部分。可以说我们对每一件事物的认知,都是从色彩与形状开始的,我们也在用色彩创造丰富的视觉空间,用颜色的语言与社会进行沟通。日常生活中,人们对色彩的反应都是有一定的规律。为此,人们把每种颜色都富裕了特殊的感情意义。

  色彩构成(Interaction of Colour),即色彩的相互作用,是从人对颜色的知觉和心理效果出发,用科学分析的方法,把复杂的色彩现象还原为基本要素,利用色彩在空间.量与质上的可变幻性,按照一定的规律去组合各构成之间的相互关系,再创造出新的色彩效果的过程。色彩构成是艺术设计的基础理论之一,它与平面构成及立体构成有着不可分割的关系,色彩不能脱离形体.空间.位置.面积.肌理等而独立存在。作为一个网页设计师,只有掌握色彩构成原理,熟知各色彩间的相互关系及各种颜色的生理或心理作用,结合自己所具备的平面构成知识,在网页设计中正确用色,才能实现传达特定信息和渲染页面的想国的目的

1、光与色彩

  色彩是由光的刺激而产生的一种视觉效应。光是产生色的原因,色是光感觉的结果。

  光在物理学上是电磁波的一部分,其波长自700-400mm,在此范围称为可视光线。当把光线引入三棱镜时,光线被分为红.橙.黄.绿.青.蓝.紫,因而的出自然光是七色光的混合。这种现象被称作光的分解或光谱,七色光谱的颜色分布是按光的波长排列的。

2、物体色

  物体本身是不会发光的,之所以能看到它,是因为光源经物体表面的吸收.反射,反映到视觉中的光色感觉。

  物体在自然光照下,只反射其中一种波长的光,而其他波长的光全部吸收,这个物体则呈现反射光的颜色。如果某一物体反射所有的光,那么,我们便感觉这个物体是白色的;如果把七色光全部吸收,那么就呈现一种黑色;实际上,相识生活中的颜色足极其丰富的,各种物体不可能单纯反射一种波长的光,它只能对某一波长的光反射得多,而对其他波长的光按不同的比例反射得少。因此,物体的颜色不可能是一种绝对标准的色彩,而只能是倾向某一种颜色,同时又具有其它色光的部分。所以说物体的颜色是受光源的色彩和该物体的选择吸收与反射能力所决定的。

3、计算机色彩显示

  我们知道物体的色彩是对色光反射的结果。那么,计算机显示器的色彩有时如何生成的?

  色彩显示器产生色彩的方式类似于大自然中的发光体。在显示器内部有一个和电视机一样的显象管,当显象管内的电子枪发射出的电子流打在荧光屏内侧的磷光片上时。磷光片就产生发光效应,由此精确控制各个磷光片的光波的波长,再经过合成叠加,就模拟出自然界中的各种色光。

二、原色

  不能用其他色混合而成的色彩叫原色。用原色却可以混出其他色彩

  原色有两个系统,一种是色光方面的,即,光的三原色,如图3-2。另一种是色素方面的,即,色素三原色,如图3-3

  色光的三原色:红光-red. 绿光-green. 蓝光-blue

  色素的三原色:品红-magenta. 黄色- yellow. 青色-cyan

1、色彩的正混合

  正混合指色光的混合。将太阳光线引入三棱镜时,光线被分离为红.橙.黄.黄.绿.青.蓝.紫的光谱。同样,我们可以在实验室里把单色光混合成其他颜色的色光,得出如下的实验结果:

  红光+绿光+蓝紫光=白光

  红+绿=黄光

  红光+蓝紫光=紫红光

  可以看出色光的混合特征,两色或多色光相很和,混出的新色光,明度增高,明度是参加混合各色光明度之和。参混合的色光越多。混出的新色的名度就越高,如果把各种色光全部混合在一起则成为极强白色光。所以,把这种混合叫正混合或加法混合。如图3-2

  在色环上,相混合的两色光在色相环上的距离较近,中等,较远相混,形成的新色光均为相两色光的中间色光。相距近混出的新色光纯度高,相距远混出的新色观纯度低,相距最远的补色光相混,混出的光为白光,其纯度消失。混出新色光的明度为参加相混色光明度之和

  电脑显示器的色彩是通过荧光屏的鳞片发出的色光通过正混合叠加出来的,它能够显示车百万种色彩,其三原色是红-red. 绿-green. 蓝-blue,所以称之为RGB模式

2、色彩的负混合

  负混合指色素的混合,色素的混合是明度减低的减光现象,所以叫负混合或减法混合。如图3-3。颜料.染料.涂料等色素的性质与光谱上的单色光不同,是属于物体色的复色光,色料的显色是把白光中的色光经部分选择与吸收的结果,所反射的和说吸收的色光里,个含有集中不同的单色光。因此,色素间的负混合现象,不是属于反射部分的色光混合的结果,而是吸收部分相混合的所增加的减光现象

  在色环上相混合的两色距离近,渔利中等,毅力较远的色相混,混合的结果均为相混两色的中间色。两色相距较近时,混出的色纯度降低的少;另色相距远时,混出的色出的减低的多。若两色为相距最远的互补色时,混出的新色纯度消失,明度降低为黑灰色

  因此要混合出纯度较高的新色彩,一定要选择在色环上距离较近的色。如,用黄绿和蓝绿混户出的绿色,一定要比用黄和蓝混合出的绿色的纯度高。由于个色料的本质的不同及混合时分量的误差都会影响混色的结果。还有些色彩是无法用其他颜色混合出来的

  在理论上,将品红-magente. 黄色-yellow. 青色-cyan三种色素均匀混合是,三种色光将全部被吸收,产生很色,但在实际操作中,因色料含有杂质而形成棕褐色,所以加入了黑色颜料-black,从而形成CMYK色彩模式。这是电脑平面设计的专用色彩模式,在印前处理中有着最重要的作用,是四色印刷的基础

3、色彩的中性混合

  中性混合包括回旋板的混合方法(平均混合)与空间混合(并置混合)

1。回旋板的混色

  回旋板的混色是属于颜料的反射现象。如把红色和蓝色按一定的比例涂在回旋板上,以每秒40~50次以上的速度旋转则显出红紫灰色。可是如果我们把红和蓝两色光用加法混合组成为淡紫红色光,明度提高。把红和蓝颜料用减法混合,则成为暗紫红色,明度降低。通过以上不同方法的混合对比,发现用回旋板的方法混合出的色彩其明度基本为参加混合色彩明度的平均值,所以把这种混合方法叫中性混合。回旋板的中性混合实际是视网膜上的混合。正如上面举的例子,由于红.蓝两色经回旋板快速旋转使红.蓝二色反复刺激视网膜同一部位,红.蓝,红.蓝,交替而连续不断,因此在视网膜上发生红.蓝两色光混合而产生红紫灰色的感觉

2。空间混合(并置混合)

  由于空间距离和视觉生理的限制,眼睛辨别不出过小或过远物象的细节,把各不同色块感受成一个新的色彩,这种现象成为空间混合或并置混合

  如果我们把红.蓝色点(或块)并置的画面经过一定的距离,我们发现红色与蓝色变成里一个灰紫色。同样胶版印刷只用品红.黄.蓝三色网点和黑色网点便可印出各种丰富多彩的画面,除重置部分的网点产生减色混合外都是色点的并置混合,这种并置混合叫近距离空间混合。空间混合的距离是由参加混合色点(或块)面积的大小决定的,点或块的面积越大形成的空间混合的距离越远。回旋板的混合和并置混合实际上都是视网膜上的混合

  这两种混合均为中性混合,混合出新色彩的明度基本等于参加混合色彩明度平均值。

三、关于本节基础
 本节聚焦于色轮的原色,红、黄、篮这三重色相是其他所有的色调的基础。也是一种色彩文化的语言基础。
 因为这三种色相明确的特质,它们通常与一定的民族、思想或主题联系起来。(这些主题依赖于所选的色彩及选色者所表达的思想)红、白等颜色常与生命、活力和热烈联系在一起。蓝色是一种冷色,常常与水和天空联系在一起。黄色是太阳的颜色,常常使人联想到许多文化方面的上升力和生命力。
 原色常以年轻的观者为对象,强调单纯。“回归、本色”的主题。

四、色彩引发的思考:
 红色:哪种红?
 蓝色:哪种篮?
 黄色:鲜亮的?浅淡的?纯净的?橘黄?黄绿?

 所有的色彩都是强烈的?浅淡的?或界于两者之间的?

 两色的搭配、三色、、四色或更多色彩的搭配?

 哪种颜色的比例占多数?去进行试验。

 用白色作背景、用黑色作背景、灰色或无色彩的背景?

 充满了色彩。

 少量实用色彩。

 不仅将色彩应用于图像,而且还应用于字体上。

 以意想不到的方法来应用颜色。

直接进入颜色配色方案


www.adobeedu.com 刘涛  网页顽主版权所有 www.adobeedu.com