浅谈网页设计中的色彩应用

朱 琳 （天津职业技术师范大学 300202）

浅谈网页设计中的色彩应用

朱 琳 （天津职业技术师范大学 300202）

“色彩变幻无穷，犹如赞美春天的华丽乐章。”可见，色彩是冲击人视觉的第一要素，是设计成功与否的关键所在，其影响不可小觑。本文以网页设计为立足点，探讨了色彩在网页设计中的作用和表现，分析了色彩搭配原则，阐明了色彩对于网页设计的重要性。

网页设计；应用；色彩搭配

现今互联网正在全世界进行着一场科技革命，突破了不同政治、经济、地域及文化的界限，形成了一种崭新的交流方式。网页是构成网站的基本元素，色彩即是形成网站整体风格的重要因素。网页设计包括文字、图片、色彩、排版，其中好的版式设计、合理的配色方案可以起到事半功倍的效果。

一、色彩基础知识

任何一种彩色都有三种特征色相、纯度及明度，它们能够传递信息和意象，引起受众的共鸣，例如要传达高贵品质的信息可以在色相中选择冷色系，如蓝色、绿色和紫色，同时可以调高明度来表现质感。

色相也就是色的相貌，如，赤、橙、黄、绿、青、蓝、紫，不同色相激发受众对具体事物的联想与情感表达也不同。

红色可以较强地刺激视神经，容易引起受众的视觉注意，但长时间观看有可能引起视觉疲劳。常用来表现太阳、火焰、积极、忠诚的象征。

黄色的明度最高，较容易发生变化的颜色。倾向冷色的柠檬黄诱惑、高傲，倾向橙色的中黄则是一种有限度的热情、温暖和轻快。

蓝色使人联想到太空、宇宙、大海，常做衬托和背景使用，其沉静、透明、朴实而理智。易于同多种颜色进行搭配。

绿色代表恬静、中庸、平和、舒适在网页设计中经常被使用。黄绿色趋于新鲜、友善，，具有生命的活力；深绿色宽容、成熟，更具常春、传统的意境。

紫色代表神秘感、优雅、孤傲。加入白色成分时，变得浪漫具有女性魅力。

白色纯洁、神圣。代表希望和纯洁。常用于婚礼和医疗网站。

黑色传达坚实、严肃、刚健、粗陋，同时也承载着黑暗、罪恶、失望等信息。

灰色是中性色，突出的性格为中庸、平凡、沉寂，不像黑色与白色会明显影响其他色彩。

纯度也叫饱和度，指颜色的鲜艳程度。高纯度色彩给受众醒目、清澈、力量之感；低纯度色彩则有细腻、稳重之感。

明度指色彩的明暗、深浅度。高明度的色彩给受众轻快、活泼之感；反之亦然。

二、色彩在网页设计中的作用

网页设计是技术与艺术的结合，技术提供支撑，艺术通过色彩完善视觉体验，设计者运用色彩搭配原理，将各种颜色特性发挥极致。凭借色彩的魔力将版面中诸多元素变得具有艺术生命。将从以下几方面对色彩的作用进行探讨和研究。

（一）营造统一整体的风格

网页作为一种新兴的设计媒介，它将传统媒介传递的信息带入到网络之中。随着网站的普及，作为网页设计师如何能在品类多样的网站中脱颖而出是工作的重中之重！我们深知不同的色彩搭配产生不同的视觉效果，比比皆是，能给受众留下深刻印象的网站都具有统一整体的风格，一类是艺术感较强的网站，往往运用夸张的色彩来彰显其大胆个性的页面风格。另一类信息网站主要功能是传递信息，色彩较为单纯，比如：淘宝以橙色为主色调，突出购物主题，营造出轻松愉悦的购买环境。网易是新闻类网站，其红色作为主色调，代表正直、忠诚，凸显其网站的一手新闻特色，专业和严肃的态度贯穿始终。因此突出主题形成独具的特色是营造整体风格的主要途径，对传递网站信息起到关键作用。

