色彩搭配技术在检察信息网站设计中的应用

阳勇林

（桂林市叠彩区人民检察院，广西 桂林 541001）

网页设计中，每一种色彩和色彩组合都有着不同的含义，这些含义本身又有着不计其数的应用方式。色彩的应用方式和搭配方式对检察信息网站的设计效果有着重要的影响。但在实践中，网页色彩的选择和搭配往往是设计过程中最容易让人忽视的一个环节，因此，在对检察信息网站的设计过程中，除了要把握网页的整体风格和布局之外，更要在网页的色彩应用上下足功夫，让网页的用色和检察信息网站的内容和品味相符，在给人以强烈的视觉效果和深刻的心理感受的同时，更好地烘托出检察网站的庄重又不失高雅的视觉氛围。

1 为保证检察信息网站色调的整体性和统一性可以采用的主色调

网页设计是技术与艺术的结合，它结合诸多学科领域的知识。在网页配色方面，设计者无论使用丰富的颜色还是简单的颜色，都务必要把各种颜色的特性发挥至极致。一方面，要避免使用枯燥而毫无变化的单一颜色，另一方面也不能在网页上布施各种不同的颜色，让网页陷入花哨轻浮的泥沼【1】。

一个成功的网页必然会有一种或两种主色调来明确其主题和所要传达的信息，它一般是网站标识、标题或者主要菜单的色彩，给人一种整体统一的感觉。而其他的辅助色调即便存在也应在整个网页中占据较小的比例，只对整个网页的色彩起到调和的作用。辅助色调通常是跟主色调相临近的颜色或者直接是主色调的对比色，它唯一的作用就是让主色调流畅地贯穿整个页面。

检察信息网站一般都会采用红色或者是橙色作为网页的主色调，红色是一种充满激情并且是情感特别强烈的色调，其内涵既可以是勇气与热情也可以是力量与自信，它与传统用色中的蓝色、青色等中性色调相比，会给人截然不同的强烈感觉。信息网站可以大量使用红色，并可以使用红色醒目标题的独特设计，会让红色的力量与占主导作用的大标题产生共鸣，从而使红色所代表的信心隐约可见，网站所体现出的自信在其主题上也必然显露无遗。使用红色最佳的方式就是浓墨重彩地渲染，辅助色调即便要使用，也要尽量避免冲淡红色的设计效果，设计者不要担心大量使用红色会破坏网站的色调的平衡状态，相反，特别醒目的红色网站元素必将充分反映出网站的信念与权威。

橙色也是一种比较强烈的色调，虽不如红色那么鲜明和醒目，而且由于其灵活性，缺乏创新的使用很容易让橙色的应用落入俗套，但应用它绝对极具挑战性。检察网站的设计者一旦要考虑使用橙色作为网站的主色调，可以参照红色调的布置方式，并应该在保证一定的专业性、严肃性和趣味性的同时，营造出一种友好和时尚的氛围。

当然，也并非一定要使用红色这种积极、亮眼的色调来作为检察信息网站的主色调，这样也不利于区分各检察机关信息网站的独特个性。相反的，在强调激扬共性的同时，也可以使用与两色截然相反的淡色调来彰显自己的个性。淡色调不像亮色那样主动、耀眼，它比较内敛、精妙。能够让网站呈现冷静的姿态，使人感觉典雅、轻松，给人耳目一新的感觉。表示中性色调的淡青色与淡蓝色，以及它们与白色的混搭将是这种色调的代表。使用淡色调可以很容易地突出某个主题，或者网页的某个部分，即网页中区别于淡色调的饱和色调将会很快吸引住浏览者的眼球，这是这一风格的重要特点。而且，淡色调特别容易营造一种高雅、朴素的气氛，特别容易给人留下美好的第一印象。检察信息网站如果很好地使用了淡色作为主色调，浏览者甚至可以透过网页的淡色调了解到检察机关谦逊、朴实的一面，打破了那种高高在上的不良形象，从而能使网站更好地贴近民众。

一般情况下，不考虑采用黑色和灰色作为检察信息网站的主色调，尽管黑色也是力量感较强的颜色，它的视觉冲击力也几乎和红色一样强大，由于它所代表的内涵包含邪恶、悲伤、叛逆等负面信息，大面积地使用黑色甚至会造就压抑恐怖的氛围。因此，笔者不建议使用黑色作为代表正义、激扬的检察网站的主色调。此外，灰色、黑色与白色、灰色与白色搭配也不建议作为主色调使用，它们在渲染现代设计和科学技术的情形下使用比较合适，但不利于渲染公平正义的氛围。

2 在选定主色调后，辅助色的选择时要注重网站整体色调搭配的稳定性和协调性

