中华网校

系列网站: 中华网校 | www.网校.com | 3D模型 | 中华网校教育

电脑网校 | 业界新闻 | 职业网校 | 网校宝典 | 软件下载 | 网校论坛 | 网校联盟

电脑入门 | 网页设计 | 网络编程 | 图形图象 | 三维空间 | 多媒体 | 程序语言 | 操作系统 | 系统专题 | 办公应用 | 软件宝典 | 硬件天下 | 

 

您的位置:首页 >> 网页设计 >> 网页设计技巧 >> 色彩设计 >> 新闻正文

网页图形格式入门  

作者:  时间:2002-4-26  来自:  责任编辑:  阅读次数:

如果你自己做过网站,那么你一定要懂得图形设计。为了帮助大家在
网页能更加地得心应手制作出理想的图片,我写这篇文章希望能对大家有
所帮助。

  色频与空间

  电脑上所显示的图像说穿了不过是一些彩色色点的组合。但是在电脑
二进位式的语言中,其实红色或是紫色的差?对于电脑是不具任何意义的
。那么电脑又是如何识别不同的色彩呢?答案就在于每个与视觉相关联的
软硬件都使用了某种特定的色彩空间--一种以数量来表现色彩的方式。

  我们最常见的色彩空间表示法莫过于RGB了,因为我们的显示器也是采
用这种色彩表示法。我们的显示器在屏幕上投射出不同强度的红、绿、蓝
光--因此RGB可展现完整的色调与明暗。RGB将各种色彩以3个数目来表示,
我们称之为色频。这些色频定义了从0 (黑色)到255 (最饱和)不同程度的
红蓝绿三色。

  你可以结合这些不同的色频制造出新的色彩--就像在调和颜料一样。
混合红色光和绿色光会出现黄色光;混合绿色光和蓝色光会变成青色光而
混合蓝色光和红色光则会出现紫色光。如果你将两种不等量的色频混合在
一起就会创造出第三种介于两者之间的新色彩。(例如,将255的红色混合
一点少量绿色就会出现橘色了)。

  以上所显示的色彩混合的方式可以创造出纯粹而明亮的色调。在RGB这3
个色频中任意混合3个数值相同的色彩会演变出从黑色到(3个色频都为0时)
白色(3个色频都为255时)不同色阶的无色彩。因此当RGB 3个数值越相近时
越接近无色彩:同时增加相同的RGB数值,会越接近白色,使图像看起来比
较灰白。而任意将图像中较突出的RGB值减少,会使色彩变得比较黑,图像
变得比较阴暗。综合以上两点--我们将所有的RGB值设定在0以上255以下又
会发生什么情况呢?--色彩会接近灰色,图像的色调会变得比较柔和。

  如果你已经非常习惯用RGB了,那么当你需要使用某些色彩时,只要凭
直觉就可以立刻找到了。

  其它的色彩空间

  大多数的绘图工具中都包括HSB的调整项目(色调-饱和度-亮度),借此
可以让你更容易地了解色彩混合的原理。色调指的是在一个360度的色轮上
红色坐标为0,绿色坐标为120,蓝色坐标为240的位置。饱和度和亮度则是
以百分比来表示--百分之百的饱和度和亮度所呈现出的是纯粹的色调,而
分别加入了黑色与白色之后,两者都会降低为0。

  相比较于RGB,CMYK是将印刷于纸张上的色彩以不等量的青、洋红、蓝
和黑色共四色来表示。实际上CMYK四色在色彩的表现上准确度会高于许多
显示器所能达到的程度,因此它非常适用于高品质的印刷作品。

  色彩深度(Color Depth)

  RGB将每个色频分成0到255个不同的色阶,因为这是8位所能获得的极
限,而8个位元就可以构成1个组。用来表示色彩的资料量成为色彩深度。

  当我们在处理网页上所使用到的图片时,色彩深度对以下这两个项目
来说尤其重要:其一是显示器的色彩深度,另一个是储存图像时文件的色
彩深度。显示器的色彩深度依照硬件显示设备所支持的能力以及软件驱动
程序的结构而有所差异。操作系统通常会在控制面板的显示器设置项目中
让使用者设置需要的色彩深度。文件的色彩深度则根据图像储存时文件格
式的不同而有差异。

  全彩

  虽然一般典型的RGB使用的是3个8位的色频,但是你也可以将它改成24
位的色彩深度。这个时候我们将24位元的彩色称为全彩。全彩的显示器能
将每个像素的色彩准确地显示出来。通常我们可以在显示器的设置项目中
找到全彩的设定值。虽然全彩可以扩充到高达16,777,216色,但是它通常
是以“百万色”来表示。同样,全彩的图像可以忠实的将所有的色彩纪录
下来。

  高彩

  全彩所包含的色调远多于人的肉眼所能分辨的数量,因此大多数的操