（二）导向性视觉流程突出重点

所谓视觉流程，是指受众读取信息先后过程的一种自然流动的习惯。基本都是视线由版面的左上角沿着一条自然形弧线向右下方流动，注意力随之越少。根据不同性质的网站，有针对性地调整色彩配置，比如借助文字、手势、符号、图形的导向，主动引导受众视线向一定的方向移动，把版面的各构成元素串联起来，形成一个统一的整体，使版面主题突出，条理清晰，有效地提高了序列感和愉悦度。这就是导向性视觉流程。

（三）网页布局的合理划分

在网页设计中，对于内容丰富、信息量繁多的网页来说，合理的布局规划和色彩搭配会形成一种错落有致的布局。网页中的文字、图形以及背景并不是孤立存在的，它们之间的色彩配置关系不是简单组合关系，而是对视觉区域进行了科学的划分，营造出主次分明具有可读性强的页面。

因而，要充分考虑主体色与辅助色的相互关系，配色随着网页的性质不同随之改变。比如，搜狐门户网站主色调为黄色，旗下科技频道使用了蓝色导航作为主色调。蓝色代表积极沉稳向上的设计理念，预示着科学技术稳固发展，同时考虑到浏览者阅读网页的便捷性，网站还用灰色与浅色系将不同板块予以分类。如新闻类板块的特色较为专业严谨，采用了灰色与蓝色导航，军事类相关的板块采用了迷彩色为导航，与女性、健康生活相关的板块使用了淡粉色、淡绿色导航，与娱乐休闲相关的生活板块采用了橘黄色导航。

三、网页设计的色彩搭配原则

网页的色彩包括标准色、图片主色、背景色等。在网页设计中，色彩搭配要讲究技巧，充分考虑网页内容的风格，在遵循色彩的审美规律基础之上有意识地运用色彩创造美感，有效地提高浏览者点击率。

（一）同种色彩搭配

在网页色彩设计过程中，使用单一色彩如果运用不得当会形成单调缺乏生机的感觉。可以通过改变同类色的明度、纯度差别，增强画面统一效果的同时呈现出高贵、优雅的视觉效应。比如，化妆品类网站常用具有同种色彩倾向的中性色，表现女性高贵、温柔的性格特点；机械类网站常用黑色或沉着的蓝色、红色等，表现产品的坚实、精密或耐用的特点。

（二）邻近色搭配

使用邻近色进行网页设计，能够明确画面主色调，从而形成层次鲜明视觉画面效果。然而，采用邻近色进行页面设计时，小面积的将黑、白、灰穿插在版面中，可以提升画面的丰富感。例如，食品类网站常用鲜明、丰富的色调，采用红色、黄色和橙色刺激味觉，体现食品美味健康，小面积的白色、灰色为点缀色，纯度或明度达到了不同程度的变化。

（三）对比色搭配

对比色在网页设计中，常常用对比色进行小面积的点缀使用，会营造出活泼、强烈、鲜明等不同的视觉效应。例如，儿童类网站常用色相对比、冷暖对比，根据儿童心理学研究，强烈的色彩更符合儿童好奇、活泼的心理和爱好。

总之，色彩是网页设计中的一个重要环节，将不同的色彩进行组合，讲究搭配技巧并合理地加以运用，构成符合审美规律的页面， 同时也能更好地将语言和情感传达给受众，提升受众愉悦感。因此，在网页设计中做到对色彩有效地把控，对于网页设计是有很大帮助的，需要我们在实践中不断总结与创新。

[1]Art Tone视觉研究中心著.平面设计配色全攻略[M].中国青年出版社，2010.

[2]原研哉，朱锷译.设计中的设计[M].山东人民出版社，2006.

本文系天津职业技术师范大学校级科研项目“关于加强我校艺术学院网站形象建设特色思路研究”项目编号：SK14-04。

朱琳（ 1986-） ，女，山西大同人，硕士，助教，研究方向：视觉传达设计。