网页程序设计中如何配色

网页程序设计中如何配色

对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。那么就由我带来网页程序设计颜色搭配的教程吧。

一个网页最好不要超过三种颜色，但是这么说是不准确的，这里所谓的三种颜色指的是三种不同色相的颜色，色相也就是颜色的长相，是辨别颜色名称的属性，如黄色、橙色、蓝色等。

下面来说说色彩搭配吧，其实分两个步骤，第一步选色，第二步是分配颜色。

选色：

这是最基本的一步，当我们开始设计网页的时候就应该要规划好选取哪些颜色，颜色的选取不是无中生有的，而是根据网站的产品定位、风格、以及需要传达出的理念等为基础进行选取，而不是无中生有随着自己的喜好来选取。

1、 公司色

在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。

2、 风格色

许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。

3、 习惯色

这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的.时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。

分配颜色：

这是第二步，当你选好颜色之后就该考虑怎么把他们分配到网页的每个角落，分配颜色也是很讲究的。有句话说的好叫红配绿赛狗屁，其实这句话还是不准确的，如果在红绿两色之间加其他颜色(白色或者黑色)进行调和是可以搭配的很好看的，大家可以脑补一下圣诞节各大电商的banner。

回到正题，之前已经选好颜色，这个时候就考虑分配颜色，知道色彩基础的都知道色彩分为主色、辅助色、点缀色这三个叫法(还可以分得更细，这里就不细说了)。主色是能够传达出网站整体风格的颜色，面积最大，所以你之前在选色阶段选取的几个颜色中选一个作为主色，然后用在网页中需求最多的地方，如banner的颜色，导航的背景色、文字标题的颜色等等，辅助色是比主色百分比略少的颜色，点缀色一般是饱和度较高的颜色，一般用在网页中的强调内容或者突出的内容，如按钮、链接等，三种颜色在整个网页的比重大概是60%、30%、10%。

;

网页设计的色彩运用

色彩是网页给人的第一印象，色彩运用的好坏直接影响人们对这个网页的认同与否，设计者在设计网页时除了考虑需要网页本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网页。因此，如何在网页设计中运用色彩是网页设计的重中之重。

0 引言

网页设计是一门新兴的设计类和网络交叉学科，近几年随着网络的发展而逐渐受到人们的重视。网页以网络为载体，把各种信息以最便捷的方式传达给受众。在这种标准的需求下，逐步产生了审美的需求。网页的色彩是树立网页形象的关键之一，色彩运用的好坏直接影响人们对这个网页的认同度，网页色彩搭配既是一项技术性工作，同时也是一项艺术性很强的工作。因此，设计者在设计网页时除了考虑网页本身的特点外，还要遵循一定的艺术规律。

1 色彩运用

1.1 色彩分类

在色彩缤纷的世界里，人们通过视觉感知到的色彩是非常丰富的。色彩按照种类可以分为原色、间色和复色。就色彩的系别而言，则可分为非彩色系和彩色系两大类：

①彩色系：指包括在可见光谱中的全部色彩，以红、橙、黄、绿、蓝、紫等为基本色;

②非彩色系：指由黑色、白色及黑白两色相融而成的各种深浅不同的灰色系列。

1.2 色彩种类

(1)原色。原色就是不能用其他颜色混合而成的颜色。我们可以用原色混合成其它各种各样的颜色。基本上原色分为红、黄、蓝3种。这3种颜色当中不能掺杂其它的任何一种颜色。

(2)间色。间色就是由两种颜色混合而成的颜色。我们用三原色就可以调出3个间色来。例如，红色加黄色可以调出橙色，黄色加蓝色可以调出绿色，蓝色加红色可以调出紫色。橙色、绿色、紫色称为间色。

这种交错关系构成了色光、颜料与色彩视觉的复杂联系，也构成了色彩原理与规律的丰富内容。

(3)复色。原色就是由一种间色和另外一种原色混合而成的颜色。例如：黄色加橙色为黄橙，红色加橙色为红橙，蓝色加紫色为蓝紫，红色加紫色为红紫，蓝色加绿色为蓝绿等等。黄橙、红橙、蓝紫、红紫、蓝绿称为复色。

以上的原色、间色和复色就构成了千变万化的色彩世界。我们在运用色彩时可以根据这些特性，搭配出不同效果的色彩方案。

2 网页设计的色彩运用

