对于浅谈浅谈网页色彩搭配

论文导读：说到色彩的选择与运用，黑、白、灰，这三色是万能色，可以跟任何色彩搭配。针对明度较高的网站，为其配上黑色，则可以适当降低明度。白色则是网站中应用得最普遍的颜色，很多网站甚至留着大块的白色空间作为组成的一部分，也就是留白的艺术。适当的留白对网页的协调与均衡有很大的作用，也会令人感觉舒适、畅快、没有压力。网页的色
摘 要：网站给人留下的第一印象，既不是丰富的内容，也不是合理的版面配置，而是网站所呈现的色彩。网页设计的成功与否，在某种程度上取决于设计者对色彩的运用与搭配。本文拟就网页的色彩搭配谈谈自己的看法。
关键词：网页设计；配色原则；配色技巧
中图分类号：TP393.092
1 网页色彩基础知识
每个人都生活在五光十色的色彩环境中，难以想象没有色彩的世界将是一个什么样子。人们除了享受到自然界的缤纷色彩之外，也正在运用各种色彩美化着生活。
色彩主要有明度、色相和纯度3个特征。
明度是指物体反射的光的量。反射的光越多，物体色彩的明度就越高。总的来说，色彩的明度取决于色彩中白色和黑色含量的比例。
在设计网页时，应该注意前景色、背景色及网页各部分之间的色彩明度要相互协调。如果网页的背景色的明度较低，则网页中的文字的色彩应该选择明度较高的色彩；否则，文字颜色和背景色差别不大，用户在浏览网页时会感到非常吃力。当然，也不能选择明度太高的色彩；否则，用户会感到刺眼。网页源于：论文格式要求www.7ctime.com
的各个部分之间的色彩明度尽量做到既有变化，又相协调。
色相是色彩最主要的特征，是色彩所表现的“外相”，是色彩的种类。
在设计网页时，如果选择暖色相，例如红色、橙色、等则可以创造出温馨的效果。如果选择冷色相，例如蓝色、绿色，则可以使得网页呈现出清新、高雅的效果。
纯度是指色彩含有其它色彩的含量的多少。例如，粉红色的纯度比红色要低。
2 网页色彩选择的原则及搭配技巧
网站色彩的选择非常重要，当用户打开网站时，最先看到的就是网站的色彩，其次才是网站的内容。色彩的选择与搭配是否得当，会在很大程度上影响浏览者的意愿。下面谈一下网页色彩的选择与搭配的原则，网页色彩搭配的技巧，以及页面中各区域的色彩分配。

2.1 网页色彩选择与搭配的原则

说到色彩的选择与运用，黑、白、灰，这三色是万能色，可以跟任何色彩搭配。针对明度较高的网站，为其配上黑色，则可以适当降低明度。白色则是网站中应用得最普遍的颜色，很多网站甚至留着大块的白色空间作为组成的一部分，也就是留白的艺术。适当的留白对网页的协调与均衡有很大的作用，也会令人感觉舒适、畅快、没有压力。网页的色彩的选择与搭配大体可以遵循以下三个原则。
（1）符合网站的风格和主题
不同类型的网站就要使用不同的色彩和视觉元素，以求达到内容和形式上的统一，这样做更符合人们的认知习惯。例如政府部门的网站一般都以红色为主，体现出一种严肃、庄重的气氛。新闻类的网站应该以白底黑字为主，无须太多的颜色。购物类的网站则以橙色、蓝色等明亮轻快的颜色为主。
（2）色彩应该符合绝大部分访问者的审美观
网页的色彩与网页的内容应该相辅相成。色彩的选择应该适应绝大部分网站用户的审美情趣。各部分的色彩搭配要层次分明，能够将内容清晰地展示给访问者。国内的许多购物网站都不约而同地采用了橘作为主色调，这是由于网上购物的绝大部分是年轻人，而橘既有红色的热情，又有的光明、活泼，正是年轻人非常喜欢的颜色。
（3）色彩应该与众不同
网页色彩的选择应该突出独特性，设计者应该在前面两个原则的基础上，大胆地使用色彩，展示自己的个性，创造出与众不同的视觉效果。一般来说，这种色彩的独特性与网站的内容是密不可分的。

2.2 网页色彩搭配的技巧

