- 网页配色从入门到精通
- 张晓景
- 1321字
- 2020-06-24 16:41:11
1.1 色彩入门知识
在人类赖以生存的地球上,人们每天的生活都被各种各样的色彩包围着,色彩使得周围的环境更加妙趣横生、丰富多彩。如果世界上没有光,人类所看到的一切都是黑色的。因为有了光,色彩才会出现。
1.1.1 色彩的产生
在日常生活中,充满各种各样的色彩。从光学的角度来说,世界上的一切物体之所以会出现不同颜色,是因为光源照射。
提示:既然光是色彩存在的必备条件,那么色彩产生的理论过程为:光源(直射光)——物体(反射光、投射光)——眼(视神经)——大脑(视觉中枢)——产生色感(知觉)。
我们日常所见到的白光,是由红、绿、蓝3种波长的光组成的,在同一种光线条件下,经由人的眼睛,传达到大脑形成了我们所看到的各种不同的颜色,反射光不同,眼睛就会看到不同的色彩。由此看来,物体的颜色就是它们反射的光的颜色,如下图所示。
提示:nm是一个长度单位,意思就是纳米的意思,1纳米的长就是:10-9米。也就是10亿纳米等于1米。
1.1.2 光源色、物体色和固有色
光源可以分为两种:一种是自然光,如太阳光等;另一种是人造光,如蜡烛光、灯光等。物体色是光被物体反射或透射后的颜色。所以,光源色和物体色有着必然的联系,如下图所示。
提示:由此可以得出以下结论:没有光就没有色,不同的光可以产生不同的色;不同的物体对各种光照的反映不同。
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0012-0001.jpg?sign=1739034087-we1g5ZF6BQTfPE3LsdUVPXHSRMhSqFAs-0-82d8a9f3bd13acd9a764781ce8018858)
正常
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0012-0002.jpg?sign=1739034087-lwVk2wuNB8cAL6xoGIFRF0QjXqVvfsij-0-4bb92a1cd224491ec7d1e563f30b0d2c)
绿色光
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0012-0003.jpg?sign=1739034087-bIj5awbyJh4TdZuaxfsnaUyyzUK3a7WT-0-7c22c99a0331ff283bda318b57f00ae5)
红色光
1 光源色
各种光源发出的光,由于光波的长短、强弱、光源性质的不同,呈现出的颜色也不同,这种不同的色光被称为光源色。如一张白纸,在红光下呈现红色,在白光下呈现白色。像霓虹灯、饰灯等的光线都可以直接进入视觉,如下图所示。
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0012-0004.jpg?sign=1739034087-qlp2TvyUSNbnBbhKJAoaskjUvVDvGQ0n-0-92ddc74c2e5a4d55e1b2a1127d71df63)
阳光
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0012-0005.jpg?sign=1739034087-pMmMjmWg08WwpxbMzJxbUZCdeuFHYNJh-0-c011635bb898a591b3e42466694f029b)
灯光
●精彩案例分析
该网页以蓝色渐变为背景色,蓝色可以给人一种沉稳、理性、踏实的感觉,加上黄色点缀,突出主题。
以黄色为主调色,而且使用了大量的渐变色,使黄色既带给浏览者明朗愉快的感觉,又不会过分夸张。
提示:光源具有很多属性,如波长的强弱、性质等。因此,得到的色彩也不同,不同光照射在相同颜色的物体上,呈现的颜色是不同的。当夕阳照射不同的物体时受到光源色的影响,呈现出浓郁的橙黄色。
2 物体色
日常所见的非发光物体会呈现出不同的颜色。它是由光源色经过物体的吸收反射,反映到视觉中的光色感觉,这些感觉到的色彩称为物体色,如动植物的颜色、服装的颜色和建筑的颜色等。物体分为透明体和不透明体两种,透明体呈现出的色彩由它所能透过的光决定,而不透明体呈现的色彩是由它反射的色光决定的,下图所示为物体色。
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0013-0001.jpg?sign=1739034087-GUFtqYjgpHfwmywb5CwvWkmI6snhwsdp-0-ffec8a13a46e93fc3edcd595cbc8cad9)
植物颜色
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0013-0002.jpg?sign=1739034087-xRWMEOolTI9GpvM1wvQbe6du7isCvtOe-0-0f55a693cf6ad52351bd36b41ca366d4)
物体颜色
●精彩案例分析
该网页使用高纯度低明度的对比冷暖色调进行对比配色,使网页画面颜色艳丽丰富。
该网页背景由橙色渐变到黄色,给人一种平稳、亲和的感受,红色的点缀丰富了网页色彩。
3 固有色
固有色,就是指物体在正常阳光下呈现出的固有色彩效果。自然界中的一切物体都有其固有的物理属性,它对入射的光都有固定的选择吸收特性,即具有固定的反射率和透射率。人们在标准的日光下看到的物体颜色是稳定的,下图所示为固有色。
![](https://epubservercos.yuewen.com/60870D/14373738304160906/epubprivate/OEBPS/Images/figure-0014-0002.jpg?sign=1739034087-vWhPo3n34k9wK1WPfxUmUfEg4jMhuM5p-0-2af67d51dda9ec9fa2078cefcebd3ab2)
固有色
●精彩案例分析
该网页运用了大面积的灰色作为背景。在减少浏览者视觉压力的同时,更加衬托了页面中的产品,强烈吸引浏览者的视觉,更让人感觉回味无穷。
该网页背景是由黄色、红色和橙色3种暖色调组成的,令人心态平稳、缓和,红色的加入为页面增添了亮点。