如何使用色彩给网站定位

    每个人都有自己喜欢的颜色，因此在选用网站配色的时候，难免会受到个人偏好的影响。但是在选用色彩的时候也要注意，因为不同的颜色给人的感觉是不同的。本节将通过对各种颜色的分析，帮助读者掌握使用色彩定位网站的技巧。

1．红色
    红色给人以热情、活力的感觉。在很多使用了红色的网站中，红色所担任的角色都是强调色，因为红色比较鲜明，极易吸引人们的眼球。

    如图47 所示，是使用了鲜红色作为主色调的网页。鲜艳的色彩，给人个性鲜明、富有活力的感觉。

    如图48 所示，该网页也使用了红色，但是红色的色调较暗，反而给人冷静沉重的感觉，凝造出了古典的氛围。

2．橙色
    一般情况下，橙色总是给人时尚、轻快的感觉，常常用于某些时尚新潮的网站中，例如时装网站、化妆品、电子制品等。其实在商业网站的制作中，橙色也是常用的。通过色调的变换，橙色既能表现出青春的活力，也能够表现出沉稳老练的效果。

    如图49 所示，为使用了橙色的网页。

    该页面使用橙色与蓝色搭配，非常具有视觉冲击力，同时使用灰色的背景色，可以缓冲两种颜色的矛盾，使页面又显得更加成熟而沉稳。这种颜色的搭配方式非常时尚，给浏览者都市化的印象。

    如图50 所示的网站，使用了不同色调的橙色作为网站的主色，搭配灰色的背景，显得既鲜丽又沉稳。

3．黄色</fon

色彩的4 种功能角色

    在小说和戏剧中，角色分为主角和配角。同样的道理，在配色中，不同的颜色也担当着不同的角色。配色分为主色、配角色、支配色、融合色、强调色，概括起来可称之为5种色彩的功能角色。以下将详细介绍除了配角色之外的4 种功能角色。

1．主色
    在戏剧中，主角是整个剧集的主线；在舞台上，主角站在聚光灯下，配角们退后一步来衬托他。配色上的主角也是一样，其配色要比其他配角明显、清楚、强烈，使得浏览者一看就知道哪是主角，从而使视线固定下来，达到传达中心思想的作用。如图32 所示，本应作为页面主角的男人埋没于网站的背景色中，使得页面中心模糊，给浏览者找不到主题的感觉。

    将主角从背景色中分离出来，达到突出而鲜明的效果，从而很好的表达主题，如图33所示。

    如图34 所示，该网站的主色较弱，无法起到强化主题，稳定中心的作用。

    如图35 所示，增大主色与配角色的差异程度，达到突出主色的作用。

    如图36 所示，网站其他颜色都比较柔和，因此即使主色并不十分强烈，也能起到突出的效果。

配色的选择

    配色是浏览者访问主页时目光无法回避的设计要素。当浏览者看到网站标题的一瞬间，已经决定了配色的效果不可轻视。在不经意间，浏览者对网站的印象就被固定下来，就好比初次拜访别人家，和主人谈话之前，看到客厅的装饰风格，便可以大致推测出主人的性格。

    因此，根据网站的整体风格来选定网站的配色十分重要。当网站的内容、标题和配色一致时，就能发挥最大的效用。欢快的内容与明快的配色相叠加，可以传递出发自内心的喜悦。相反，和网站内容不相配的颜色，会引起混乱、产生破坏性的效果。

    如图15 所示，为Dior 国际网站的香水产品宣传页，左图使用了金色作为网页的主色调，显得高贵、典雅，烘托出了产品的高格调和高品味。右图使用了蓝色的色调，虽然也显示出了页面的和谐，但无法表现出产品的内涵，因此让人感觉有些离题，冲淡了网页的主题。

    以下将通过介绍几种颜色搭配方案的效果，帮助用户掌握利用颜色定位网站的技巧。

1．色调的选择
    色调包括鲜艳的色调、柔和的色调、亮色调、暗色调等等，是配色的各项因素中最有决定权的一种。例如如图16 所示，是鲜艳的色调。

    如果网站采用的配色是在这种色调的范围内，那么无论在色相和对比量上下多少功夫，都无法表现出稳重的印象。因此选择合适的色调非常重要。

2．色调的分析

（1）鲜艳的色调
    所谓鲜艳的色调，即不与黑、白、灰进行混合的，只有纯色的色调。这种色调的选用会给人以强有力的、生机勃勃的年轻人的感觉。如图17 所示便是一个使用了鲜艳色调的网站。大片的黄色进行搭配，给人热情洋溢的感觉。打开网页，欢快的气息扑面而来。

（2）深色调
    将鲜艳的色调稍微加一点黑色，便成为了深色调。深色调传达了有力、强烈的男性形象。如图18 所示，便是

常见的配色方案

1．近似色
    近似色是已给出的颜色之外的任何一种颜色。如果从橙色开始，它的两种近似色应该选择红和黄。如图6 所示，为近似色在色环上的位置。

    用近似色的颜色主题可以实现色彩的融洽与融合。如图7 所示，列出了几种近似色的搭配方案。

    如图8 所示，为使用了近似色搭配方式的商业网站。蓝色系的搭配，给人以清凉、专业的感觉。

2．补充色
    补充色也叫对比色，是指在色环中的直接位置相对的颜色，如图9 所示。

    如果想要使网站中的色彩强烈突出、富有冲击力的话，可选择对比色。
    假如正在组合一幅柳丁的图片，用蓝色背景将使柳丁更加突出。如图10 所示。

色彩的基本知识

1．从色谱开始
    一条连续彩虹中的“可视光”分解成从蓝到红的色谱，如图1 所示。

    在色谱中，线性罗列了所有的基本颜色，也是所有颜色的根本。

2．色环
    在从红到紫的光谱中，等间的选择两种或两种以上的颜色，相邻的两个色相互混合又得到另一种特殊的颜色。如此周而复始，从而构成一个首尾相交的环，被称为孟赛尔色相环，即色环。从本质上讲，色环就是色谱可以看到的颜色所形成的线性连续环。如图2所示就是一个色环。

3．三原色的概念
    如同大家所知道的，三原色是能够按照一些数量规定合成其他任何一种颜色的基色。所有的颜色其实都是由三原色按照不同的比例混合而来。色彩的三原色为红、黄、蓝，而色光的三原色为红、绿、蓝。
    下面将介绍几个关于色彩的重要概念。

􀁺 色相：指颜色的属性，是红色、绿色还是蓝色。如图3 所示，分别为同一张图片的三种色相。

􀁺 纯度：也称作饱和度，是指在同等明度的条件下，颜色从灰色到纯色的变化。如图4 所示为同一张图片，饱和度分别为-100、0、+100 时的状态。

色彩搭配在网站中的应用
    色彩本身具有非常微妙的表现力，它们可以产生出一种刺激人们大脑中对某种形式存在的物体的共鸣，展现出对待生活的新的看法与态度。合理使用色彩扩大了设计者创作的想像空间，赋予了创作新的不定性。

网页配色
    网页的色彩搭配往往是令初学者感到头疼的问题，尤其是那些完全没有美术基础的人。现在对于msn Spaces而言，到底用什么样的色彩进行搭配，才能既好看又合理呢？以下是最基础的知识开始，帮助您掌握色彩的使用。


    以上日志介绍了色彩搭配在网站中的应用，为了在设计中有效的使用色彩，必须掌握一些色彩的基础理论知识，结合自己的实际经验，来设计自己的作品。同一色彩有数之不尽的应用方法，并没有非常机械的色彩调和的法则，在一定的原则下要靠设计者的眼睛和审美观点来做出选择。