网页配色的方法与技巧

关丽梅

摘要：色彩搭配是一门花样繁多的学问，在网页设计的过程中色彩使用的合理与否直接影响着作品的效果，网页最终是给浏览者看的，如果色彩让人看着不舒服，那么设计就失败了。本文主要谈论我们在设计网页的过程中怎样合理的使用色彩而让大多数人所接受。

关键词：网页技术；色彩搭配；色相；色调；配色

中图分类号：TP309 文献标识码：A 文章编号：1009-3044（2015）05-0222-02

科学研究表明，色彩会影响情绪，会招致正面的情绪，也能带来负面的影响，有的时候带来的情绪与实际网页的需要并不匹配。据有关统计数据表明，网站的访客通常只需要大概90秒就能针对一个网站作出判断和选择，而在这其中有62%～90%的因素是取决于某个产品的色彩。所以网页设计过程中一定要注意把握色彩这个重要角色。

1 了解色彩的相关术语

1）色相：即各类色彩的相貌称谓。是我们眼睛对不同光波的反射所产生的不同感受，如生活中看到的红色、黑色都是色相的一种。

2）色调：色调是指色彩浓淡、强弱程度，是通过色彩的明度和纯度综合表现的色彩形态概念。色调不是指颜色的性质，而是对画面的整体颜色的概括评价。如生活中所说的鲜艳、暗淡、冷色、暖色等都是指的色调。

3）色环：色环其实就是在彩色光谱中所见的长条形的色彩序列，比如光谱顺序为赤橙黄绿青蓝紫，那么红色和紫色相接围成一圈，就成了色环，加上以上7彩色的过渡色一般有12种颜色，一圈是360度，所以每种颜色相隔30度。

2 根据网页的主题选择合适的网页色调

暖色调：可以使网页呈现温馨、热情、动感等效果，如红色、橙色、黄色等。适合于婚庆、运动等主题的网页。

冷色调：可以使主页呈现宁静、清凉、高洁的氛围，如冷色调包括青色、绿色、紫色等。适合于专业的公司、环保、女性等主题的网页。

3 网页配色的主要方法

3.1利用色相差而形成的配色方法

一般来讲一个网页不可能只使用一种颜色来配色，多数是以一种色相为主导，辅以其他色相而形成的搭配效果，这种方法就是色相差的配色方法。我们根据主辅色色相的差别而分为以下几种：

3.1.1 同色系配色

同色系配色是指网页的主色和辅色都用同一色相的颜色，只是明暗、深浅的不同。这样的配色整体比较统一。比如蓝色系的深蓝、天蓝、蔚蓝。

3.1.2 邻近色配色

邻近色配色使用相邻色系的颜色搭配比同色系稍微丰富些，比如黄色搭配绿色、橙色。

3.1.3 类似色配色

类似色配色的颜色不属于同一色系但是对比不强给人色感平静、调和的感觉。比如橙红和朱红的搭配。

3.1.4 中差色配色

中差色一般指在色相环上相差有90度左右的色彩，这种配色对比相对突出，容易呈现饱和度高的色彩。比如紫红和蓝色的搭配、橙色和绿色的搭配。

3.1.5 对比色配色

对比色一般指色环上相差180度左右的色彩，这样配色对比强烈容易产生激烈的心理感受。不如红色和绿色、紫色和黄色的搭配。

3.1.6 中性色配色

中性色既不属于冷色系也不属于暖色系，这种配色可以产生一种神秘和典雅的感觉。比如黑色、白色、灰色的搭配。

3.1.7 多色搭配下的配色

多色搭配颜色种类比较多，可以包含对比色、邻近色、中色差色、类似色等多种搭配方法。这种搭配对设计者的水平要求较高，使用不好就会造成杂乱无章、眼花缭乱的感觉。

3.2利用色调调和而形成的配色方法

配色时我们也可以根据色调的情感特点，结合网页的渲染需要采用合适的配色方法：

3.2.1 清澈的色调

清澈调子给人以和谐、通透、清爽的感觉。比如刻画绿色透明的湖水的色调，晴朗的天空的色调等。

3.2.2 阴暗的色调

阴暗的色调给人以朦胧、阴森、恐怖的感觉。比如刻画魔鬼的城堡的色调、乌云密布的天空的色调。

3.2.3 明亮色调

明亮的色调给人以清新、活泼、愉悦、明朗的感觉。比如刻画各类庆典的色调、刻画自然风光的色调。

3.2.4 深暗色调

深暗色调以黑色及灰色调为主，给人以神秘、沉稳、端庄的感觉。比如刻画朦胧的江南水乡街景的色调、刻画纪念逝去人物的色调。

3.2.5 雅白色调

雅白色调使用的颜色偏浅，如白色、米色、鹅黄、淡粉等，这种给人明快、清纯、淡雅的感觉。比如刻画洁净家居的色调、刻画淑女服饰的色调。

4 网页配色的技巧

4.1配色要坚持“总体协调，局部对比”的总原则

要有一个鲜明的主导色调，辅色调要与主色调相协调，即使局部有对比色也只是局限在小范围内，不能色块面积超过主色调。所有色调不能过于繁杂和对比太强烈，这样会给人一种眼花缭乱的感觉，造成视觉疲劳。

4.2配色要考虑生活中的感情色彩和浏览者的喜好

比如红色让人联想到玫瑰和喜庆、感到兴奋；绿色让人联想到健康、环保、希望和活力；黑白色联想到肃穆和端庄；黄色给人留下明亮、辉煌、灿烂、愉快、高贵的印象；蓝色给人以沉稳的感觉且具有深远、永恒、沉静、博大、理智、诚实的印象。

比如大多数女生喜欢紫色和粉色；商务男士喜欢海军蓝色；小朋友喜欢鲜艳的颜色等。

4.3背景与文字的颜色要对比鲜明

一般来讲背景颜色深文字颜色就应该浅，反之背景颜色浅文字颜色就应该深，这样才能形成视觉的对比让人看得清。比如黑配白、深蓝配淡黄等。

4.4导航按钮的色彩要有吸引力

将按钮设计成有独特的或跳跃性的色彩能够吸引浏览者的注意力，从而使人好奇地把鼠标点上去，到达导航的目的。

5 小结

网页的色彩搭配确实是一门难以掌握的艺术，对于没有美术和艺术广告设计些基础的人要学好配色只能靠多欣赏和观摩别人的优秀作品，然后不断地实践和总结经验。当然，色彩搭配也没有千篇一律、固定的规律可循，还是要结合自己的发挥和创造，总之和谐的、悦目的、与主题相得益彰的色彩搭配就是成功的。

参考文献：

[1] 胡亚卓.浅谈网页设计[J].科教文汇，2008（2）.

[2] 王萍.浅谈网页色彩的配色[J].硅谷，2009（1）.