分享
 
 
 

网页顽主色彩设计指南

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

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

色彩构成(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、快速的色彩组合

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

相似色的组合

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

相近色的组合

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

分离补色组合

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

三色的组合

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

单色的组合

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

冷静、安祥、松弛,有时是浅色,有时是深色,有时深浅是在两者之间。

蓝色,蓝绿和蓝紫的色相给许多人视觉上的安静的感觉。人类的大脑通常不把一些颜色看做警示性的颜色,即使它是红色、黄色或橘黄色。

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

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

妙用静感色相

蓝、蓝绿、蓝紫;

柔和的,灰色的,暗色的,浅淡的;

颜色间柔和的边缘;

明度近似的色彩间的生硬的边缘;

动感的图像与静感色调对比;

静态的图像用浅色调陪衬。

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有