网页设计论文

您当前的位置:学术堂 > 计算机论文 > 网页设计论文 >

网页配色的技术手段探析

来源:学术堂 作者:姚老师
发布于:2015-07-08 共3188字
摘要

  “远看色,近看花,七分颜色三分花。”色彩为网页提供了最有效的表述语言,同时也是最重要的表现方式,色彩是网页之魂。20世纪90年代,互联网兴起,网页设计随之发展起来。早期网络的带宽很有限,因而网页上多为对纯文本的编辑,图片很少,彩图更少。在色彩搭配方面,先前的网页设计只需考虑文字与所处背景之间的色彩对比,即“图”与“底”之间的对比效果。

  只要字色与底色之间有足够的反差,能够辨识清信息即可。互联网技术飞速发展,网络信息时代随之而来,网页上所传递的信息、表达的形式、表现的元素都日益丰富起来。Web标准出现后,各种多媒体表现形式占据了网页的幅面,各种彩色图片、动画视频等素材越来越多,大有顶替文字之势。随着需求量的增大与技术的日趋成熟,网页设计逐渐从平面设计领域中独立出来,自成一派,色彩的搭配设计无疑是其中的重要环节。

  一、网页设计中的色彩原理及特性

  色彩是网页设计中不可或缺的重要元素,也是最具情绪感染力和视觉冲击力的要素。色彩在视觉信息的传递方面独具优势,合理的配色能加速网络信息浏览。人眼在捕捉信息的时候,色彩的差异要比字体的变化更有利于关注度的提高。测试表明,在进行网页浏览时,屏幕上的色彩是带给人们的最初印象。观者对颜色的反应不止停留在表象上,还有更深的心理层面,它能因人、因地、因事而异引发强烈的心理共鸣,最初从视觉感性着手,引导网络用户对网页甚至整个网站进行价值判断。

  在网页这一特殊的显示平台中,色彩的合理搭配并不是一件容易的事。在显示器中所看到的网页的色彩会随着显示器硬件的不同及显示环境的变化而变化,将这些因素考虑周全,才能在色彩设计中游刃有余。了解网页色彩显示的软硬件环境是必备前提,掌握色彩的基本原理也是必须的,在此基础之上才能逐步学习配色技巧。8位元色彩能够表现出256种色彩,常说的真彩是指24位元色彩,即2563=16777216种色彩。在网页设计中进行色彩的指定时,主要运用16进制数值的表示方法,也就是用HTML色彩表现RGB色彩,RGB的数值范围为0~255,改为HTML的16进制后用00~FF表示,再按R、G、B的顺序排列就成为HTML色彩编码。

  二、网页色彩显示的技术基础

  在进行色彩呈现时,所有设备均无法准确显示人眼可见色彩的完整范围。各种输入、输出设备都只能在一定的色域范围内工作。网页采用的是RGB色彩模式,印刷领域则采用CMYK色彩模式。这两种色彩模式均做不到显示肉眼可见的全部颜色,两种色彩系统之间又都包含有对方所没有的色彩。两者相比,RGB模式的色域更广一些,相应的表现力也就更强一些。但这并不意味着网页色彩具有多大的表现优势,网页上的颜色必须通过电脑的操作系统及所用的浏览器显示在屏幕上。无论操作系统还是浏览器都有其各自的调色板,当需要展现的颜色与调色板上的颜色有差别时,会自动选用最接近的颜色替代。

  正因为如此,网页的最终显示效果与设计方案相比往往会出现偏色现象。

  网页是一个较为特殊的显示环境,在网络已成为大众日常生活中不可忽略的组成部分的今天,在进行网页色彩设计时,视觉污染尤其要注意避免,这与当今社会“绿色设计”的理念相吻合。网页的色彩设计要充分考虑到观者的视觉生理需求,其最基本的要求是保证视觉上的舒适感。由于RGB是加色法色彩模式,而CMYK是减色法色彩模式,所以显示器的色彩显示亮度比纸张要高,因此浏览网页时更易产生视觉疲劳。纯度过高的色彩同样对人眼刺激较强,容易引发视觉疲劳。合理的色彩搭配设计可以有效地缓解上网时视觉上的不适,从而改善网络视觉效果。网页设计人员在营造舒适的网络色彩环境中起着决定性的作用。

  三、网页配色的技术手段

  (一)数字色彩模式类型
  
  不同形式色彩的显示基本原理是不一样的,这就是不同色彩模式的成因。数字色彩的模式主要有以下几种:

  1.RGB模式

  RGB色彩模式是各种数字输入、输出设备所采用的颜色系统,它是工业界的一种色彩标准。这一标准几乎涵盖了人眼所能感知到的所有颜色,目前运用最为广泛。浏览网页必须通过显示器,显示器所显示的颜色属于色光色,电子枪打在屏幕的红、绿、蓝三色发光极上,通过色光三原色红(Red)、绿(Green)、蓝(Blue)的混合显示不同色彩。颜色经过色光混合后,明度一般会提高,所以在网页显示中,红色更艳,绿色更翠,蓝色更亮。超现实的视效当然更易搏得观者的眼球,但其显示的色彩却是失真的。

  2.CMYK模式

  这是一种印刷模式的色彩,在印刷业中,它就是行业色彩标准。C、M、Y、K这4个字母分别代表青(Cyan)、洋红(Magenta)、黄(Yellow)、黑(Black),它们是在印刷中专用的4种油墨颜色,也是Photoshop软件中4个通道的颜色。在印刷领域中,该色彩模式是通过控制四色油墨在纸张上的相叠印刷以产生不同的色彩。CMYK模式的色彩模拟的是现实生活当中的颜色,因而其优势是能够较为真实地再现现实色彩。与RGB模式相比,其色域较窄,色彩的明度较低,纯度也不高。

  3.Lab模式

  国际照明委员会(CIE)最早发布了这种色彩模式,在设计软件中常用它来从一种颜色模式向另一种颜色模式进行转换。

  比如将RGB模式转换为CMYK模式,为了最大限度地减小转换过程中颜色的损失,一般是先将RGB模式转换为Lab模式,然后再从Lab模式转变到CMYK模式,因为Lab的色彩范围包括了RGB与CMYK的全部色域。而且Lab模式的色彩是独立于设备之外的,颜色的显示效果不会因硬件的物理特性而受到影响。

  4.HSB模式

  在这种色彩模式中,H代表色相,B代表明度,S代表纯度。它基于肉眼对色彩的感觉,而非基于电子显示设备的RGB模式,也不基于输出设备的CMYK模式。

  5.GrauScale模式

  也叫做灰度模式,这是一种灰度层次的色彩模式,可以分为256级。控制灰度的唯一色彩要素就是明度,所以这种模式的图像的色彩很单调,正因为如此,其图像文件就会比较节省存储空间。了解以 上 五种 色 彩 模 式 的 显 示原 理 及特 性,是 进 行 色彩 模式的转换及色彩修正的前 提。在点阵图像 处 理软件(如Photoshop)中,每进行一次图像色彩模式的转换,原图像的色彩细节都将有所损失,因此,不要轻易将图像的色彩模式来回转换。

  (二)网页安全色

  了解了“数字色彩”的原理之后,我们知道网页中色彩显示的最终效果会受到各种硬件设备和软件程序的影响。即使网页的色彩搭配方案已经足够合理、悦目,也会因各种客观因素而出现偏色。216网页安全色能够解决这一问题。网页安全色是指在不同硬件配置、操作系统平台与浏览器软件中均能够正确显示的色彩的集合。当红(R)、绿(G)、蓝(B)的数值分别为0、51、102、153、204、255时,共有63=216种色彩,这些就是网页安全色。

  其中有彩色为210种,无彩色为6种。在网页配色时严格使用216种网页安全色,可以很好地掌控网页的色彩环境,从而有效避免原有色彩的失真问题。[3]

  (三)网页设计配色软件

  网站页面的色彩搭配是网页设计师需要着重花费精力去探索研究及必须解决的问题,因为不同客户对色彩的理解、认识和需求是不一样的。为了缓解设计师关于网页配色的困扰,市场上陆续出现了如ColorImpact、ColorKey等一些配色辅助软件,这些软件可以很好地帮助设计师进行色彩的搭配。[4]

  ColorKey所采用的配色标准是“孟塞尔(Munsell)”色彩系统,同时结合了Adobe标准的色彩空间转换系统。此配色辅助软件采用了和标准图形图像处理软件(如Photoshop、CorelDRAW等)相兼容的色彩分析、处理模式,并在此基础上独创了配色生成模式。

  四、结 语

  对于浏览者来说,打开网页,色彩的注目性是第一位的,不和谐的色彩搭配不会使网民有兴趣阅览,哪怕内容再好。网页的色彩设计是当今信息化的多媒体时代按需所提出的新研究领域,极具理论和现实意义。

  参考文献:
  [1]陈琪莎。色彩设计在网页中的实际应用[J],包装工程,2006:6.
  [2]杨旭兰。色彩在网页设计中的应用研究[D],南京:南京林业大学,2009.
  [3]张晓景蓍。网页配色万用宝典[M].北京:电子工业出版社,2010.
  [4](美)杰夫·卡尔森等着,张敬娟译。最佳网页设计色彩[M].北京:中国轻工业出版社,2001.

相关内容推荐
相关标签:
返回:网页设计论文