网站页面筹划色彩搭配

网站给用户留下第一印象的网站既不是网站丰富的内容 ，也不是页面网站公允的版面筹划 ，而是筹划网站的色采。色采对人的色彩视觉终局影响特别很是较着，色采的搭配冲击力是最强的，它很随便给用户留下深切的网站印象。一个网站筹划成功与否
，页面在某种程度上取决于筹划者对色采的筹划独霸和搭配 。是色彩以，在筹划网页时，搭配必须求高度正视色采的网站搭配
。本章次要陈述网页色采根本常识和网页色采搭配身手。页面

内容要点

体味色采的筹划事理

 熟谙网页色采三要素

熟谙各类网页色采搭配

掌控罕有的网页配色身手

1 、进修流程

非论立体筹划 ，色彩仍是搭配网页筹划 ，色采永远是最次要的一环  。不雅不雅不雅不雅鉴赏者起首看到的不是斑斓的版式或斑斓的图片，而是集团的色采。为了能更好地独霸色采来筹划网页 
，先来体味一下色采的一些根本常识 。

1. 色采的事理

天然界中有良多种色采，如喷喷喷喷喷鼻蕉是黄色的、天是蓝色的、橘子是橙色的等。色采五彩烂漫，变换无常 。我们日罕有的光，理论由红、绿 、蓝3 种波长的光构成，物体经光源照射，领受和反射不合波长的红
、绿 、蓝光，经由人的眼睛，传到除夜脑构成了我们看到的各类色彩 ，也就是说，物体的色彩就是它们反射的光的色彩 。红、绿、蓝3 种波长的光是天然界中全数色彩的根本，光谱中的全数色彩都是由这3种光的不合强度构成。把红
、绿、蓝3种色交互堆叠 ，就产生发火了同化色：青、洋红 、黄

2 色采的三要素

我国古代把黑 、白、玄（偏红的黑）称为“色” ，把青 、黄 、赤称为“彩”
，合称“色采”。现代色采学也把色采分为两除夜类
，即无黑色系和有黑色系。无黑色系是指黑和白
，只需明度属性；有黑色系有3 个根本特点，分袂为色相、纯度和明度 
，在色采学上也称它们为色采的“三要素”或“三属性” 。

（1）色相

色相指色采的称号，这是色采最根本的特点，是一种色采分辨于此外一种色采的最次要的要素 。红
、橙 、黄 、绿、蓝 
、紫等都各自代表一类具体的色相，它们之间的不合属于色相不合
。最初的基特点相为红 、橙 、黄 、绿、蓝、紫。在各色中心加上中心色，其头尾色相 ，按光谱按序为红、橙红 、黄橙、黄 、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫——十二基特点相

（2）明度

明度指色采的明暗程度 。明度越高，色采越亮；明度越低 ，色采越暗 。色采的明度改削产生发火出浓淡不合，这是绘画顶用色采塑造形体、默示空间和体积的次要要素。初学者经常随便将色采的明度与纯度同化起来，比如想要画面敞亮些 ，就调粉加白，下场明度是进步了 ，但色采纯度却降低了，这就是色采熟谙的单方面性而至。明度差的色采更随便调和，如紫色与黄色 、暗红与草绿、暗蓝与橙色等
。图2-3所示为色采的明度改削 。

（3）纯度

鲜艳程度，纯度高则色采光鲜；纯度低则色采惨然，含灰色 。色彩中以三原色红、绿、蓝为最高纯度色，而接近黑、白、灰的色彩为低纯度色。但凡靠视觉可以辨认出来的，具有必定色相偏向的色彩都有必定的鲜灰度  ，而其纯度的凹凸取决于它含中性色黑、白、灰总量的若干很多若干良多若干很多若干良多若干很多若干
。

读者还需求体味以下几个色采的特点。

● 邻近色：色环中相邻的3种色彩，如图2-5所示 。邻近色的搭配给人的视觉终局温馨而天然，所以邻近色在网站筹划中极端经常独霸。

● 互补色：色环中绝对的两种色采，如图2-6中的亮绿色与紫色、白色与绿色、蓝色与橙色等 。

● 热色 ：如图2-7 中的黄色
、橙色 、白色和紫色等都属于热色系列。热色与黑色调和可以抵达很好的终局。热色一样往常独霸于购物类网站 、儿童类网站等
。

● 冷色
：如图2-7 中的绿色 、蓝色和蓝紫色等都属于冷色系列。冷色与白色调和可以抵达一种很好的终局。冷色一样往常独霸于一些高科技和游戏类网站，次要表达峻厉、慎重等终局。

2、罕有网页色采搭配分化