明白色彩的基本概念及搭配原理之后，网页页面中各个要素的色彩又该如何搭配呢？
首先，一个网站不可能只使用一种颜色，否则会让人感觉单调、乏味；但是也不能将所有颜色都用到网站中，这会让人感觉轻浮、花哨。一个网站最好有一至三种主体色，所以确定网站的主体色是设计者最重要的课题。在页面上，除白色为背景外大量使用的颜色，就是这个网页的主体颜色。例如，腾讯网的主页以蓝色作为主色彩，新浪网则以作为主色彩，美国微软公司的主页则以天蓝色为主色彩。
其次，一页网页尽量不要使用超过四种颜色，用太多色彩会让人感觉不够稳重。当主体色确定之后，考虑其它配色时，记得要留意其与主体色的关系，以及要呈现的效果。此外还要考虑配色中的哪种因素占主要地位，是明度、纯度还是色相。
使用以下几种搭配技巧可以快速地找到网页配色的最佳方案。
（1）无色方式
所谓无论文导读：素雅，配上深色的文字之后，看起来自然、舒适。（2）网页头部：头部是放置网页标志（LOGO）与横幅（Banner）的地方，这是宣传网站最重要的工具，所以这两个部分一定要在页面上脱颖而出。怎样做到这一点呢？可以将它们做的像象形文字，色彩跟网页的主体分离。有时为了更突出，也可以使用与主体色相反的颜色。（3）导航菜单：这是网站的
色，是指在网页设计中，不选择彩色，只使用黑色、白色及灰色。这种设计方案简洁、质朴，而又不失凝重感。此外，还透露出怀旧的感觉。例如：香奈儿公司的主页，层次分明，给人以很强的视觉冲击效果，散发出高贵的气息。
（2）单色方式
该方案只选择单一色相的色彩，然后对该色彩的明度及纯度进行调整，产生新的色彩，用于网页中的不同位置，这样的页面看起来色彩统

一、又有层次感。

（3）相邻配色方式
这种配色方案比较简单，其原理是根据实际情况，在色相环上任意选择3个或者4个相邻颜色作为网页的色彩。由于都是相邻的色彩，所以色彩之间的过渡非常自然。
（4）互补配色方式
先选定一种色彩，然后选择它的对比色，接着调整纯度，用于网页中的不同位置，和谐的对比能够使整个页面色彩丰富、不花哨。

2.3 页面中各区域的色彩分配

每个页面都是由多个区域组成的。由于每个区域的功能不同，在页面中的地位也不同，所以色彩的分配也会不同。色彩的分配，可以按照以下原则来进行。
（1）网页内容：内容是展示信息的主要区域，背景颜色的明度应该较高，文字颜色的明度则较低，背景与文字色彩的对比度要高。一般来说是白底黑字，如果是黑底，也可以是灰字。 有些网站为了让浏览者对其留下深刻的印象，会在背景上做文章，例如，一页空白的某处用了大块的亮色，给人豁然开朗的感受。为了吸引浏览者的视线，突出背景，那么文字又要显得暗一些，如此才能跟背景跳脱，便于阅读。
网页设计的初学者可能习惯使用漂亮的图片作为网页的背景，但是当人们浏览一些著名、专业的大型的商业网站时，会发现其运用最多的是白色、蓝色、等单色，这样会让网页显得典雅、大方和温馨，最重要的是极大地增进了浏览者开启网页的速度。一般而言，网页的背景色应该柔和、素雅，配上深色的文字之后，看起来自然、舒适。
（2）网页头部：头部是放置网页标志（LOGO）与横幅（Banner）的地方，这是宣传网站最重要的工具，所以这两个部分一定要在页面上脱颖而出。怎样做到这一点呢？可以将它们做的像象形文字，色彩跟网页的主体分离。有时为了更突出，也可以使用与主体色相反的颜色。
（3）导航菜单：这是网站的导游。浏览者在不同的网页中跳转，要了解网站的架构与内容，都必须通导航菜单。所以导航菜单可以使用具有跳跃性的色彩，吸引浏览者的目光，让人感觉架构清晰、层次分明。
（4）侧栏：侧栏主要显示一些辅助信息，只要与网页的主要内容清楚地区分开来就可以了。
（5）页脚：页脚主要显示版权信息，是次要的区域，不应该喧宾夺主。可以考虑使用与侧栏相同的颜色。
（6）超链接：一个网站不可能只有单一网页，所以文字与图片的超链接也是不可缺少的部分。现代人的生活节奏相当快，无法浪费太多时间去搜寻网站的超链接，因此要为它们设计独特的颜色，让人自然而然地去点选。若要明显区分超链接文字与一般文字，最好设计不同的色彩。
3 总结
色彩拥有无穷的魅力，可以让本身平淡无奇的事物瞬间变得活泼生动。随着科技的发展与普及，社会进入信息时代，网络世界也开始变得多姿多彩。人们不再满足于简单的文字与图片的组合，而是要求网页看上去舒适、贴近主题，所以当代设计者不仅要掌握基本的网页制作技术，还需要了解网站的整体风格、配色等设计艺术。然而设计不可能通过一句话、一本书、一个案例就得到提升，而是要不断积累、增加阅历、增长见识、提高审美、以量变实现质变，最终设计出优秀的作品。
参考文献：
胡崧，于慧.新锐网页配色设计与案例分析[M].中国青年出版社，2007.
温馨工作室.页配色实用手册[M].科学出版社，2011源于：论文资料网www.7ctime.com
.
[3]张春，黄勇等.网页制作与网站建设宝典[M].电子工业出版社，2012.
[4]（美）Ann Narrp，Tabinda Khan.著Web设计轻松进阶[M论文导读：].电子工业出版社，1998.作者简介：田亚非（1973-），女，北京人，人民中国杂志社网络部技术编辑。上一页123
].电子工业出版社，1998.
作者简介：田亚非（1973-），女，北京人，人民中国杂志社网络部技术编辑。