网页设计中色彩的搭配

甄艳杰 西安石油大学

网页设计中色彩的搭配

甄艳杰 西安石油大学

在网页设计的各个要素中，色彩是一个重要的方面，是产生美感和艺术魅力的基本要素，是网页设计的情感语言之一。搭配好的色彩会产生强烈的视觉效果，会使网站有惊人的力量。

网页设计；色彩搭配

在我们生活的环境中，充满着各种各样的色彩，时刻影响着人们，尽管彩色本身没有注定的感情内容，但色彩呈现在人们面前的时候总能引起一定的心理活动。在网站设计中，色彩搭配一直是优秀的网页设计师苦心钻研的重点。他们一方面利用专业敏锐的主观感受来搭配颜色，一方面以自己的专业知识为背景来利用一些色彩的固定原理来配色，但无论从哪方面出发，网站设计者都是要给浏览者一个色彩独特、显示风格一致的页面。这就要求在设计网页过程中色彩的搭配十分重要，要从色彩整体中选出恰当的基本色组和严谨的版式构思，才能设计出优秀的网站。本文主要将色彩的搭配效果及方法做整理和分析，使网站更加丰富多彩。现在我们就要从以下几个方面谈一下色彩的搭配：

1 以色相为依据的色彩配色方案

色相的配色方法是以色相环为基础，把色相环划分成几个区域，再按区域性的不同色相的色彩进行配色。

1.1 同色相的配色

相同色相的颜色，主要靠明度的深浅变化来构成色彩搭配。由于用色的范围只有单色的明暗、深浅变化，使人感觉到稳定、柔和、统一、优雅、朴素。在同色相配色中，如果色彩明度差太小，会使色彩效果显得单调、呆滞，并产生阴沉、不调和的感觉。为了避免这种失误，宜在明度、纯度变化上作长距离配置，才会有活泼的感觉，保证应有的情趣。

1.2 类似色相的配色

类似色相配色包括范围较广，当配色的角度大时，就显得有朝气活泼，角度小的时候，却具有稳定感和统一性，但如果差异太小，近于同色相，则必须在彩度或明度上拉长距离，否则会阴沉、灰暗、呆滞。相反，当配色的颜色与主色接近时，颜色会更接近对比色的配色效果，其色彩会有互相排斥的现象，有可能产生不和调的感觉，必须考虑如何使用配色协调的因素。一般情况，大部分类似色的配色效果，都给人甘美、和谐的感受，很容易产生浪漫、柔和、清雅、唯美、共鸣的视觉感受。

1.3 对比色相的配色

在色环上，与主色呈120°至150°左右的两色关系，称为对比关系，利用对比关系配色称为对比配色。对比色相配色，其配色角度大、距离远，颜色差异大，其效果活泼、跳跃、华丽、明朗、爽快。如果两色都属于高纯度的颜色，对比会非常强烈，显得刺眼、炫目，使人有不舒服的感觉，可以用明度和纯度加以调和，缓解其强烈的冲突性。当距离主色接近90°角时的搭配，有些近似色效果，视觉舒适度比较适中，可以参照类似色的方法配色。

1.4 互补色相的配色

互补色相的配色是色相对比最强烈的配色，如果纯度太高，会产生刺眼、辛辣、心跳加速、冲击性强烈、喧闹不调和的感觉，必须用明度、纯度变化的方式加以缓冲，才可以避免激烈的冲突。补色的配色，具有完整的色彩领域性，占有三原色的所有色素，所以其特点清晰、明亮、灿烂、戏剧性强。

1.5 多色相的配色

多色相配色在设计中用的比较广泛，具有稳定、华丽、生动活泼等特点。

2 以明度为依据的色彩搭配方案