在计算机中，颜色由一种称为像素的发光点构成，每个像素点把光的三原色 R（红）、G（绿）、B（蓝）按照一定科学原理组合成各种色彩，这就是通常所说的RGB颜色模型。一个像素点包含8位（bit）信息量，共可存储28=256个颜色值，其中0是全暗状态，255是全亮状态。网页的安全色彩就是以8位256色为基础，去除在网页浏览器中表现的40种颜色后所剩下的216种颜色。因此，在设计网页配色的同时，为了保证所有在设计时的颜色都能在运行时正常显示，设计者必须使用这216种网页安全色进行配色。

另一种常用的色彩计算模型被称为：HSB模型。它采用色度、饱和度和亮度来定义和描述色彩。色度是不同色彩混合后产生的数以万计种颜色；饱和度是色彩的鲜艳程度和它最大可能的鲜艳程度的比值；亮度是色彩的明亮程度。颜色越不饱和，看起来越淡，饱和度为0时表示完全没有颜色。把色度、饱和度和亮度结合起来，就可以创造出任何一种肉眼可见的颜色【2】。

要想把各种颜色有效地调和起来，就需要制定一个调色规则，例如，在用同一色系的色彩着色某种网页元素时，可以按照只变换色彩的明度或饱和度，或者维持一定的明度和饱和度，只变换色度方法。使用同样的颜色，变换饱和度差异或明度差异是简单又有效的配色方法。

在配色中，最重要的莫过于整体的平衡性。例如，为了强调标题使用与标题色对比强烈的图像或色彩作为标题的背景，用以突显标题。切忌采用单纯色调而没有明暗对比变化，而且最好有中间辅助的色彩进行衬托，这样才可以使色彩达到均衡的效果。网页的色彩不能偏于一方，例如，页面中间如果有大块色域，四周就一定要有小色域进行辅助，这样色彩调配才可以相辅相成，避免整体效果失重【3】。

（1）以红色为主色调的配色方案

红色在可视光中的波长是最长的，它使人联想到火与血，使人热情高涨，给人强烈的视觉冲击，是备受瞩目和极度吸引人的颜色。它通常象征着热情、自信、权威等。信息网页的大标题、网页主菜单、各功能菜单、和网页底部的页脚部分可以考虑使用使用红色作为主色调，突出网站的力量主题。

红色与少量黄色相搭配，会使其热力强盛，趋于躁动、不安，极富动感和张扬的个性。个别需要突出的板块标题可以使用黄色作为辅助色调，可以很快吸引住浏览者的目光使红色力量得以在黄色区域得以延伸。

红色与黑色的搭配在商业设计中被誉为商业成功色，是一种经典的搭配方式。在信息网站中黑色所占的成分主要体现在标题字体颜色，正文字体颜色或是标题装饰性的过度区域上，黑色作为辅助色使用比作为第二主色调使用更符合信息网站的内涵。此外，红黑搭配常被用于较前卫时尚、彰显个性的版块中，信息网站的检察文化专栏、休闲娱乐版块等可以考虑使用这样的配色方式。红色与灰色、褐色等暗色调搭配使用，给人以现代、激进的感觉。网页中心区域可考虑留白，留白部分使用一些灰色色调的元素，将与标题和页脚的红色色调形成很好的呼应效果，大方而不失典雅，稳重中带有活波的氛围。

（2）以橙色为主色调的配色方案

橙色也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚等效果。运用得当，信息网站会带给人一种清新时髦的感觉。

背景以白色为主色调，采用橙色的大标题，各板块的橙色小标题，一两个橙色的较少范围的装饰性边框以及橙色的网站标识，个别需要突显的橙色文本内容加上个别橙色为主色调的标志图片绝对是一个不错的配色方案，在这个方案里，其他大面积的文本可以采用深灰色或者深褐色的颜色，点睛之处采用有分量的小面幅黑色背景的图片可以让网站营造出一种友好而又专业的氛围，网站既可以体现出严肃性又不至于让人感觉到强势。在这里关键要把握运用橙色应适量的问题，虽然橙色在这个方案里作为主色调来使用，但实际上应该给人一种它不是主角的感觉，没有大块的橙色，只有遍布页面的，贯穿整个页面的整体感觉。如此才不至于让橙色的主色调设计落入俗套。

另外一个极端的选择则正好跟上述方案相反，背景可以使用浅黄绿色，页面大标题和各板块背景均采用橙色，页面主菜单和个别需要突显的文本采用褐色或者枣红色，其他文本采用深灰色、浅灰色，再配上橙色为主色调的网站标识以及醒目的橙色调的图片也将是不俗的选择。在这里，留白显得尤为重要，而且，在实际运用的过程中使用空心的字体将会起到意想不到的效果。

（3）以淡色为主色调的配色方案

淡色可以有效解除眼睛疲劳，达到缓和紧张、释放压力的效果，有很强的中立性，给人安静祥和的感觉，并让人感到新鲜，给人希望、明朗的感觉，也给人清新和活力。

