网页顽主色彩设计指南

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

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

1、光与色彩

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

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

2、物体色

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

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

3、计算机色彩显示

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

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

二、原色

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

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

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

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

1、色彩的正混合

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

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

红+绿=黄光

红光+蓝紫光=紫红光

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

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

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

2、色彩的负混合

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

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

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

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

3、色彩的中性混合

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

1。回旋板的混色

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

2。空间混合（并置混合）

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

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

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

三、关于本节基础

本节聚焦于色轮的原色，红、黄、篮这三重色相是其他所有的色调的基础。也是一种色彩文化的语言基础。

因为这三种色相明确的特质，它们通常与一定的民族、思想或主题联系起来。（这些主题依赖于所选的色彩及选色者所表达的思想）红、白等颜色常与生命、活力和热烈联系在一起。蓝色是一种冷色，常常与水和天空联系在一起。黄色是太阳的颜色，常常使人联想到许多文化方面的上升力和生命力。

常以年轻的观者为对象，强调单纯。“回归、本色”的主题。

四、色彩引发的思考：

红色：哪种红？ 蓝色：哪种篮？ 黄色：鲜亮的？浅淡的？纯净的？橘黄？黄绿？

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

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

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

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

充满了色彩。

少量实用色彩。

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

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

本节从所有围绕着色轮的颜色中提取强烈的色彩，主要列举的是原色、间色、复合的组色。 诸如此类的色彩组合，对于许多人会由此联想到体育、令人兴奋的活动、旅游及假期。这些颜色的大部分组合不被认为是“自然”的，但它们既然是自然色相的艺术夸张，它们常常就被用来表达户外活动、环球旅行、异国情调及冒险经历。因为这些颜色多是浓烈的，这一色系大多针对年轻人或活跃的成年人，却很少受到老年人或较保守者的喜爱。当然如果在一二种亮丽的色彩中掺和了较多压抑的调子，当它表达一种活跃的思想时，也可能会符合老年人的色彩需要。

1、妙用动感色彩

观察针对较年轻观众的媒体，诸如体育团队、赛车、帆船等、然后进行构思

观察三种颜色的组合，补色、分离补色、相似色和单色组合色系

射门样的背景最能突出这些颜色？白色背景？黑色背景？或是其他颜色背景？

明度相似的色彩组合，相反明度的色彩组合？或是明度反差强烈的色相的组合？

暖色系、冷色系、混合色系。

在色条中加上分割色带？

颜色之间的分割？

2、快速的色彩组合

一种色彩之所以开始被选择，是由于它们将强调你所要传达的信息，以吸引相应的观者。探索色彩之间的关系，你会发现添加的颜色与第一种颜色相协调，察看一下相似色组合、分离组合色、三色组合和单色组合这几类，预估一下会产生的结果，哪种看起来最能强调主题。如果你最初选择的颜色是轻柔的，以同样的方法减弱其它颜色，当这种颜色与比它深或没它深的颜色组合时，看看会发生什么，同样做一下试验，试验中的每一种组合都可用于你的设计或图案。

相似色的组合 相似色的组合由相邻的颜色组合而成。相邻的颜色指在色谱上初始色的左边、右边或左右两边的颜色。

相近色的组合 前面的公式有所变化，初始色与间隔双数相邻的颜色的组合。

分离补色组合 找到初始色的补色，选择与补色相邻的颜色，这就是初始色彩的分离补色

三色的组合 三种在色轮上处于等分位置的颜色的组合。

单色的组合 初始色彩经过了浓淡变化的本身颜色的组合，或经过了明暗变化的本身颜色的组合。

冷静、安祥、松弛，有时是浅色，有时是深色，有时深浅是在两者之间。 蓝色，蓝绿和蓝紫的色相给许多人视觉上的安静的感觉。人类的大脑通常不把一些颜色看做警示性的颜色，即使它是红色、黄色或橘黄色。

除了这一系列的蓝色调以外，其他色系也能传递宁静的感觉，一组柔和的色系，也能增加些宁静和怀旧的情感。

一组在明度上略有不同的暗色系，也能赋予人寂静的感觉，或许还会增加一点神秘的、紧张的气氛。一组非常浅淡的色彩组合，使用在整幅画中或作为背景，也能使人产生低调的情绪。

妙用静感色相

蓝、蓝绿、蓝紫； 柔和的，灰色的，暗色的，浅淡的； 颜色间柔和的边缘； 明度近似的色彩间的生硬的边缘； 动感的图像与静感色调对比； 静态的图像用浅色调陪衬。

几乎没有明显的文字，什么样的字体能更进一步地强调松弛的感觉？

归类一组相互补充的静色系，归类一组形成对比的静色系。背景色彩能使整个版面变得柔和：图像背景图案背景，质感背景。

本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！

网站栏目：网页顽主色彩设计指南
分享路径：https://www.cdcxhl.com/news30/327130.html

成都网站建设公司_创新互联，为您提供手机网站建设、企业网站制作、静态网站、网页设计公司、App开发、商城网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联