每一个色相均有不同的明暗程度，当颜色与颜色之间，互相发生不协调的炫目现象时，只要利用明度原理，降低或升高一方的明度，便可得到协调的效果，由此可知，明度对配色来说非常的重要。色彩的明暗度可以表现画面的表情，就如一个快乐爽朗的人，他的表情必然明朗、可亲，一个郁闷、痛苦的人，他的表情必然阴郁、忧虑。作品的表情恰好可以用配色本身的明暗度来表现。

明度调子是指一组色彩配置在一起后，在明暗程度上所呈现出的一种整体倾向。高调子配色就是明度色环中最亮的三个色阶范围内的色彩搭配。这样搭配的网站年轻、明亮、洁净、通畅、靓丽的视觉效果。中间调子是指色环中亮度在中间三个色阶范围的色彩搭配，中间调子搭配出的网站高柔和、幻想、端庄、古典、辉煌、雄伟的视觉效果。低调子是指明度色环中亮度在最低三个色阶范围内的色彩搭配，给人以严肃、谨慎、稳定、神秘、安定的视觉效果。

3 明度调子与明度差的综合配色方案

以明度为基调的配色与不同明度差的配色，一般明度差可以分为四种，等明度差、近似明度差、对比明度差、高明度差。可以综合产生出更为详尽的配色方案，如高长调具有明朗、鲜明、活泼的色彩效果；高中调结合具有优雅、跳跃、愉悦的色彩效果；高短调具有柔和、明媚、浪漫的效果；中长调具有稳健的色彩感觉；中中调具有浑厚的色彩效果；中短调有朴实、含蓄的效果；中低调有思虑、沉思的视觉效果。

4 以纯度为依据的色彩搭配方案

一般网站的配色原则，纯度变化的功能决定画面吸引力大小，以及主题色彩的强调，背景色彩微弱变化等因素。纯度愈高，色彩愈显鲜艳、活泼、引人注意、独立性与冲突性愈强；纯度愈低，色彩愈感朴素、安静、典雅、温和、独立性及冲突性愈弱。因此常以高纯度配色来达到突出主题的目的，陪衬及背景色，通常以高纯度配色来达到突出主题的目的，陪衬及背景色，通常以低纯度配色，达到衬托主题的目的，达到统一协调的色彩构成。弱纯度对比配色是指在纯度色环上五个色阶以内的色彩搭配。高纯度的弱对比配色，具有华丽的色彩效果，低纯度的弱对比配色，具有柔和、稳重、典雅的色彩效果，加如明度和色相的变化，网站会显得更加生动、活泼。强纯度对比配色是指在纯度色环上，五个色阶以上到九个色阶的配色，纯度差异较大，具有鲜明、突出的色彩视觉效果。若加上明度或色相的变化，更能使色彩增加华丽、鲜艳、辉煌的效果。

5 以色调为依据的配色方案

色调是指配色时在画面上形成的总的色彩倾向或一种总体的色彩气氛。如果以色相、明度、纯度三个因素来考虑而进行的配色，如果色彩搭配得当，自然会形成一定的色调。如以色相来分，黄色调、红色调、蓝色调等；以明度来分，我们可以分出明色调、暗色调、和中明色调；以纯度来分，我们可以分出纯色调、灰色调；以色彩来分，我们可以分出强烈对比色调和调和色调；以无彩色来分，可以分出黑色调、白色调、纯灰色调。

6 小结

总之，色彩不仅是一种情感符号，同时也是一种优美的旋律。精妙的色彩组合所产生的视觉效果、 能引导浏览者从美学意义上去了解和鉴赏作品，无论我们用哪种配色方式，都是利用色彩引起浏览者的兴致从而提高对网站的理解能力。不同的色彩能触动不同的情感，配色的好坏直接影像网站的视觉效果，使我们建设的网站具有一种和谐优美的视觉美感。

[1] 王士刚, 李晓慧.网站色彩搭配方法研究.长春大学学报,2010年06期

[2] 饶简元. 网页的色彩认知与构建.艺术评论,2011年06期

10.3969/j.issn.1001-8972.2012.11.148