一、色彩形成
1、由光来认识世界:
当阳光普照时,一部分被吸收转换成光能;没有被吸收而从物体上反射回来的一部分光线,进入我们的眼睛,便带来了光明和色彩。
(1)、电磁波的世界
长波 |
中波 |
短波 |
红外线 |
可见光 |
紫外线 |
射线 |
伽马射线 |
Long wave |
Medium wave |
Short wave |
Infrared ray |
Visible light |
Ultraviolet ray |
x-ray |
Gama-ray |
(2)、可见光谱:
Red |
Orange |
Yellow |
Green |
Cyan |
Blue |
Purple(Violet) |
610~780毫微米 |
590~610毫微米 |
570~590毫微米 |
500~570毫微米 |
450~500 毫微米 |
380~450 毫微米 |
2、物体色与照明:物体的色彩并不是物体本身的色彩,而是根据各种比例入射光所反射的结果来判断的。
(1)、演色性:演色性体现了色光与物体之间的关系。在波长不同的光源下,物体呈现的颜色必然不同,这种现象称为“演色性”。
(2)、固有色:阳光和近似阳光的常规光源下物体呈现的色彩称为固有色。
(3)、环境色:物体在一定色彩环境,与一定量的反射光相互作用,所产生的色彩为“环境色”。
3、眼睛是最精密的光学仪器:
眼球的最外层为虹膜,最前面的延长部分为透明的角膜。虹膜的肌肉随光的强弱而收缩、放大从而引起瞳孔的变化,其作用相当于照相机的光圈。
外来光经角膜折射传到视网膜,是由像透镜那样的晶状体来进行的。因为支撑它的肌肉厚度能自由改变,所以从距离无限远到眼前,均可马上进行聚焦。随着年龄的增加,增多的黄色素吸收短的波长,所以对青和青紫的光感度开始衰退。
视杆细胞很像高感光度的黑白胶片,即使对微弱的光也能有所反应。在黑暗的地方能看到物体,这就是视杆细胞的功能,但是视杆细胞不能产生色彩知觉,只能够对不太鲜明的白、灰、黑作出明暗的判断。
视锥细胞的感光度比视杆细胞要差得多,但它相当于精密度很高的彩色胶片。能正确地进行色彩的组合和色彩校正是视锥细胞所具有的视觉功能。
二、色彩的分类:
1、无彩色:如黑、白、灰。无彩色有明有暗,表现为白、黑,也称色调。
2、有彩色:如红、黄、蓝等七彩。有彩色就是具备光谱上的某种或某些色相,统称为彩调。与此相反,无彩色就没有彩调。
有彩色系分为:
(1)、纯色:原色、一般性纯色
(2)、其他一般色彩:A、清色(纯色加白)
B、浊色(纯色加灰)
C、暗色(纯色加黑)
三、色彩要素
任何色彩都有色相、明度、纯度三个方面的性质,又称色彩的三要素,而且当色彩间发生作用时,除以上三种基本条件外,各种色彩彼此间形成色调,并显现出自己的特性,因此,色相、明度、纯度、色调及色性等五项构成了色彩的要素。
1、色相(Hue): 色彩的相貌,是区别色彩种类的名称。
2、明度 (Value) :光线强时, 感觉比较亮, 光线弱时感觉比较暗, 色彩的明暗强度就是所谓的明度, 明度高是指色彩较明亮, 而相对的明度低, 就是色彩较灰暗。色彩的明暗程度,即色彩的深浅差别。明度差别即指同色的深浅变化,又指不同色相之间存在的明度差别。
3、纯度:色彩的纯净程度,又称彩度或饱和度。某一纯净色加上白或黑,可降低其纯度,或趋于柔和、或趋于沉重。
4、色调: 画面中总是由具有某种内在联系的各种色彩组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。
5、色性: 指色彩的冷暖倾向。
四、色彩混合
1、加色混合:指色光的混合。两种以上的色光混合后光亮度提高,其总亮度等于相混各色亮度的总和,称为加色混合,也叫正混合。
2、减色混合:两种以上颜色混合或相叠形成新的色彩。新色彩的明度降低,出现减光现象,称减色混合或负混合,也叫颜料混合。
(1)、原色(第一次色):不能用其他任何单色混合而成的基本色彩。包括:红、黄、蓝(理想的颜料三原色是明亮的红色、柠檬黄和湖蓝)。
(2)、间色: 由两原色相混合而得(包括:橙、绿、紫)。
(3)、复色: 由两间色相混合而得。
3、中性混合:中性混合不变化色光、不变化颜色材料色彩混合效果的明度既不增加也不减少,而且为相混合各色色明度的平均值,故称“中性混合”。
(1)、空间混合:把不同色彩的以点、线、网、小块面等形状交错杂陈地画在纸上,离开一段距离就能看到空间混合出来的新色。这种现象称为色彩的空间混合。
(2)、旋转混合:在色盘上,红与黄就旋出粉彩色,青与黄族出粉绿色,红与蓝旋出粉紫色。
五、色彩对比
两种以上的色彩,以空间或时间关系相比较,能比较出明显的差别,并产生比较作用,被称为色彩对比。对比出色彩应有的差别,是色彩对比的目的。在色彩这个范围内,只能是明度比明度,色相比色相,彩度比彩度,否则就得不到准确的结论。
1、色相对比:因色相的差别而形成的色彩对比叫色相对比。
(1)、同类色相对比:同类色相对比是同一色相里的不同明度与纯度色彩的对比。这样的色相对比,色相感就显得单纯、柔和、谐调,无论总的色相倾向是否鲜明,调子都很容易统一调和。这种对比方法比较容易为初学者掌握。仅仅改变一下色相,就会使总色调改观。这类调子和稍强的色相对比调子结合在一起时,则感到高雅、文静,相反则感到单调、平淡而无力。
(2)、邻近色相对比:色相距离在十五度以上,四十五度左右的对比,称为邻近色相对比,或近似色相对比,是软弱的色相对比。
邻近色相对比的色相感,要比同类色相对比明显些、丰富些.活泼些,可稍稍弥补同类色相对比的不足,可不能保持统一、谐调、单纯、雅致、柔和、耐看等优点。
(3)、对比色相对比:色相距离在一百三十度左右的对比,一般称为对比色相对比,是色相中对比。
对比色相对比的色相感,要比邻近色相对比鲜明、强烈、饱满。丰富,容易使人兴奋激动和造成视觉以及精神的疲劳。这类瞩子的组织比较复杂,统一的工作也比较难做。它不容易单调,而容易产生杂乱和过分刺激,造成倾向性不强,缺乏鲜明的个性。
(4)、互补色相对比:色相距离在一百八十度左右的对比,称互补色相对比,是色相强对比。
互补色相对比的色相感,要比对比色相对比更完整、更丰富、更强烈,更富有刺激性对比色相对比也会觉得单调、不能适应视觉的全色相刺激的习惯要求,互补色相对比就能满足这一要求,但它的短处是不安定、不协调、过分刺激,有一种幼稚、原始的和粗俗的感觉。要想把互补色相对比组织得倾向鲜明、统一与调和,配色技术的难度就更高了。
(5)、最强色相对比:色相距离如果大于一百八十度,从余下的弧度来看,必然小于一百八十度。所以距离恰好在一百八十度的对比,称。
2、明度对比
因明度差别而形成的色彩对比,称之为明度对比。
根据明度色标,凡明度在零度至三度的色彩称为低调色,四度至六的色彩称为中调色,七度至十度的色彩称为高调色。
一般来说,高调愉快、活泼、柔软、弱、辉煌、轻;低调朴素、丰富、迟钝、重、雄大有寂寞感。明度对比较强时光感强,形象的清晰程度高,锐利,不容易出现误差。明度对比’弱、不明朗、模糊不清,则如梦,显得柔和静寂、柔软含混、单薄、晦暗、形象不易看清,效果不好。明度对比太强时,如最长调,会产生生硬,空间、眩目、简单化等感觉。
3、彩度对比
因纯度差别而形成的色彩对比叫彩度对比。对比色彩间纯度差的大小,决定彩度对比的强弱,差10个阶段以上的彩度对比,应称为彩度强对比,差三个阶段以下的,称彩度弱对比,其余即称彩度中对比。
一般来说,鲜色的色相明确,注目,视觉兴趣强,色相的心理作用明显,但容易使人疲倦,不能持久注视。含灰色等低纯度的色相则较含蓄,可不容易分清楚,视觉兴趣弱,注目程度低,能持久注视,但因平淡乏味,久看容易厌倦。彩度对比较强,鲜色的艳丽、生动、活泼、注目及其感情倾向越明显。
配度彩度对比不足时,往往会出现粉、脏、灰、黑、闷、单调、软弱、含混等毛病;彩度对比过强时,则会出现生硬、杂乱、刺激、眩目等不好的感觉。
4、冷暖对比
由于色彩感觉的冷暖差别而形成的色彩对比,称为冷暖对比。从色彩心理学来考虑,我们把桔红的纯色定为最暖色,它在色立体上的位置称为暧极,把天蓝的纯色定为最冷色,它在色立体上的位置称为冷极,并用冷暖两极的关系来划分色立体上茶余备色的冷暖程度与冷暖差别。凡近暖极的称暖色;近冷极的称冷色。与冷极距离相等的各色,冷的程度相等;与暖极距离相等的各色,暖的程度相等;凡与两极距离相等的各色,称为冷暖的中性色。由此可知,红、橙、黄等同暖色,蓝绿、蓝、蓝紫等同冷色,黑.白、灰.彩、紫等色,都属中性色。
从色彩心理学来说,还有一组冷暧概念。那就是白冷黑暖的概念。因此,在色立体上接近白的色块有冷的印象,接近黑的色块有暖的印象。一般的色彩混入白色会倾向冷,加黑会倾向暧。
5、面积对比
面积对比是指两个或更多色块的相对色域。这是一种多与少、大与小之间的对比。
两种因素决定一种纯度色彩的力量,即它的明度和面积。歌德为这些明暗色调变化拟定了一个简单的数字比例: 黄: 橙: 红: 紫: 蓝: 绿
9: 8: 6: 3: 4: 6
在将这些光亮度转变成为和谐色域时,必需将光亮度的比例倒转。即,黄色比它的补色强三倍,因此它只应该占据相当于其补色紫色色域的三分之一。因而原色和间色的和谐色域如下: 黄: 橙: 红: 紫: 蓝: 绿
3: 4: 6: 9: 8: 6
和谐的色域产生静止而安然的效果。当采用了和谐比例之后,面积对比就会被中和。
面积对比的特性,它可以变更和加强任何其它的对比效果。
7、同时对比
同时对比产生于这样的事实:看到任何一种特定的色彩,眼睛都会同时要求它的补色,如果这种补色还没有出现,眼睛就会自动的将它产生出来。正是由于这个事实,色彩和谐的基本原理才包含了互补色的规律。
当一种补色色相被十二种色相色轮中的左侧或右侧邻色所取代时,这种同时对比效果就发生在纯色度色彩之间。举例来说,由于紫色是在黄色的对面,我们就用红紫或蓝紫来代替,同时对比效果可以借助于面积对比而加强。
六、配色的基本概念
配色的基本概念,这是我们在做图时常常预见的问题,若能将这些概念了解,在颜色的搭配上自然比较占优势。
1、色名对比:将相同的橙色,放在红色或黄色上,我们将会发现,在红色上的橙色会有偏黄的感觉,因为橙色是由红色和黄色调成的,当他和红色并列时,相同的成份被调和而相异部份被增强,所以看起来比单独时偏黄,以其他色彩比较也会有这种现象,我们称为色名对比。 除了色感偏移之外, 对比的两色, 有时会发生互相色渗的现象, 而影响相隔界线的视觉效果, 当对比的两色, 具有相同的彩度和明度时, 对比的效果越明显, 两色越接近补色, 对比效果越强烈。
2、明度对比:将相同的色彩,放在黑色和白色上,比较色彩的感觉,会发现黑色上的色彩感觉比较亮,放在白色上的色彩感觉比较暗,明暗的对比效果非常强烈明显,对配色结果产生的影响,明度差异很大的对比, 会让人有不安的感觉。
3、彩度对比:色彩和另一彩度较高的色彩并列时,会觉得本身彩度变低,而和另一个彩度较低的色彩时,会觉得彩度变高,这种现象称为彩度对比。
4、补色对比:两个互为补色的色彩在一起时,会产生明显的效果,使色彩彼此色感更强,我们称之为补色对比。
5、面积对比:将两个色彩强弱不同的色彩放在一起,若要得到对比均衡的效果,必须以不同的面积大小来调整,弱色占大面积,强色占小面积,而色彩的强弱是以其明度和彩度来判断,这种现象称为面积对比。
七、色彩调和
两种或两种以上的色彩合理搭配,产生统一和谐的效果,称为色彩调和。
1、同种色的调和: 相同色相,不同明度和纯度的色彩调和。方法为:使之产生循序的渐进,在明度、纯度的变化上,形成强弱、高低的对比,以弥补同色调和的单调感。
2、类似色的调和: 以色相接近的某类色彩,如红与橙、蓝与紫等的调和,称为类似色的调和。类似色的调和主要靠类似色之间的共同色来产生作用。
3、对比色的调和: 以色相相对或色性相对的某类色彩,如红与绿、黄与紫、蓝与橙的调和。
八、色彩功能
色彩的功能是指色彩对眼睛及心理的作用,具体一点说,包括眼睛对它们的明度、色相、纯度对比刺激作用,和心理留下的影响、象征意义及感情影响。
同一色彩及同一对比的调和效果,均可能有多种功能;多种色彩及多种对比的调和效果,亦可能有极为相近的功能。为了更恰如其分地应用色彩及其对比的调和效果,使之与形象的塑造,表现与美化统一,使形象的外表与内在统一,使作品的色彩与内容、气氛、感情等表现要求统一,使配色与改善视觉效能的实际需求统一;使色彩的表现力、视觉作用及心理影响最充分地发挥出来,给人的眼睛与心灵以充分的愉快、刺激和美的享受,必须对色彩的功能作深入地研究。
但是,要逐一地研究数以千计的色彩功能,既不可能,也不必要。只要研究一些最基本的色彩就可以了。基本色的功能
1·红色 2.黄色 3.橙色 4.绿色 5.蓝色 6.紫色
7.土色 8.白色 9.黑色 10.灰色 11.极色
九、网页色彩的搭配
(一)、基础知识:
1、颜色是因为光的折射而产生的。
2、红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。
3、颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。
4、任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。
网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。
我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,图片用彩色。这样页面整体不单调,看主要内容也不会眼花。
(二)、非彩色的搭配
黑白是最基本和最简单的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是万能色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩,那么用灰色试试,效果绝对不会太差。
(三)、彩色的搭配
1、色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。
2、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色---是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。
绿色---介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。
橙色---也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。
黄色---具有快乐,希望,智慧和轻快的个性,它的明度最高。
蓝色---是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩:)
白色---具有洁白,明快,纯真,清洁的感受。
黑色---具有深沉,神秘,寂静,悲哀,压抑的感受。
灰色---具有中庸,平凡,温和,谦让,中立和高雅的感觉。
每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。
(四)、网页色彩搭配的原理
1、色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。
2、色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。
3、色彩的合适性。色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4、色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
(五)、网页色彩掌握的过程
随着网页制作经验的积累,我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料后,希望制作一个漂亮的网页,将自己收集的最好的图片,最满意色彩堆砌在页面上;但是时间一长,却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,推出的站点往往比较成功;当最后设计理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以设计出简洁精美的站点。
(六)、网页色彩搭配的技巧
1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2、用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:)
4、用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。
在网页配色中,忌讳的是:一是不要将所有颜色都用到,尽量控制在三种色彩以内。二是背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
十、色彩属性
1、色彩感情规律的应用:色彩能使人产生联想和感情,在广告画设计中,利用色彩感情规律,可以更好地表达广告主题,唤起人们的情感,引起人们对广告及广告商品的兴趣,最终影响人们的选择。
(1)、运用色调的兴奋感,引起人们观看的兴趣。红、橙、黄等暖色调以及对比强烈的色彩,对人的视觉冲击力强,给人以兴奋感,能够把人的注意力吸引到广告画上来,使人对广告产生兴趣。蓝、绿等冷色以及明度低、对比度差的色彩,虽不能在一瞬间强烈地冲击视觉,但却给人以冷静、稳定的感觉,适宜表现高科技产品的科学性、可靠性。::
(2)、运用色调的明快活泼感,产生优美愉悦的效果。一般说来,暖色、纯色、明色以及对比度强的色彩,使人感到清爽、活泼、愉快,利用色彩的这一特点设计广告,能够使人心情愉快地接受广告信息。 ::
(3)、运用色调的档次感,体现商品的不同品味。色彩也有档次感,有气派的、华贵的色调总是用于高档的产品,那些朴实大方的色调总是与实用品相联系。时装广告、化妆品广告常常用彩高度、明度高以及对比强烈的色彩来表现,给人以华丽感。
(4)、运用色调的冷暖感,表现不同商品的特点。在广告色彩中,常常运用暖色调来表现食品,因为食品的颜色大多以红、橙、黄等暖色调为主,儿童用品给人的感觉是热情、活泼、充满朝气,因而儿童用品广告也多用暖色调。而空调、冰箱、冷饮的广告大都用白色、蓝色等冷色调,使人感到寒冷、清爽!::
2、色彩印象理论:在白昼光中,用红光照射白色物体,产生绿色阴影。绿色光照射则产生白色阴影,而紫色光照射则产生黄色阴影。 在白昼光下,每一种彩色光线都产生它的补色阴影。
3、色彩的心理感觉:观看色彩时,由于受到色彩的视觉刺激,而在思维方面产生对生活经验和环境事物的联想,这就是色彩的心理感觉。
(1)、色彩有冷暖感。色彩的冷暖感被称为色性。红、黄、橙等色相给人的视觉刺激强,使人联想到暖烘烘的太阳、火光,感到温暖,所以称为暖色。青色、蓝色使人联想到天空、河流、阴天,感到寒冷,所以称为冷色。
(1)、色彩有兴奋感与沉静感。凡明度高、纯度高的色调又属偏红、橙的暖色系,均有兴奋感。凡明度低、纯度低,又属偏蓝、青的冷色系,具有沉静感。
(2)、色彩有膨胀感与收缩感。同一面积、同一背景的物体,由于色彩不同,给人造成大小不同的视觉效果。凡色彩明度高的,看起来面积大些,有膨胀的感?