网页配色从入门到精通
上QQ阅读APP看书,第一时间看更新

1.1 色彩入门知识

在人类赖以生存的地球上,人们每天的生活都被各种各样的色彩包围着,色彩使得周围的环境更加妙趣横生、丰富多彩。如果世界上没有光,人类所看到的一切都是黑色的。因为有了光,色彩才会出现。

1.1.1 色彩的产生

在日常生活中,充满各种各样的色彩。从光学的角度来说,世界上的一切物体之所以会出现不同颜色,是因为光源照射。

提示:既然光是色彩存在的必备条件,那么色彩产生的理论过程为:光源(直射光)——物体(反射光、投射光)——眼(视神经)——大脑(视觉中枢)——产生色感(知觉)。

我们日常所见到的白光,是由红、绿、蓝3种波长的光组成的,在同一种光线条件下,经由人的眼睛,传达到大脑形成了我们所看到的各种不同的颜色,反射光不同,眼睛就会看到不同的色彩。由此看来,物体的颜色就是它们反射的光的颜色,如下图所示。

提示:nm是一个长度单位,意思就是纳米的意思,1纳米的长就是:10-9米。也就是10亿纳米等于1米。

1.1.2 光源色、物体色和固有色

光源可以分为两种:一种是自然光,如太阳光等;另一种是人造光,如蜡烛光、灯光等。物体色是光被物体反射或透射后的颜色。所以,光源色和物体色有着必然的联系,如下图所示。

提示:由此可以得出以下结论:没有光就没有色,不同的光可以产生不同的色;不同的物体对各种光照的反映不同。

正常

绿色光

红色光

1 光源色

各种光源发出的光,由于光波的长短、强弱、光源性质的不同,呈现出的颜色也不同,这种不同的色光被称为光源色。如一张白纸,在红光下呈现红色,在白光下呈现白色。像霓虹灯、饰灯等的光线都可以直接进入视觉,如下图所示。

阳光

灯光

●精彩案例分析

该网页以蓝色渐变为背景色,蓝色可以给人一种沉稳、理性、踏实的感觉,加上黄色点缀,突出主题。

以黄色为主调色,而且使用了大量的渐变色,使黄色既带给浏览者明朗愉快的感觉,又不会过分夸张。

提示:光源具有很多属性,如波长的强弱、性质等。因此,得到的色彩也不同,不同光照射在相同颜色的物体上,呈现的颜色是不同的。当夕阳照射不同的物体时受到光源色的影响,呈现出浓郁的橙黄色。

2 物体色

日常所见的非发光物体会呈现出不同的颜色。它是由光源色经过物体的吸收反射,反映到视觉中的光色感觉,这些感觉到的色彩称为物体色,如动植物的颜色、服装的颜色和建筑的颜色等。物体分为透明体和不透明体两种,透明体呈现出的色彩由它所能透过的光决定,而不透明体呈现的色彩是由它反射的色光决定的,下图所示为物体色。

植物颜色

物体颜色

●精彩案例分析

该网页使用高纯度低明度的对比冷暖色调进行对比配色,使网页画面颜色艳丽丰富。

该网页背景由橙色渐变到黄色,给人一种平稳、亲和的感受,红色的点缀丰富了网页色彩。

3 固有色

固有色,就是指物体在正常阳光下呈现出的固有色彩效果。自然界中的一切物体都有其固有的物理属性,它对入射的光都有固定的选择吸收特性,即具有固定的反射率和透射率。人们在标准的日光下看到的物体颜色是稳定的,下图所示为固有色。

固有色

●精彩案例分析

该网页运用了大面积的灰色作为背景。在减少浏览者视觉压力的同时,更加衬托了页面中的产品,强烈吸引浏览者的视觉,更让人感觉回味无穷。

该网页背景是由黄色、红色和橙色3种暖色调组成的,令人心态平稳、缓和,红色的加入为页面增添了亮点。