当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页设计中的色彩应用

HTML/XHTML教程
CSS基础:设计网页常用规范详解
CSS教程:十步学会用css建站
CSS基础:24条网页布局开发小技巧
CSS教程:在网页布局中简单实现垂直居中的办法
css基础教程:颜色和文本属性的控制
专家总结:网页设计师必须遵守的十条守则
html技巧:超级链接a的提示和打开方式
css教程:学习背景图像属性background
例说网页Semantics:Html/Xhtml是否真正符合标准
IE7与web标准设计系列教程:前言
IE7与web标准设计系列教程:更丰富的CSS选择符
IE7与web标准设计系列教程:修正引起页面布局混乱的祸首
web标准教程:IE6和IE7的共存
web标准:IE多版本共存的解决方案:IETester
CSS基础教程:认识CSS选择符
web标准:比较IE6与IE7,放纵的孩子与严厉的父亲
学好标准CSS的模型是否必须放弃IE?
CSS教程:如何处理有冲突的CSS规则
教你用html和css写出漂亮正规的Blog
CSS基础:如何避免table强迫症

HTML/XHTML教程 中的 网页设计中的色彩应用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 38 ::
收藏到网摘: n/a

1、色彩基本概念

   自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色具有三个属性:
(1)色相(Hue):

   也叫色泽,是颜色的基本特征,反映颜色的基本面貌。   
(2)饱和度(Saturation):

   也叫纯度,指颜色的纯洁程度。   
(3)明度(Brightness或Lightness或Luminousity):

  也叫亮度,体现颜色的深浅。   非彩色只有明度特征,没有色相和饱和度的区别。   
2、色彩的三原色   

         电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的,而我们可通过调整这三个基色就可以调校出其它的颜色,在许多图像处理软件里,都有提供色彩调配功能,你可输入三基色的数值来调配颜色,也可直接根据软件提供的调色板来选择颜色。  
3、电脑影像的色彩

   电脑影像的色彩是经由位元(BIT)的计算和组合而来,单纯的黑白图像是最简单的色彩结构,在电脑上用到1位元的资料,虽说只有黑色和白色,但仍能透过疏密的矩阵排列,将黑与白组合成近似视觉上的灰色调阶。

   灰阶(Grayscale)的影像共有256个阶调,看起来类似传统的黑白照片;除黑、白二色之外,尚有254种深浅的灰色,电脑必须以8位元的资料,显示这256种阶调。

    全彩(Fullcolor)是指RGB三色光所能显示的所有颜色,每一色光以8位元表示,各有256种阶调,三色光交互增减,就能显示24BIT的1677万色(256*256*256=16,777,216),这个数值就是电脑所能表示的最高色彩,也就是通称的RGBTureColor。

   8位元色是指具有256种阶调,或256种色彩的影像,而我们在常常见到GIF格式的图象文件就是带有256种色彩的图象文件。若要把24位元的全彩图片转成256色的8位元,通常必须经过索引的步骤(Indexed),也就是在原本24位元的1677万色中,先建立颜色分布表(histogram),然后再找出最常用的256种颜色,定义出新的调色盘,最后再以新色盘的256色取代原图。

  让我们看看每一位元色包含多少种颜色: 1位 2种颜色 2位 4种颜色 4位 16种颜色 8位 256种颜色 16位 65536种颜色 24位 1677万种颜色 32位 1677万种颜色和256级灰度值 36位 687亿种颜色和4096级灰度值  通常所称的标准VGA显示模式是8位显示模式,即在该模式下能显示256种颜色;而高彩色(Hi Color)显示是16位显示模式,能显示65536种颜色,也称64K色;还有一种真彩色(True Color)显示模式是24位显示模式,能显示1677万种颜色,也称16M色,这是现在一般PC机所能达到的最高颜色显示模式,在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。

   在图形制作片中我们已提到过色彩在页面中的重要性,在页面中尽量使用看上去比较淡雅、简洁的色彩;比如背景尽量少用灰暗、深沉的色彩(除非特殊需要),并且根页面的主题来选择主色调,可能有一些不搞美术的朋友不知道色彩代表的含义,请参阅下表: 红色:代表热情、奔放、喜悦、庆典 黑色:代表严肃、夜晚、沉着; 黄色:代表高贵、富有 白色:代表纯洁、简单 蓝色:代表天空、清爽 绿色:代表植物、生命、生机 灰色:代表阴暗、消极 紫色:代表浪漫、爱情 棕色:代表土地。上面举出的是几种主要色彩的含义,希望对你有所帮助。

   现在我们对色彩有了基本的了解,那么我们如何在一个网页中合理搭配色彩呢?如果你对美术比较了解,那就好办了。反之你可能要耗费较大的工夫在上面。

   首先在确定主页的题材后,要了解哪些颜色适合哪些站点。比如一个影视的站点,基本上适用任何色彩,但小B认为用黑色或其他教深的色彩为主比较好,因为人们看电视、电影一般在黑暗的环境下观看的,网页上使用深色较符合人们的习惯;反之一个介绍医院、医学的站点就要使用浅色为主色,忖托其医学站点的氛围。记住白色的页面是万能的风格。这里特别要注重的一点:页面文字的颜色切记与链接的颜色区分开来。

  在设计时,如果你有多余的时间,可以多换几种颜色试试。