第四章第4章网页配色第一章网页设计作为一门新兴学科，其色彩风格的审美情趣必然带有鲜明的时代特征。随着时代的变迁，适应新时代的设计思想也随着变化，优秀的设计师应紧跟时代潮流，敏锐地触摸到色彩的审美变化和对色彩感情的影响，从而确立网页独具个性的色彩风格。色彩是人们常见的事物，但是仔细的问起来又是很难讲明白的一件事情。因为色彩既是一门艺术，也是一门科学。4.1.1.何为色彩色彩并不是物体本身固有的，物体的颜色是物体本身吸收和反射光波的结果。色彩与光有着极为密切的联系，同时又影响到人们的直觉。4.1认识色彩

第四章物体表面色彩的形成取决于三个方面：光源的照射、物体本身反射一定的色光、环境与空间对物体色彩的影响。光源色：由各种光源发出的光，光波的长短、强弱、比例性质的不同形成了不同的色光，称为光源色。物体色：物体色本身不发光，它是光源色经过物体的吸收反射，反映到视觉中的光色感觉，通常把这些本身不发光的色彩统称为物体色。4.1.2.色彩三要素色彩的三要素也称之为色彩三属性，是指任何一种色彩同时含有的三种属性，即色相、明度和纯度.1.色相(Hue)又叫色名（Hue，简称为Ｈ；或译为色相）是区分色彩的名称，也就是色彩的名字，就如同人的姓名一般，用来辨别不同的人。除了黑白灰以外的色彩都有色相的属性。2.明度(Value)明度（Value简称Ｖ）指颜色的亮度。光线强时，感觉比较亮，光线弱时感觉比较暗，色彩的明暗强度就是所谓的明度，明度高是指色彩较明亮，而相对的明度低，就是色彩较灰暗。

第四章3.纯度(Chroma)又叫彩度（Chroma，简称Ｃ）是指色彩的纯度，通常以某彩色的纯度所占的比例，来分辨彩度的高低，纯色比例高为彩度高，纯色比例低为彩度低，在色彩鲜艳状况下，通常很容易感觉高彩度，但有时不易作出正确的判断，因为容易受到明度得影响，譬如人们最容易误会的是，黑白灰是属於无彩度的，他们只有明度。4.1.3色彩对比两种以上的色彩，以空间或时间关系相比较，表现出明显的差别，并产生比较作用，被称为色彩对比。1.色相对比即因色相之间的差别形成对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。2.明度对比因明度之间的差别形成的对比。（柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度）。

第四章将相同的色彩，放在黑色和白色上，比较色彩的感觉，会发现黑色上的色彩感觉比较亮，放在白色上的色彩感觉比较暗，明暗的对比效果非常强烈明显。如右图所示黑白底色上的文字与色条线条对比；如图下所示，就是运用明度对比的网页。

第四章3.纯度对比一种颜色与另一种更鲜艳的颜色相比时，会感觉不太鲜明，但与不鲜艳的颜色相比时，则显得鲜明，这种色彩的对比便称为纯度对比。如左图所示，中间的色块比左边色块纯度高同时又比右边色块纯度低。如右图所示，运用纯度对比的网页效果。4.补色对比将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。如图所示，运用补色对比的网页效果。

第四章5.冷暖对比由于色彩感觉的冷暖差别而形成的色彩对比，称为冷暖对比。（红、橙、黄使人感觉温暖；蓝、蓝绿、蓝紫使人感觉寒冷；绿与紫介于其间），另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。如图所示，运用冷暖对比的网页效果。

第四章4.1.4色调的变化色调倾向大致可归纳成鲜色调、灰色调、浅色调、深色调、中色调等。1．鲜色调在确定色相对比的角度、距离后，尤其是中差（90度）以上的对比时，必须与无彩色的黑、白、灰及金、银等光泽色相配，在高纯度、强对比的各色相之间起到间隔、缓冲、调节的作用，以达到既鲜艳又真实、既变化又统一的积极效果。感觉生动、华丽、兴奋、自由、积极、健康等（左图）。2．灰色调在确定色相对比的角度、距离后，于各色相之中调入不同程度、不等数量的灰色，使大面积的总体色彩向低纯度方向发展，为了加强这种灰色调倾向，最好与无彩色特别是灰色组配使用。感觉高雅、大方、沉着、古朴、柔弱等（右图）。

第四章3．深色调在确定色相对比的角度、距离时，首先考虑多选用些低明度色相，如蓝、紫、蓝绿、蓝紫、红紫等，然后在各色相之中调入不等数量的黑色或深色，同时为了加强这种深色倾向，最好与无彩色中的黑色组配使用，感觉老练、充实、古雅、朴实、强硬、稳重、男性化等（上图）。4．浅色调