使用淡色的一个很大优势在于，可以很容易地突显网页的某个部分。也就是说，只需要在页面上加入一点全饱和色，就会使这个元素立即突显出来。但这样的元素也不宜太多，否则会起到喧宾夺主的不良效果，势必会破坏原有色调的和谐，并会消弱其他元素的显现程度。

合理地使用淡色调同样也会取得时尚的效果，对于有丰富的设计细节的网页这样的色调选择绝对是最佳方案。网页中各种标识和图标都会很显眼，亮点突出，且不会使人厌烦。

一个普遍的设计方案是背景采用淡色调，可以是淡青色或是淡蓝色，标题部分可以做得简单一些，可以由一些浅色调的图片和文字组成，主菜单和各板块标题最好使用深灰色或者其他淡色调，大面积的文本也应当采用淡色调，至此，其他要重点勾画的元素，就可以尽情使用饱和色，或者背景为透明或是淡色的图片，但要注意的是，饱和色的种类不宜太多，否则会破坏色调整体的和谐性，页面会变得花俏而不严肃。这样的设计在信息网站中，会营造一种平易近人的氛围，典雅不失庄重，大量图片、标识的使用会起到丰富页面的效果，整体和谐，重点突出，且使人放松，容易让浏览者增加对页面的访问机会。

3 网站配色过程中需要考虑的其他因素

（1）色彩要能够帮助浏览者使用网页元素。使用色彩来区分版块可以使浏览者很容易地发现他们感兴趣的内容。把主菜单改成不同色块的按钮也会有效地诱导浏览者进行选择。

（2）色彩的运用要注意集中浏览者的注意力。设计者要利用色彩将浏览者牢牢吸引住，即使网页上使用了很多种颜色，设计者仍旧可以采用一个与众不同的颜色将浏览者的目光吸引到某个元素上去。

（3）通过色彩来提高浏览者的体验或让其产生共鸣。色彩可以影响人的情绪和心理，例如线绿色可以起到镇定的效果，粉红色可以增加人的食欲等等。要使网站面向国际，了解色彩所代表的文化内涵显得尤为重要。

（4）注意色彩的稳定性。要注意网站的主体颜色不要经常改变，改变最多体现在设计风格、动画方式上。网站的色彩应该是稳定的、持续不变的。

（5）色彩的数量要少而精。一个成功的网站，尽管它的元素很多，但颜色数量是有严格控制的，设计者不要试图将所有颜色都用到，网页配色应尽量控制在三至五种色彩。

（6）背景色和前景色要有对比。尽量不要用花纹繁复的图案作背景，而且背景色与前景色尽量采用对比色，以便突出主要的文字内容，让浏览者阅读时不至于感到费劲。

检察信息网站属于政务网，内部网络面向的都是检察系统的广大干警，他们普遍文化素质较高，具备一定的审美观，网页设计者在选择配色系统时应尽可能地采用符合他们审美倾向的色彩，以达到共鸣的效果。而检察外部网站面向的将是未知的广大社会大众，他们普遍存在较大的文化差异和年龄差异，网站更多地需要向外传递庄严稳重、公正公开等反应国家机关威严肃穆的信息，因此设计者在进行网页配色时必须要更多地考虑色彩能够烘托出相应的氛围。

同时，设计者还要考虑当前流行色的发展趋势，努力将新的色彩观念应用到自己的网页设计中去。因为流行色是人们对色彩的偏好和追求时髦的心理表现，受时间性和季节性的影响，体现了不同时代、不同文化背景下的人们对于色彩的选择和情感，反映了一个时代的审美特征。只有这样才会使设计出的网页作品富有朝气，充满人气，从而达到雅俗共赏的目的。

4 总结

色彩是功能强大的艺术语言，也是网页设计中一个重要而独特的设计元素。网页设计师应该运用好这种设计语言来使我们的网页更有生命力。检察信息网站具备电子政务网的特征，但同时它也是一个具备文化、休闲娱乐等诸多时尚信息的网站，设计出一个真正符合检察风格的网页也绝非一件易事，这就要求设计者必须具备各方面的素质，将科学的色彩理论作为设计指导，把美学规律跟现代网页设计技术结合起来，将敏锐的色彩感觉和独特的配色技巧结合起来，创造出庄重、典雅，独具吸引力的网页色彩作品，去迎合广大民众不断提高的审美能力。

[1] 刘佳奇.谈网页设计中的色彩搭配[J].辽宁师专学报(社会科学版),2010,(3):31.

[2] Smashing Magazine(德).The Smashing Book[M]. Smashing Media GmbH，2010:147.

[3] 李健.网页设计的色彩调配和应用[J]. 安徽师范学院学报,2010,(2):124.