平面设计颜色搭配表.pdf

平面设计颜色搭配表

平面设计颜色搭配表

传统的、理重的、古典的

SE33ifcSCCCC3339DUaiCCFFfcfiiFF9»DEEfCg^FCDD9314C9¥6?W0rr*IMSrFTFH

nimCCCCDOBCOi31M5S3(CDO^H^WR；£MB3M££E£M5i££^riceeersfc-cncm

■站HMOMM沁tecea«)二££

最佳颜色搭配

一、色彩处理

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功

倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整

体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对

比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色

彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、

夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。

色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还

有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在

着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内

涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈

现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、

清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与

紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜

庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效

果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和

谐的，局部的地方可以有一些小的强烈对比。

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是

“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜

色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的,文字的

颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在

色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色

彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读

效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会

使读者的眼睛受不了。

网页色彩的搭配

网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网

页的背景，文字，图标，边框，超链接…，应该采用什么样的色彩，应该搭配什么

色彩才能最好的表达出预想的内涵呢？阿捷这里谈一些心得，希望对你有

所启发。

首先我们先来了解一些色彩的基本知识：

1.颜色是因为光的折射而产生的。

2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html

语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color(255,0,0)十六进

(

制的表示方法为(FF0000)白色为FFFFFF),我们经常看到的bgColor=#FFFFFF就

是指背景色为白色。

3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色

以外的所有色彩。

4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可

以制作几百万种色彩。

网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效

果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引

人。

(

我们通常的做法是：主要内容文字用非彩色黑色)，边框，背景，图片用彩色。这

样页面整体不单调，看主要内容也不会眼花。

•非彩色的搭配

黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。