网页配色的技术手段探析,网页设计论文.docx

《网页配色的技术手段探析,网页设计论文.docx》由会员分享，可在线阅读，更多相关《网页配色的技术手段探析,网页设计论文.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页配色的技术手段探析,网页设计论文远看色，近看花，七分颜色三分花。 色彩为网页提供了最有效的表述语言，同时也是最重要的表现方式，色彩是网页之魂。20世纪90年代，互联网兴起，网页设计随之发展起来。早期网络的带宽很有限，因此网页上多为对纯文本的编辑，图片很少，彩图更少。在色彩搭配方面，先前的网页设计只需考虑文字与所处背景之间的色彩比照，即 图 与 底 之间的比照效果。 只要字色与底色之间有足够的反差，能够辨识清信息即可。互联网技术飞速发展，网络信息时代随之而来，网页上所传递的信息、表示出的形式、表现的元素都日益丰富起来。Web标准出现后，各种多媒体表现形式占据了网页的幅面，各种彩色图片、动画视

2、频等素材越来越多，大有顶替文字之势。随着需求量的增大与技术的日趋成熟，网页设计逐步从平面设计领域中独立出来，自成一派，色彩的搭配设计无疑是华而不实的重要环节。 一、网页设计中的色彩原理及特性 色彩是网页设计中不可或缺的重要元素，也是最具情绪感染力和视觉冲击力的要素。色彩在视觉信息的传递方面独具优势，合理的配色能加速网络信息阅读。人眼在捕捉信息的时候，色彩的差异要比字体的变化更有利于关注度的提高。测试表示清楚，在进行网页阅读时，屏幕上的色彩是带给人们的最初印象。观者对颜色的反响不止停留在表象上，还有更深的心理层面，它能因人、因地、因事而异引发强烈的心理共鸣，最初从视觉感性着手，引导网络用户对网页

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

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

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

6、用。 三、网页配色的技术手段 一数字色彩形式类型 不同形式色彩的显示基本原理是不一样的，这就是不同色彩形式的成因。数字色彩的形式主要有下面几种： 1.RGB形式 RGB色彩形式是各种数字输入、输出设备所采用的颜色系统，它是工业界的一种色彩标准。这一标准几乎涵盖了人眼所能感悟到的所有颜色，当前运用最为广泛。阅读网页必须通过显示器，显示器所显示的颜色属于色光色，电子枪打在屏幕的红、绿、蓝三色发光极上，通过色光三原色红Red、绿Green、蓝Blue的混合显示不同色彩。颜色经过色光混合后，明度一般会提高，所以在网页显示中，红色更艳，绿色更翠，蓝色更亮。超现实的视效当然更易搏得观者的眼球，但其显示的色

7、彩却是失真的。 2.CMYK形式 这是一种印刷形式的色彩，在印刷业中，它就是行业色彩标准。C、M、Y、K这4个字母分别代表青Cyan、洋红Magenta、黄Yellow、黑Black，它们是在印刷中专用的4种油墨颜色，也是Photoshop软件中4个通道的颜色。在印刷领域中，该色彩形式是通过控制四色油墨在纸张上的相叠印刷以产生不同的色彩。CMYK形式的色彩模拟的是现实生活当中的颜色，因此其优势是能够较为真实地再现现实色彩。与RGB形式相比，其色域较窄，色彩的明度较低，纯度也不高。 3.Lab形式 国际照明委员会CIE最早发布了这种色彩形式，在设计软件中常用它来从一种颜色形式向另一种颜色形式进行

8、转换。 比方将RGB形式转换为CMYK形式，为了最大限度地减小转换经过中颜色的损失，一般是先将RGB形式转换为Lab形式，然后再从Lab形式转变到CMYK形式，由于Lab的色彩范围包括了RGB与CMYK的全部色域。而且Lab形式的色彩是独立于设备之外的，颜色的显示效果不会因硬件的物理特性而遭到影响。 4.HSB形式 在这种色彩形式中，H代表色相，B代表示清楚度，S代表纯度。它基于肉眼对色彩的感觉，而非基于电子显示设备的RGB形式，也不基于输出设备的CMYK形式。 5.GrauScale形式 也叫做灰度形式，这是一种灰度层次的色彩形式，能够分为256级。控制灰度的唯一色彩要素就是明度，所以这种形

9、式的图像的色彩很单调，正由于如此，其图像文件就会比拟节省存储空间。了解以 上 五种 色 彩 模 式 的 显 示原 理 及特 性，是 进 行 色彩 形式的转换及色彩修正的前 提。在点阵图像 处 理软件如Photoshop中，每进行一次图像色彩形式的转换，原图像的色彩细节都将有所损失，因而，不要轻易将图像的色彩形式来回转换。 二网页安全色 了解了 数字色彩 的原理之后，我们知道网页中色彩显示的最终效果会遭到各种硬件设备和软件程序的影响。即便网页的色彩搭配方案已经足够合理、悦目，也会因各种客观因素而出现偏色。216网页安全色能够解决这一问题。网页安全色是指在不同硬件配置、操作系统平台与阅读器软件中均

10、能够正确显示的色彩的集合。当红R、绿G、蓝B的数值分别为0、51、102、153、204、255时，共有63=216种色彩，这些就是网页安全色。 华而不实有彩色为210种，无彩色为6种。在网页配色时严格使用216种网页安全色，能够很好地掌控网页的色彩环境，进而有效避免原有色彩的失真问题。3 三网页设计配色软件 网站页面的色彩搭配是网页设计师需要着重花费精神去探寻求索研究及必须解决的问题，由于不同客户对色彩的理解、认识和需求是不一样的。为了缓解设计师关于网页配色的困扰，市场上陆续出现了如ColorImpact、ColorKey等一些配色辅助软件，这些软件能够很好地帮助设计师进行色彩的搭配。4 C

11、olorKey所采用的配色标准是 孟塞尔Munsell 色彩系统，同时结合了Adobe标准的色彩空间转换系统。此配色辅助软件采用了和标准图形图像处理软件如Photoshop、CorelDRAW等相兼容的色彩分析、处理形式，并在这里基础上独创了配色生成形式。 四、结 语 对于阅读者来讲，打开网页，色彩的瞩目性是第一位的，不和谐的色彩搭配不会使网民有兴趣阅览，哪怕内容再好。网页的色彩设计是当今信息化的多媒体时代按需所提出的新研究领域，极具理论和现实意义。 以下为参考文献： 1陈琪莎。色彩设计在网页中的实际应用J,包装工程，2006:6. 2杨旭兰。色彩在网页设计中的应用研究D,南京：南京林业大学，2018. 3张晓景蓍。网页配色万用宝典M.北京：电子工业出版社，2018. 4美杰夫 卡尔森等着，张敬娟译。最佳网页设计色彩M.北京：中国轻工业出版社，2001.