色采与人的心思感应感染和神情有必定的相干 ，独霸这一点可以在筹划网页时构成本人稀少的色采终局，给不雅不雅不雅不雅鉴赏者留下深切的印象。不合的色彩会给我们不合的心思感应感染。

1. 白色色采搭配

白色的色感次要，性格刚烈而内向 ，是一种对人安慰性很强的色彩。白色随便惹人寄看 ，也随便令人快活、冲动 、次要 、冲动 ，它仍是一种随便构成人视觉倦怠的色彩。白色在各类媒体中都有普及的独霸，除具有较佳的明视终局外 ，更被用来传递有活力 、积极 、真诚、次要、提初等含义的企业笼统与精力 ，此外白色也常被用做劝诫、毁伤、阻拦
、防火等标识色 。

在网页色彩独霸中
，地道独霸白色为主色彩的网站绝对较少，多用于赞助色 、点睛色，抵达衬托
、刺目标终局 。

在白色中介入多量的黄色，会使其热力壮除夜，极富动感和喜乐氛围 。白色与黑色的搭配在贸易筹划中，被誉为贸易成功色
，在网页筹划中也斗劲罕有
。红黑搭配色 ，经常独霸于较前卫时髦、文娱休闲等请求赋性的网页中，如图2-11所示的页面 ，白色经由过程与灰色、黑色等非黑色搭配独霸 ，可以掉落踪掉落踪现代且保守的感应感染。

2. 黄色色采搭配

黄色给人的感应感染是冷峭、立崖岸、敏感 ，具有扩大年夜大年夜大年夜大年夜和不服宁温馨的视觉印象 。黄色是各类色采中最为娇气的 ，也是有黑色中最敞亮的色彩  ，是以给人留下敞亮 、光线、光线、快活 、崇高 、柔和的印象，同时又随便激起味觉的前提反射 ，给人以甘美、喷喷喷喷喷鼻酥感。

黄色是在网页配色中独霸最为普及的色彩之一，黄色和其他色彩合营很活泼，有次要感 ，具有欢愉、希看 、机警和轻巧的赋性 。黄色有着金色的光线，有希看与功名等意味意义，黄色也代表着地盘、意味着权益 ，并且还具无秘要的宗教色采

黄色是敞亮的且可以给人甘美幸福感应感染的色彩，在良多筹划作品中，黄色都用来默示喜庆的氛围和都丽的商品。但凡在商品网站中，独霸黄色与白色搭配衬着凶悍隆盛氛围
，斗劲契合活泼腾踊、色采灿艳的配色筹划。

3. 蓝色色采搭配

蓝色给人以沉稳的感应感染，且具有深远
、永远、沉寂、博除夜、明智 、忠诚 、酷冷的意象，同时蓝色还可以默示出舒适、淡雅 、干净、刚毅等。在贸易筹划中朴实科技
、商务的企业笼统 ，除夜多选用蓝色作为标准色

蓝色是冷色系最类型的代表色，是网站筹划中独霸最多的色彩，图2-16所示为罕有的蓝色搭配
 。

蓝色复杂 、不宣传
，可以衬托那些活泼、具有较强扩大力的色采
，为它们供给一个深远
、宏壮空旷、温馨的空间。蓝色仍是一种在淡化后还是能贯穿连接较强赋性的色彩。在蓝色等分袂介入多量的红 、黄、黑、橙 、白等色，均不会对蓝色的表达终局构成较较着的影响。

蓝色是冷色系类型的代表
，而黄 、白色是热色系最类型的代表，冷、热色系比照度除夜，较为明快 ，很随便感染不雅不雅不雅不雅鉴赏者的神情，有很强的视觉冲击力 。

深蓝色是沉稳且较经常独霸的色彩，能给人慎重、繁华、严谨 、成熟的心思感应感染。它次要用于营建波动 、刚毅、略带无秘要色采的氛围。一样往常用于企业宣传类网站的筹划中 。

4. 绿色色采搭配

在贸易筹划中 ，绿色所传递的是清爽、志向 、希看 、展开的意象 ，契合办奇不雅不雅、卫生保健业
、经历行业 、农业的请求。绿色但凡与环保见识有关 ，也经常被联想到有关安康方面的事物

绿色在黄色和蓝色之间，属于较中庸的色彩，是舒适色，偏向天然美，安好、活力勃勃、宽容 ，可与多种色彩搭配从而抵达调和的终局，也是网页中独霸最为普及的色彩之一，图2-19所示为罕有的绿色搭配。

绿色与人类彼此存眷，是天然之色，代表了生命与希看，也布满了芳华活力，它活力勃勃 ，意味着生命。它本身具有与天然 、安康相干的感应感染，所以也经经常独霸于与天然、安康相干的站点 ，绿色还经经常独霸于一些公司的儿童站点、经历站点或园林旅游网站 。

