浅议色彩元素在网页设计中应用.docVIP

浅议色彩元素在网页设计中应用 　　摘要：色彩元素在网页设计中起着至关重要的作用，网页设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。本文论述了网页界面中的色彩特征及网页界面的色彩设计，可作为网页设计的美化与创新的理论依据。 　　关键词：网页设计；网页界面；色彩视觉元素；色彩设计；调和 　　中图分类号:TP3 文献标识码:A 　　色彩作为传达网站形象的首位视觉要素，会在访问过网站的用户脑中留下长久的印象。即使用户无法清楚地记住自己访问过的网站的外形特征，至少能够容易地想起网站的色彩。色彩作为最直接的视觉语言，可以让使用者很容易地联想到与色彩及其相关的视觉要素。在网页设计中，色彩能提高信息浏览与分类的速度和准确度。好的色彩设计是网页设计成功的保证。 　　1网页界面中的色彩特征 　　1.1数字色彩的基本原理 　　能唤起人们色感的关键在于光，色是被光感知的结果。而数字色彩的获取与生成，与自然界的色彩不同，它离不开产生它的数字设备。早期的数字色彩获取主要是通过计算机键盘输入执行应用程序来实现，是利用计算机系统特殊的演算规律来生成图形和色彩的方法，目前有专门的学科及机构研究这种规则系统艺术。我们最为常用的数字色彩获取方法是通过扫描仪、数码相机、数字摄像机等操作简单、使用方便的设备来搜集图像及色彩。 　　1.2数字化色彩模式 　　网页设计作为新兴数字艺术的一大门类，它与传统的艺术设计在形式与方法上都有着明显的不同，其中最大的特征是几乎所有的设计都是在计算机上完成，这也使得网页界面的色彩设置与传统艺术的调色有着很大的区别。我们设计中最为常使用的数字色彩模式是RGB与CMYK模式。 　　(1)RGB色彩模式 　　我们用放大镜观察电脑显示器或电视机的屏幕，会看到数量极多的分为红、绿、蓝三种颜色的小点。电脑屏幕上的所有颜色都由红、绿、蓝三种色光按照不同的比例混合而成的，因此，红、绿、蓝被称为三原色光，英文简写为R(red)、G(green)、B(blue)。在RGB模式下，每种成分都可使用0～255的数字值：当三个值相等时，产生灰色；当三个值均为255时，为纯白???；当该值为0时，为纯黑色。RGB总共能组2563)种色彩，被称为真彩色或24位色(224次方)。 　　(2)CMYK色彩模式 　　这是一种专门针对印刷业设定的颜色标准，CMYK是代表青、洋红、黄、黑四种印刷专用的油墨颜色，通过四色油墨的变化以及它们相互之间的叠加来得到各种颜色。CMYK模型的色彩不如RGB色丰富饱满，在设计软件中部分功能将无法使用，当图像由RGB转为CMYK后，颜色会有部分损失，但它是唯一一种能用来进行四色分色印刷的颜色标准。CMYK四色通道各按百分率计算，100％时最深，0％时最浅。 　　1.3网页安全色 　　网页中的颜色会受到各种不同环境的影响，我们解决这一问题的方法就是网页安全色--即在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板)，网络安全色是当红色、绿色、蓝色值为0、51、102、153、204、255时构成的颜色组合，共有216(63)种颜色(其中有彩色为210种，无彩色为6种)。在制作网页的时候，尽量使用网页安全色进行网页配色，这样可以避免原有的颜色失真问题。 　　2网页界面中的色彩设计 　　网页设计中的色彩设计是运用色彩学的理论知识，在实际网页设计、制作中进行用色、调色、配色的技巧，是我们了解、掌握色彩理论知识的目的所在。 　　2.1网页界面色彩的对比 　　在我们的视知觉中，所谓色彩对比是当两种或两种以上的色彩在一起相互关联，对视觉产生的影响，显示出的差别现象。网页界面的色彩对比主要体现在： 　　(1)将不同色相并立在一起产生的对比称为色相对比，通过色相对比使各方色彩的特征更为凸显。色相对比的程度取决于色相在色环中的位置关系：两色相间角度越小，呈现的色相的对比越弱。强对比中色彩丰富、饱满，但不安定，适用于在短时间内给人强烈印象的网站首页。 　　(2)将不同明度的两色放置在一起将出现明暗的对比现象称为明度对比，明度对比后明的更明、暗的更暗。色彩明度的差别可以是同种色相自身的明度差异，也可以是多色相的明度关系。色彩中无色彩黑白灰的明度关系非常重要，它们不同程度的明度对比能够呈现出多种色调变化，产生伞问感、层次感等，使我们的网页设计更为独特、生动。 　　(3)将不同纯度的色彩并置，使鲜的更鲜、浊的更浊的对比方法称为纯度对比。这种对比较之明度对比与色相对比更为柔和、含蓄。控制好色彩纯度对比关系，有助于我们营造各种不同的界面视觉的氛围，调动浏览者不同的思维情感。 　　(4)将两种属性的色彩并置会产生冷暖关系，冷暖色的对比，会使冷暖感更加明显。这里的冷暖不能用物