网页色彩的搭配

李莹

摘 要： 本文阐述了网页设计中的色彩搭配基本原则和法则，分析了进行网页色彩的编排时要注意的一些问题，探讨了在不同类型的网页中如何运用色彩元素，采用何种色彩进行搭配。

关键词： 网页色彩 色彩基本原则 网页色彩设计 色彩三要素

随着Internet的发展，网页的整体设计风格已经包罗万象，我们已经能够在互联网上看到很多精美的网页作品，这些作品不仅在功能上满足我们的需要，更重要的是能够让我们感受到美。特别是在色彩的搭配和运用上能让人领略到各种美的享受。

当前职业院校的学生由于美术基础薄弱，在色彩的搭配和运用上有一定欠缺，我们在指导学生制作精美的网页时，就要先教授学生基本的美学基础，特别是色彩方面知识。

首先，在网页色彩的设计中要了解的是色彩的基本原理和法则。色彩是一个很大的门类，但是有基本的原则，比如色彩的最基本组成部分，色彩的色相，通俗地说是什么颜色，明度（色彩的明暗程度），纯度（色彩的鲜艳程度），这三个构成了色彩的三要素，这三个要素决定了色彩的基本感觉。色彩的明度、纯度、色相缺一不可。

其次，色彩在模式上分为RGB色彩和CMYK的常用色彩模式，我们电脑屏幕显示常用的就是RGB色彩模式，也就是光的混合色，但是如果我们用到HTML上的时候是十六进制的色彩，在进行网页色彩设计时就要更多地考虑把RGB或者是CMYK的色彩模式转换到十六进制的色彩。我们可以在PHOTOSHOP软件的配色表中选择色彩，然后看对应的十六进位的色彩色号是多少，一般以#000000这种方式表现。在进行DREMWEAVER网页设计时直接输入#000000这样的色后，我们就能够直接得到这个色彩。

在进行网页色彩的编排时要注意以下问题：一要注意网页的类别，是什么类型的网页就要考虑运用什么色彩，如果是环保题材的网页，那么我们可以考虑运用绿色调，突出自然的感觉。如果是高科技题材的网页，就要更多地考虑蓝色和灰黑等色彩，突出高科技的感觉。第二，我們要考虑网页的受众主要是哪些人群，根据不同的受众确定色彩，比如我们制作以女性为主要诉求对象的这样的网页，那么在色彩上要采用粉红色系，或者是一些明度彩度中高的色彩。如果是以孩子为题材的网页，那么我们在进行色彩设计的时候就尽量用高纯度高明度的色彩进行色彩搭配，表现孩童的天真纯洁和活泼好动的感觉，色彩也要鲜艳明亮一些。如果我们对一些有厚重的文化积淀类题材的网页进行色彩设计时就要考虑，这类网页的受众更多的是一些有一定年龄、有一定文化修养的人群，就要更多地运用一些同类色彩，并且更多运用一些中明度中低纯度的色彩，最好运用一些灰调子的颜色，比如蓝灰、绿灰、红灰等色彩突出网页的厚重的文化感觉。第三，在网页色彩设计中要特别注意一个问题，那就是尽量避免运用过多的色彩，一个画面最好有一个主色调，这个色要占有画面大面积的位置，这样才能控制画面有一个主要色调，根据不同的网页类型和受众考虑运用同类色的搭配还是对比色或者是互补色的色彩搭配，但是都要比例合适，画面中尽量不要色彩太多，也就是说色相太多，色相太多画面容易产生混乱无序的感觉，而且会使人感觉不到画面的重点部分，降低画面的可阅读性。尽量把色彩控制在四种以内，可以按照70%，20%，7%，3%这样的比例关系安排色彩比例，这样就基本能够保证画面中的色彩丰富，色彩的主次分明。第四，我们在色彩应用上还要注意一个问题，就是文字与色彩的关系，网页的底色与文字的色彩在设计上要遵循一个主要原则，就是如果文字与底色在层叠的方式出现的时候，就要以凸显文字为主要原则，也就是要以保证网页的可阅读性为第一诉求，在背景与文字的色彩安排上要有一定反差。

我们按照色彩三要素进行色彩设计，在不同的类型网页中，色彩需要有相应设计。在色彩的色相中，分为类似色、对比色和互补色，我们用哪种色彩的关系进行设计就决定了我们设计的网页的具体的色彩感觉。结合色彩的色相中的三种对比关系及色彩的明暗和纯度，我们对不同类型的网页运用不同的色彩关系。在以下不同类型的网页中，我们就按照其类别属性进行色彩的搭配设计。

工商企业类别网页：在进行这类的网页色彩设计时我们要注意，尽量使用与企业形象相符合的色彩，最好是采用企业的标准色和应用色，比如快餐类的网页在色彩上我们就要更多地采用相对暖的色彩，这样能够引起人们的食欲。如果是汽车制造类型的网页，我们就要相对使用偏冷的一些金属色和灰、蓝等相对冷色调表现科技感和稳重有力量感。

时尚类型网页，我们更多运用对比色系，因为时尚类型的网页相对比而言都是比较追求个性鲜明的，要让人感觉活泼，有动感，在选择色彩时那些灰色调用得相对少些，而是要更多地运用些有一定对比的色彩，很少运用彩度低的也就是低纯度的色彩，相对中高纯度的色彩运用得要多一些，以此凸显时尚感及活泼律动感。

门户搜索类型的网页的色彩在设计上要力图简洁明了，由于这类型的网页在框架构图上就是比较简洁的，因此在色彩上我们更多地运用蓝色调、绿色调进行整体设计，并且搭配各门户标志的标准色彩，这样能够凸显专业干练的感觉，相对来讲冷色调运用较多。

个人网页的色彩设计就灵活得多了，我们更多地按照个性进行色彩安排，可以进行各种不同的色彩搭配尝试，无论是相似色还是对比色或互补色，都可以灵活运用，更多的是用色彩凸显个性，力求塑造独特的网页风格。我们在进行个人网页色彩设计时可以灵活运用高明度高纯度的色彩，强中弱对比都可以，但是要遵循色彩搭配的原理，保持一个整体风格，而不是随便拿色块应用。

当学生了解了基本的色彩的三要素，色彩的色相对比，明度纯度对比，以及色彩的冷暖关系，色彩的面积关系，色彩的心理感觉等这些色彩基本知识后，能够根据网页的类别进行独立的网页色彩设计应用，那么就基本完成了对网页色彩的教学实践指导，学会网页色彩的原理，就可以指导学生举一反三，把这些基本的色彩原理和知识运用到其他设计中，使学生掌握色彩设计的基本技能，熟练运用网页的色彩搭配进行网页色彩设计。