5. 紫色色采搭配

紫色的色采心思具有创作创作创造、谜 、虔诚 、秘要 、罕有等内涵。意味着女性化，代表着崇高和豪华、优雅与魅力
，也意味着秘要与安妥 、神圣和浪漫。图2-21所示为紫色的色阶
。

紫色但凡用于以女性为对象或以艺术品引见为主的站点，但良多除夜公司的站点中也快活喜悦爱好独霸包含秘要和崇高崇高色采的紫色 。图2-22所示为罕有的紫色搭配。

紫色介入多量的白色 ，就会成为一种特别很是斑斓、柔和的色采 。跟着白色的不竭介入，也就不竭地产生发火良多层次的淡紫色，可使紫色活泼的性格磨灭踪踪踪，变得优雅 、娇气 ，并布满女性魅力。

紫色与粉白色都黑色常女性化的色彩 ，它给人的感应感染但凡都是浪漫 、柔和、华丽、崇高优雅 ，不凡是粉白色更是女性化的代表色彩。不合色彩的紫色可以营建特别很是粘稠的女性化气味，并且在灰色的衬托下 ，紫色可以展示出更除夜的魅力。高彩度的紫白色可以默示出超凡的华丽，而低彩度的粉白色可以默示出俗气的气质。如图2-23所示 ，该页面具有特别很是凶悍的现代感，紫色的色采配应时髦的*** ，契合该页面主题所要表达的气候，让人随便记住它。

6. 橙色色采搭配

橙色的波长居于红和黄之间，橙色黑色常活泼的光线色采 ，是最热的色采 。给人以华贵而次要 、快活而凶悍凶悍隆盛的感应感染
，也是令人昂扬的色彩。具有安康、富有活力、大胆逍遥等意味意义 ，能给人有稳重、崇高、秘要等感应感染
。图2-24所示为橙色的色阶。

橙色是可以经由过程变卦色彩营建出不合氛围的类型色彩，它既能默示出芳华的活力也可以大年夜大年夜约完成慎重的终局，所以橙色在网页中的独霸局限黑色常普及的。橙色合用于视觉请求较高的时髦网站
，也常被用于味觉较高的食物网站 ，是随便激起食欲的色彩 。图2-25所示为罕有的橙色搭配 。

独霸了高亮度橙色的网页但凡都邑给人一种幽暗别致的感应感染 ，而经由过程将浅黄色、黄色
、黄绿色等邻近色与橙色搭配独霸，经由历程度歧的明度和纯度的改削而掉落踪掉落踪愈加丰富的色阶，但凡都能掉落踪掉落踪特别很是好的终局 。图2-26所示为橙色与黄色等邻近色的搭配网页 ，视觉上措置得井井有理，全数页面看起来华丽 、别致布满活力的感应感染 。[插图]

7. 黑色色采搭配

黑色是一种风行的次要色彩，契合和良多色采举办搭配
。黑色具有崇高、慎重
、稳重
、刚毅 、科技的意象，良多科技网站的用色（如电视 、开麦拉、音响的色采）都采取黑色，此外黑色也经常独霸在音乐网站中。

8. 灰色色采搭配

灰色居于黑与白之间，属于中等明度，灰色是色采中最主动的色采，受有黑色影响极除夜 ，靠邻近的色采掉落踪掉落踪生命，灰色接近鲜艳的热色 ，就会显出繁华的质量；若接近冷色，则变成次要的热灰色  。灰色是视觉中最温馨的色采，有很强的调和比照的感染。

灰色在贸易筹划中，具有柔和、俗气的意象，属中性色采，男女皆能领受 ，所以灰色也是永远风行的次要色彩。在良多的高科技产品中，不凡是和金属材料有关的，几近都采取灰色来传递初级、科技的笼统。独霸灰色时，除夜多独霸不合的层次改削组合或搭配其他色采，才不会产生发火过于平平、活泼 、机械
 、僵硬的感应感染。图2-28所示为灰色的网页。

3、网页色采搭配

网页的色采是创建网站笼统的关头之一，是以在筹划网页时，必须求高度正视色采的搭配。为了能更好地独霸色采来筹划网页 ，上面陈述网页色采搭配方面的常识。

1. 网页色采搭配的绳尺

色采搭配既是一项技能性工作 ，同时也是一项艺术性很强的工作，是以在筹划网页时除思虑网站本身的特点外 ，还要屈就必定的艺术规律，从而筹划超卓彩光鲜、性格稀少的网站。

一个页面独霸的色采尽大年夜大年夜约不要超出4 种 ，用太多的色采会让人没有标的方针 ，没有侧重点。当主题色采断定好往后，在思虑其他配色时
，必定要思虑其他配色与主题色的相干，要闪现甚么样的终局。此外还要思虑哪一种要素占次要职位，是色相 、亮度仍是纯度
。

