色彩学基础——网页配色原理.doc

《色彩学基础——网页配色原理.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、色彩学基础——网页配色原理随着因特网的发展与普及，越来越多的企业和辿都把与其相关的信息组织成五彩缤纷的网页，用于在网络上进行展示以达到信息交流的FI的。关于网页的制作技术,无论是Frontpage,Dreamwaver,Fireworks,还是Asp,Javascript,相信你都己经游刃有余。但在网页的设计过程屮,你是否有过为了儿种色彩的巧妙搭配而一筹莫展呢！网页色彩的完美搭配，对于一-个图形艺术设计师来说，那简直就是小菜一碟。但对于一个既想拥有自己的完美页面而又没有专业美术功底的普通大众来讲，那

2、可就不是一件简单的事情了。本文从“色环”的研究角度岀发，就网页设计小如何利用色彩搭配的原则问题进行探讨，相信你看了此文之后，对你的网页设计能起到一定的帮助作用。•基木色我们知道可以把-条连续彩虹屮的“可视光”分解成从蓝到红的色谱（图1）。我们也看到，或许应用过，通过把两种或两种以丄的颜色混合在一起，就可以得到一种特殊的颜色。从本质上讲，色环（图2）就是色谱可以看到的颜色所形成的线性连续环（如图2所示）。一个色环通常包括12种明显不同的颜色。而对于艺术设计师充分理解的色环和色论的重要方面，也许不会被我

3、们屮的网页设计者们能够充分欣赏。缺少多这方面的了解，你将会把事情搞乱。•三原色从定义上讲，三原色是能够按照一些数量规定合成其他任何一种颜色的基色。为了确定三原色，你必须首先确切明确哪一种颜色是你正在使用的小间色。在上小学时，你可能就知道了三原色：红、黄、蓝，并且你现在用于展示的，仍然是红、黄、蓝三原色。但是如果你有喷墨打印机的话，花点吋间把它的盖子打开，看看它的墨盒。你能看到红、黄，蓝吗？不能！你可能看到的是四种墨色：蓝绿（青）色、红紫（洋红）色、黄色和黑色。颜色的不同是由于你的电脑用的是正色，血你

4、的打印机用的是负色。显示器发出的是彩色光，而纸上的墨则吸收灯光发出的颜色。更进一步的解释就超出了本文要探讨的范围。除了发射与吸收光的不同之外，本文涉及的概念同样适用于正色和负色模式，出于本文的写作H的，我们仅探讨着正色模式的三原色：红、绿、蓝。•次色为了构造色环，我们将认识任两种相临基色通过合成得到的三种颜色，它们称作为“次色”：蓝绿（青）色、红紫（洋红）色和黃色。正色域屮的“次色“同样可以作为负色域屮的“原色”。由此你可以得出结论，正色屮的次色就是负色屮的原色。这是正色和负色模式之间的所有内部关系

5、。•三色最后我们可以找出色环屮半前填充色之间的屮间色。幸运地是，三色对于正色域和负色域来讲是没有什么区别的。现在我们已经定义出所使用的12点色环之后，就能够讨论颜色间的相互关系了。•近似色近似色可以是我们给出的颜色之外的任何一种颜色。如果从橙色开始，并且你想要它的两种近似色，你应该选择红和黄。用近似色的颜色主题可以实现色彩的融洽与融合，与自然界屮能看到的色彩接近起来。•补充色正如我们所知道的相对色一样，补充色是色环屮的直接位置相对的颜色。当你想使色彩强烈突出的话，选择对比色比较好。假如你正在组合一幅

6、柠檬图片,用蓝色背景将使柠檬更加突出。•分离补色分离补色由两到三种颜色组成。你选择一种颜色，就会发现它的补色在色环的另一•面。你可以使用补色那一•边的一•种或多种颜色。•组色组色是色环上距离相等的任意三种颜色。为组色被用作一个色彩主题时，会对浏览者造成紧张的情绪。因为三种颜色形成对比。上面所讲的基色和次色组可以被称作两组组色。•暖色暖色由红色调组成。比如红色、橙色和黄色。它们给选择的颜色赋予温暖、舒适和活力，它们也产生了一种色彩向浏览者显示或移动，并从页面屮突出出来的可视化效果。•冷色冷色来自于蓝色

7、色调。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静的作用，它们看起来有一种从浏览者身上收回来的效果，于是它们用作页面的背景比较好。需要注明的是，你将发现在不同的书屮，这些颜色组合有不同的名称。但是如果你能够理解这些基本原则，它们将对你的网页设计是十分有益的。•抽取对比对比是在两种临近色间被认识到的不同色彩。因为白色和黑色并不是真正的颜色，它们被说成是非色彩的对比。白和黑也表现出对比的最高水平。色环屮的补色表现的是高色彩的对比。这就是为你增加压缩比后把图象屮的白色和黑色信息减少所造成的.JPG压

8、缩算法使彩色信息减少的原因。cxxwe图12白到黑：非色彩的对比坡图13采用蓝色的单色对比坡当你使用一种单色，然后增加或降低亮度时，单色的对比就被提取出來了。网页设计小的对比非常重要。并且有不同的应用方式，所有这些都基于上而所列的其他颜色。每个人都清楚的是，白底黑字看起来非常容易，这就是你所阅读的大部分印刷材料屮为什么都是白底黑字的原因的一部分。同样地，黑底白字产生强烈对比，但是它阅读起来比较困难。因为黑色相对白色和其它的颜色来讲,看起來有一种沉重感和些许的圧抑感。从