作系统都提供16位元高彩的选项(在麦金塔操作系统中是以“数千色”表示)
。实际上在高彩中,显示器只能呈现出32种不同程度的红色、32种蓝色和64
种绿色。而这些不同程度的红、蓝、绿色在视觉上几乎无法分辨出来,但
是如果我们将色彩深度降到16位一个像素时,就可以看出色彩的差异了。
而且当电脑的显示系统设定位高彩时并不会影响到图像的质量:大多数的
绘图程序,例如Photoshop或是浏览器仍然使用24位的数值。这些色彩资料
只有在显示器上浏览时才被砍掉。这也是为何高彩的图像一直无法普遍的
原因。

  索引色

  一些比较老旧的电脑相关硬件和文件格式只能处理8位的像素。3个色
频在8位的显示设备上所能表现的色彩范围实在是太少了,因此8位的显示
设备通常会使用索引色来表现色彩。当你使用索引色时,显示系统或是图
像文件通常会伴随着256色的色彩一览表或调色盘。系统会根据每个像素的8
位数值辨认出所使用的色彩有哪些。索引色会让8位的显示设备和图像自己
去模拟全彩,因位调色盘的色彩深度位24位。

  使用索引色的图像文件会伴随一个显示所有图像色彩的色盘,而8位的
硬件显示设备也会伴随着一个可显示出所有支持色彩的色盘以供对照。通
常当系统在索引色的状态下执行工作时,系统中的每个应用程序都会伴随
一个专用色盘。因此当我们在打开、转换或者关闭其中任何一个程序时,
屏幕上所显示的色彩都会出现暂时性的改变。

  抖色与反锯齿

  实际上我们用来绘制或浏览图片的应用程序往往因为硬件的不足而无
法发挥最大的效用。举例来说,当图像的色彩太丰富或太细致以至于图像
中的色彩像素无法表现时,现实器便无法现实完整的图像全貌。这个时候
就必须用上“抖色“(dithering)和“反锯齿”(antialiasing)的功能了。

  抖色

  256色的显示器和图像文件可以借由抖色的方式模拟出多于256色的图
像。它可借这这种方式将各种由像素所构成的图案加以扩散,接近成你我
想要的色彩。抖色的方式通常被用在操作系统和具有浏览功能的应用程序
上,像是在8位的显示器上使用浏览器时就很需要。另外像是图像编辑器也
是用抖色的方式将全彩的图像转换成索引色。但是由于在某些状态下使用
抖色反而会使图像看起来更糟,于是大多数的图像编辑器都把这项功能列
为选项之一罢了。有?于抖色的另一种色彩表现法就是色彩取代。它所使
用的方式是采取色盘中的最接近色来替代原先应该使用的原始色彩。

  反锯齿

  如果将色彩深度的考虑排除在外,那么所有的电脑都是将像素以小方
格的形状表现。但是这种方式并非适用于所有的图像--至少对于“非格状”
的图像就有问题。如果我们非常严谨的将像素加以分割开来,那么就会出
现所谓的锯齿。因此某些图像处理软件会使用反锯齿功能将图像变得平滑
。反锯齿会制造平滑的非水平与非垂直的分界线来补足色彩与色彩之间的
缝隙。

  如果我们将一个图像经过反锯齿状作用处理前后的样子加以比较的话,
我们可以非常清楚的发现经由“反锯齿状作用”后的图像会呈现比较平滑
且清晰的效果。经过反锯齿处理的图像看起来不但比较专业而且图像边缘
也比不会有参差不齐的情况发生。一般来说,图像编辑器中的这个选项的
重复性很高,几乎大部分的图像处理过程中都会用到这个选项。不过在使
用时倒是要提醒你一点,那就是要使用反锯齿处理的图像一定要具备足够
多的色彩才足以摆平这些需要修补的范围。

相关文章 最新文章 推荐文章
网页设计中文字颜色的搭配技巧
网页色彩的搭配
色彩,网站风格之魂

  中华网校依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请即时与我们 联系, 注明网址及文章,我们会即时处理或删除,感谢您的合作!中华网校email
  中华网校由广州市中六电脑城智锐计算机专业培训学院及中华网校技术中心提供网络支持未经本站许可任何个人网站、书刊报社一律不得私自复制,转载本站内容!

关于中华网校 | 广告服务 | 版权声明 | 投稿指南 | 网站合作 | 友情链接 | 网站地图

 

版权所有 中华网校 & 智锐网校 1999-2004 COPYRIGHT (C) 1999-2004 www.ZhiRui.com ALL RIGHTS RESERVED

 
/**/