网页色采搭配的本拥有以下几点：

● 色采的光鲜性 ：网页的色采要光鲜 ，多么随便惹人凝睇 。一个网站的用色必须求有本身稀少的气焰，多么才调赋性光鲜 ，给不雅不雅不雅不雅鉴赏者留下深切的印象

● 色采的稀少点：要有不合凡响的色采，网页的用色必须求有本身稀少的气焰，多么才调给不雅不雅不雅不雅鉴赏者留下深切的印象

● 色采的艺术性：网站筹划也是一种艺术活动，是以必须屈就艺术规律
，在思虑到网站本身特点的同时 
，屈就内容决意编制的绳尺，大胆举办艺术立异 ，筹划出既契合网站请求，又有必定艺术特点的网站 。不合色采会产生发火不合的联想 ，选择色采要和网页的内涵相联络关系

 色采搭配的公允性  ：网页筹划当然属于立体筹划的局限，但又与其他立体筹划不合 ，它在屈就艺术规律的同时，还思虑人的心思特点 ，色采搭配必定要公允，给人一种调和、快活的感应感染 ，阻拦采取纯度很高的单一色采 ，多么随便构成视觉倦怠。

色采的契合性：网页的色采和要表达的内容氛围相适应，如可用粉色闪现女性站点的柔性。

色采的联想性 ：不合的色采会让人产生发火不合的联想，比如，看到蓝色想到天空、看到黑色想到黑夜、看到白色想到凶事等，选择色采要和网页的内涵相联络关系。

2. 网页色采搭配编制

一个网站的集团色采终局取决于主色彩 ，和前景物与布景物的相干。网站是偏向于冷色或热色 ，仍是偏向于坦荡宽大年夜大年夜大年夜大年夜广大年夜奔放鲜艳或素雅朴质，这些色采偏向所构成的不合色彩给人们的印象等于网站色采的集勾搭局。网站色采的集勾搭局取决于网站的主题需求及访谒者对色采的欢欣乐乐喜悦爱好 ，并以此为按照来决意色采的选择与搭配。如药品网站的色采除夜都为白色、蓝色和绿色等冷色，这是屈就人们心思特点决意的。多么的集团色采终局才调给人一种安然、安好并刚毅的印象，使网站宣传的药品易于被人们领受。假定不思虑网站内容与消费者对色采的心思回响 
，仅凭主不美不雅不雅不雅不雅不雅不雅想象筹划色采
，其下场必定拔苗繁衍。

（1）网站的主色彩

网站的色彩一样往常由多种色采构成，为了掉落踪掉落踪不合的集团色采终局，要屈就网站主题和视觉传递请求，选择一种处于放置职位的色采作为主色，并以此构成画面的集团色采偏向 。其他色采旋绕主色改削，构成以主色为代表的不合的色采气焰。

（2）同种色采搭配

同种色采搭配是指起首选定一种色采，然后调剂通明度或饱和度，将色采变淡或加深 ，产生发火新的色采 。多么的页面看起来色采不合 ，有层次感

（3）前景物与布景物的相干

网页画面中既然有回响主题笼统的主体色  ，就必须有衬托前景物的布景物。主体与布景所构成的相干是立体告白筹划中次要的比拍照干 ，可用多种柔和、邻近的色采或中心色凹陷前景物，也可用不合的暗色采凹陷较敞亮的前景物
。布风亮光度的凹凸视前景物的明度而定，一样往常气候下，前景物华都比布景物华更增凶悍、敞亮且鲜艳。多么既能凹陷主题笼统 ，又能拉开主体与布景的色采距离 ，产生发火刺目标视觉终局 。是以在措置主体与布景物华相干时，必定要思虑二者之间的过度比照，以抵达主题笼统凹陷 、色采终局凶悍的方针。

（4）色采均衡

网页的色采均衡相当次要，因为一个网页中不成能仅独霸一种色彩。色采均衡包含色采的职位、每种色彩所占的比例及面积等。如鲜艳敞亮的色采面积小一点可让人感应感染温馨 ，不刺目刺眼 ，这就是一种均衡的色采搭配 。

5.比照色搭配

一样往常来讲色采的三原色（红、黄、蓝）最能闪现色采间的不合。色采的比照强，看起来就有困惑力，可以起到集结视野的感染，比照色可以凹陷重点 ，产生发火凶悍的视觉终局。经由过程公允独霸比照色 ，可以使网站特点光鲜 、重点凹陷。在筹划时一样往常以一种色彩为主色彩，比照色作为隐瞒，可以起到弄巧成拙的感染。