自然界中有许多种色彩,如香蕉是黄色的,天是蓝色的,橘子是橙色的……色彩多种多样,千变万化。
为了能更好地应用色彩来设计网页,首先来了解色彩的基本概念。自然界中的色彩千变万化,但是最基本的有3种——红、黄、蓝,其他的色彩都可以由这3种色彩调和而成,所以这3种色彩称为“三原色”。平时我们看到的白色光,经过分析可以在色带上看到,它包括红、橙、黄、绿、青、蓝、紫7种颜色,如图3-1所示。
· 邻近色:色环中相邻的3种颜色,邻近色的搭配给人的视觉感觉很舒适,很自然,所以邻近色在网站设计中极为常用,如图3-2所示。
图3-1 白光被分解后的7种主要颜色
· 互补色:色环中相对的两种色彩,如图3-3所示的亮绿色和紫色、红色和绿色、蓝色和橙色等均为互补色。对于互补色,调整一下补色的亮度,有时候是一种很好的搭配。
图3-2 邻近色
图3-3 互补色
· 暖色:如图3-4所示的黄色、橙色、红色等都属于暖色系。暖色与黑色调和可以达到很好的效果。暖色一般应用于购物类、儿童类网站等,用于体现商品的琳琅满目,儿童类网站的活泼、温馨等。
图3-4 暖色
· 冷色:如图3-5所示的绿色、蓝色、紫色等都属于冷色系。冷色与白色调和可以达到一种很好的效果。冷色一般应用于一些高科技网站,主要表达严肃、稳重的效果。
图3-5 冷色
网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说,这些颜色在任何终端浏览,显示设备上的显示效果都是相同的。所以,使用216网页安全色进行网页配色,可以避免原有的颜色失真,如图3-6所示为网页安全色列表。
只要在网页中使用216网页安全色,就可以控制网页的色彩显示效果。使用网页安全色的同时,也可以使用非网页安全色。
图3-6 网页安全色