根据专业的研究机构研究表明，彩色的记忆效果是黑白的3.5倍，也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。通常的做法是：主要内容文字用非彩色(黑色)，边框、背景、图片用彩色。这样页面整体不单调，主要内容也不会让人眼花缭乱。黑白是最基本和最简单的搭配，白字黑底、黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。

(1)红色。红色的纯度高，引人注目，有人称之为“火与血”的`颜色，能增高血压，加速血液循环。用红色为主色的网页不多，在大量信息的页面里使用大量面积的红色不易于阅读，但若搭配好的话，也可以起到振奋人心的作用。过纯的红色容易使人疲劳，引起人的心理反感，因此，一般只有在以节庆为主题的网页中会大面积使用纯红色，而在其它主题的网页中，要使用大面积的红色就需要加入白色或暗色调。

(2)橙色。橙色在网页中经常被使用，通常给人一种温馨明快的感觉，如果将黄色或黄绿色与橙色搭配会使网页呈现出非常好的效果。在各种网站中，橙色的使用几率比较多，橙色既能体现一种青春的活力同时也不失稳重。

(3)黄色。黄色作为一种主色调，在网页配色中经常会作为背景色来使用。黄色本身给人一种清爽、明朗的感觉，所以能够得到大部分人的认可。在一些门户网页中经常会运用到黄色，黄色会带给人一种积极向上的感觉，使人身心愉悦。高彩度的黄色与黑色的结合可以达到清晰整洁的效果，这种配色实例在网页设计十分多见。

(4)绿色。绿色通常被认为是象征和平的颜色，同时也会带给人安静祥和的感觉。在一些与健康相关的网站中经常会用到绿色。用浅绿色作为网页背景色，可以给人营造一种平静的氛围，也可以给人一种清凉的感觉。

(5)蓝色。蓝色在网页元素中出现的几率是最高的。很多政府门户、学校门户网页都使用蓝色作为背景色。使用蓝色既能达到庄重的效果，也能给人整洁、轻快的感觉。蓝色与白色、青绿色搭配会使人感到开阔、清凉。很多企业做网页时都选择了蓝色，IBM公司网页就是其中之一。

(6)紫色。紫色通常让人有一种神秘的感觉，在一些个性网页中经常会出现紫色。在一些女性网站中，经常会使用紫色做为主色调。蓝紫色通常与蓝色一起搭配使用。

(7)白色。白色除因明度高而感觉冷外基本为中性色，明视度与注目度都相当高。白色能满足视觉的生理要求，因此与其它色彩混合均能取得很好的效果。网页和其它视觉作品不同，它要求具有较高的阅读可视性，所以白色使用相当多。

(8)黑色。黑色是没有纯度的颜色，黑色在心理上是一个很特殊的色彩，它本身无刺激性，但是与其它色彩配合能增加刺激性。黑色是消极色，所以单独使用的情况用途不多，但是与其它色彩配色均能取得较好的效果。

3 色彩运用的主要问题

(1)做网站建设时要选准标准色，标准色的选择要符合自身特点。在了解色彩的基础上选择适合自己的标准色。同时，为了让主页更加丰富多彩、引人注目，可以在标准色的基础上，配以不同的辅色。在标准色的基础上搭配不同的辅色，使得网页看起来丰富而统一。

(2)在主页选色以前，要做很多的辅助工作。例如，在选色前要充分考虑网站受众的社会背景、心理需求。不同社会背景的人，对于色彩的感知也是不同的。因此，网站的设计者要充分考虑网站受众的心理因素和年龄特点，选择出符合受众心理的标准色。网站的用色要考虑到多方面的需求，尽可能地吸引访问者的目光，总结他们满意或者是不满意的原因，综合考虑。

(3)在设计网站的时候，我们应该关注流行色的发展趋势。每年都会有一些流行色出现，这是符合大众心理的一些基本色调。在设计网站的时候可以巧妙地加以应用，这样网页会富有朝气、令人赏心悦目。与此同时，还要关注网友对网站的评价，及时进行改进，这样才会吸引更多的受众，提高网站点击率。

(4)在制作网页时，要凸显自身特色。不能一味地去迎合大众。我们应该做到在保持自身特色的同时符合大众的心理。目前，随着网民人数的不断增加，网民的素质也越来越高，大多数的网民喜欢选择有特色、风格独特的网站进行浏览。网页设计师在设计网页时，可以选择体现自己风格的色彩大胆应用。

(5)网站设计师在设计网站时，应该更加注重整体效果。在设计网站页面时，要更多地考虑平面设计的因素，把握整体。色彩的明暗、轻重、冷暖，以及调和色和对比色的应用等都要考虑在内。

网页设计中色彩搭配原则及方法

网页设计中色彩搭配原则及方法

色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配。以下是我搜索整理网页设计中色彩搭配原则及方法，欢迎大家阅读!

一、色彩搭配原则

在选择网页色彩时，除了考虑网站本身的特点外还要遵循一定的艺术规律，从而设计出精美的网页。

1.色彩的鲜明性：

如果一个网站的色彩鲜明，很容易引人注意，会给浏览者耳目一新的感觉。

2.色彩的独特性：

要有与众不同色彩，网页的用色必须要有自己独特的风格，这样才能给人浏览者留下深刻的印象。

3.色彩的艺术性：

网站设计是一种艺术活动，因此必须遵循艺术规律。按照内容决定形式的原则，在考虑网站本身特点的同时，大胆进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。

4.色彩搭配的合理性：

色彩要根据主题来确定，不同的主题选用不同的色彩。例如，用蓝色体现科技型网站的专业，用粉红色体现女性的柔情等。

二、网页色彩搭配方法

网页配色很重要，网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不恰当的色彩搭配则会让访问者浮躁不安。

1.同种色彩搭配：

同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。

2.邻近色彩搭配：

邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。

3.对比色彩搭配：

一般来说，色彩的.三原色(红、黄、蓝)最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产 生强烈的视觉效果。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。

4.暖色色彩搭配：

暖色色彩搭配是指使用红色橙色黄色集合色等色彩的搭配。这种色调的运用可为网页营造出稳性、和谐和热情的氛围。

5.冷色色彩搭配：

冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配，这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色点色彩与白色搭配一般会获得较好的视觉效果。

6.有主色的混合色彩搭配：

有主色的混合色彩搭配是指以一种颜色作为主要颜色，同色辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。

7.文字与网页的背景色对比要突出：

文字内容的颜色与网页的背景色对比要突出，底色深，文字的颜色就应浅，以深色的背景衬托浅色的内容(文字或图片);反之，底色淡，文字的颜色就要深些，以浅色的背景衬托深色的内容(文字或图片)。

;

网站制作如何进行颜色搭配

在学习电脑的过程中，很多人对于网页有很大的兴趣，并且在很多课程中都会存在网站设计的过程，那么在进行网站搭配的过程中，颜色和搭配有什么关系呢？对于用户来说，一个网站的视觉体验感是非常重要的，一个完美的网站能够让用户停留更长的时间，下面电脑培训为大家介绍网站搭配的方法。

在进行网站设计的过程中，主题是非常重要的，首先需要进行网站类型和主题设计，知道自己想要设计的主题是什么？在确定主题之后就是进行颜色的选择，在整个网站中需要搭配哪些颜色，哪些颜色可以很好的融合在一起，这是每个网站设计师需要着重考虑的。

任何一个网站都需要有完美的配色方案，在主要的区域选择主要颜色，但是在设计过程中，如果重复使用同一种颜色，那么会严重影响用户的视觉体验和心情，心情和心态是潜意识的，IT培训告诉大家三种颜色搭配的成功案例。

一、三元组

三元组是三种方法中结构最为平衡的，在使用过程中能够很好的进行互补，很多在使用其他颜色进行互补的时候活出现偏离的情况，所以在互补的时候使用三元组结构进行搭配是非常可靠的。通过色轮上面的十二种颜色进行选择，可以选择相隔120度的任意三种颜色，这三种颜色可以分别作为背景，内容和导航。

二、分裂互补

分裂互补的配色方法是比较复杂的，在使用过程中如果能够很好的掌握，那么是能够获得很好效果的。在使用过程中，主要是采用四种颜色，其中两个对比色，两个互补色。在使用过程中，昆明北大青鸟建议可以把红色和绿色对比文章标签和植物，在沙漠上面使用蓝色和橙色，在使用者四种颜色进行互补，能够让整个网站的视觉效果更加协调。

三、类似

最后一种方法就是类似法，在进行方案设计过程中，主要注重互补色，这样能够很好的突出所选择主要颜色的活力。例如在设计过程中选择红橙黄，那么在整个网站中会显得非常有活力，并且不会出现颜色搭配不合理的情况。无论是在网站设计还是UI设计中，颜色的搭配都是非常关键的步骤，昆明电脑培训认为不合理的搭配会严重影响整体的视觉感受，所以很多时候颜色能够带来的效果是不能忽略的。