网页的色彩搭配.PDFVIP

第 3 章　网页的色彩搭配 本章导读 打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布 局，而是网站的色彩。在网页设计中，色彩搭配是树立网站形象的关键，色彩处理得好，可以 使网页锦上添花，达到事半功倍的效果。色彩搭配一定要合理，给人一种和谐、愉快的感觉， 避免采用容易造成视觉疲劳的纯度很高的单一色彩。在设计网页色彩时，应该了解一些搭配技 巧，以便更好地使用色彩，本章彩色效果请参照彩插页。 技术要点 ◆◆ 熟悉色彩基础知识 ◆◆ 掌握色彩与心理 ◆◆ 熟悉色彩的三要素 ◆◆ 掌握页面色彩搭配 3.1 　色彩基础知识 自然界中有许多种色彩，如香蕉是黄色的，天是蓝色的，橘子是橙色的……色彩多种多样， 千变万化。 3.1.1　色彩的基本概念 为了能更好地应用色彩来设计网页，先 来了解一下色彩的基本概念。自然界中的色 彩千变万化，但是最基本的有 3 种（红、黄、 蓝），其他的色彩都可以由这 3 种色彩调和 而成，这 3 种色彩称为“三原色”。平时所 看到的白色光，经过分析可以在色带上看到， 它包括红、橙、黄、绿、青、蓝、紫等 7 种 颜色，如图 3-1 所示。 图3-1 阳光被分解后的7 种主要颜色 y 相近色：色环中相邻的 3 种颜色， 相近色的搭配给人的视觉效果很舒 适，很自然，所以相近色在网站设 计中极为常用。如图 3-2 所示的深蓝 　 色、浅蓝色和紫色。 y 互补色：色环中相对的两种色彩， 如图 3-3 所示的亮绿色和紫色、红色 和绿色、蓝色和橙色等。对于互补色， 　　图3-2 相近色 图3-3 互补色　　　 调整一下补色的亮度，有时候是一种很好的搭配。 第3章　网页的色彩搭配 y 暖色：如图 3-4 所示的黄色、橙色、红色、紫色等都属于暖色系列。暖色与黑色调和 可以达到很好的效果。暖色一般应用于购物类网站、儿童类网站等，用以体现商品的 琳琅满目，儿童类网站的活泼、温馨 等效果。 y 冷色：如图 3-5 所示的绿色、蓝色、 蓝紫色等都属于冷色系列。冷色与白 　 色调和可以达到一种很好的效果。冷 色一般应用于一些高科技网站，主要 表达严肃、稳重等效果。 　　　图3-4 暖色 图3-5 冷色　　 3.1.2　网页安全色 网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集 合（调色板），也就是说这些颜色在任何终端浏览，用户显示设备上的显示效果都是相同的。 所以，使用 216 网页安全色进行网页配色，可以避免原有的颜色失真问题。如图 3-6 所示为网 页安全色大全。 只要在网页中使用 216 网页安全颜色，就可以控制网页的色彩显示效果。使用网页安全颜 色的同时，也不排除非网页安全颜色的使用。 　 图3-6 网页安全色 29 网页设计与网站建设完全实战手册 3.2 　色彩的三要素 现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列，其他的色彩都属 于彩色。明度、色相、纯度是色彩最基本的三要素，也是人正常视觉感知色彩的 3 个重要因素。 3.2.1　色相 色相指的是色彩的名称。色相是色彩最 基本的特征，是一种色彩区别于另一种色彩 最主要的因素。如紫色、绿色、黄色等都代 表了