网页设计中的色彩应用研究

王周娟

（北海职业学院 广西 北海 536000）

1 引言

“互联网+”是时代的必然趋势，为各地各业创造了条件。各国在互联网领域投入大量资金和技术，网络科技是新月异，满足社会对互联网的要求和需求。设备越来越好，网络的速度越来越快，互联网上的信息不断增加，如何有效的呈现信息，留住浏览者的目光，是网页设计人员的终极目标，文字、图片、音乐、视频等媒体元素网页的主体，而页面色彩的设计则是呈现主体的载体，合理美观的色彩设计，是网页画面成败的关键。

2 色彩的基本理论

只有了解色彩的基础理论，才能更加科学的、合理的应用网页色彩。

2.1 三原色。肉眼看到的色彩空间由3种基础颜色构成，叠加型的三原色是红色、绿色和蓝色。

2.2 色彩的三要素色相、饱和度和明度。色相是指不同波长的色的情况，也就是什么颜色的意思，波长最长的是红色，最短的是紫色；饱和度是色彩的鲜艳的程度，也叫颜色的纯度，饱和度越高，颜色越鲜艳，饱和越低，颜色越淡；明度是色彩的明亮程度，明度越高，色彩越明亮，明度越高，色彩越暗沉。所以色彩的三要素本质上是，颜色，彩色程度，明亮程度。

2.3 色彩的种类分为无彩色和有彩色。无彩色是白色、黑色、以及灰色；有彩色是指色相为红、橙、黄、绿、青、蓝、紫等的颜色。

3 网页设计中色彩的作用

3.1 呈现网页风格，突出网页主题

色彩是会给人冷暧、软硬、轻重等各种感受的。色彩调配和是装饰网页的好方法，能够在视觉方面展现独特魅力，给网页变幻多彩的新衣，形成一系列特色风格。通过不同风格的呈现，可以突出网页的主题，不同的主题会选择不同的色彩呈现。

3.2 直观划分视觉功能区域，配合网页布局

网页整体的合理布局、配色能够清晰的梳理页面内容，尤其帮助不同板块形成鲜明的排版，这不但可以丰富网页设计形式，还能够借助色彩应用和搭配进行色彩视觉分区规划，形成主次有别、层次分明的页面设计[1]。有效进行页面色彩选择设计，是可以明确区分网页的功能，在色彩模块和色彩造型上载入文字和图像等，色彩模块可以在浏览者的脑中形成页面布局和网页功能导航，烘托出整网页错落有致的布局。

3.3 吸引浏览者目光

色彩对人眼很有的冲击力的视觉元素，特别鲜艳的色彩，波长很长的色彩，人眼尤其敏感，网页设计中将色彩应用到极致能够凸显色彩的魅力。人们在浏览网页过程中，最先受到的视觉冲击不是文字、图片，而是大面积的网页背景颜—，风格简约大方、粉嫩可爱、星光璀璨，成熟稳定，低调奢华，冷静清爽等不同风格的颜色调配，都是为能够在最短的时间吸引浏览者，留住浏览者的目光。比如“OPPO”手机官网首页，一进入官网，映入眼帘的就是黑底的图像轮播，黑色中央是玫红色的动感旋转手机，奢华大气。向下拉网页下半部分分成4块大色块区域，分别是红灰白蓝画面简洁分明。

3.4 增加网页美观程度

色彩是视觉传达的方式，也是艺术设计的语言，色彩让网页具有个性化的高效途径，即使是典型的上中下结构的企业网页，也因为色彩的合理运用，画面效果大不一样，可以极大的增强网页的艺术性和美观程度，让网页像画一样美丽，更具有艺术感。当我们浏览一张网页，有像欣赏一幅画一样美好感受，那这个网页就是成功的网页。

4 网页设计中的色彩应用原则

4.1 以突出主题为根本

色彩应用对于网页设计而言是不可缺少的模块，人们习惯了五彩缤纷的世界，因此在观看任何事物时都会有色彩喜好，因此而形成各种各样的偏爱[2]。但一个网页的色彩基调，不能一味的取悦浏览者，也无法取悦所有的浏览者，还是要从网页的主题出发，网页的产品出发，结合受众，注意网页主题和色彩的配合，选择适合的色彩，二者兼顾。

4.2 网页整体色调要和谐统一

根据要表达的内容，要遵行色彩规律，依次先确定底色、主色、辅色、点缀色，各种色彩的角色和面积大小不同，要全面控好构成画面的色彩的色相、饱和度、明度，熟悉经典的配色方案，如黑白配色、黑底暖色、黑底冷色、白底暖色、冷暖交错配色、色彩深浅配色、色彩明暗配色。使页面在视觉上呈现和谐统一的一致性。

4.3 以灵动点睛为灵魂

可以将网页设计当作画面创作过程，在整个画面和内容排版中，要有一个点是能充分吸引浏览者的，也就是抓住眼球，现在网页设计中的banner广告设计一般占据网页最黄金的位置，一找开网页基本都是banner广告的为多。要把核心产品和核心内容的色彩设计做到极致，灵动有生命。

5 色彩设计的具体应用

网页计中的色彩功能区分是很明确的，大致可以分为背景色、主色、辅色、点缀色。

5.1 背景色的确立

背景色最常采用是的中性色，黑色、白色、灰色或者是直接使用主色作为背景色。背景色要纯净，柔和，有良好的过度效果，一般使用纯色或者渐变和画笔柔角笔头营造。

5.2 根据行业特征对主色的选择

主色，顾名思义就是主要色彩的地位非常重要，使用面积比较大。

主色彩的选择奠定了整个网站的基调，其他部分色彩选择需要根据主色彩进行调和搭配，由此可见网页设计的主色彩选择是十分重要的。一个网站的页面设计要敲定主色彩，只有确定主色彩的色系，才好陆续填充其他版块是色彩，在选择主色彩时需要注意通常不会选取过多的颜色同时作为网页主色彩，只要选择一两中颜色就可以[3]。而主色具体的选择最重要的是因素是产品本身特性和产品的目标受众的特定需求来确定。下面从行业方向分析一下网页设计中主色的选择，如图1。

图1 行业形象代表色

5.3 根据主色对辅色的选择

配色是与主色彩相对的，配色可以分布于网页的各个方位，配色所点的面积是次于主色的。主色和配色一定要协调，是符合色彩自然规律的，杂乱无章的配色选择则容易主次不分，没有重点，造成网页视觉杂乱的后果。因此，许多网站在设计过程中会结合主色彩的色调专门调和与之相映的配色，比如在黑色为底色的网页中，主色是深蓝色，配色是黄色，非常的突出，如夜空中的明珠。

5.4 对点缀色的选择

点缀色是比辅色更小的面积，起到画龙点睛的作用，提亮画面的效果。

5.5 根据页面背景对文字色彩选择

网页的主体内容还是文字，文字是传播信息的基本元素，所以网页设计过程中要重视文字的设计。选择合适的背景颜色和文字颜色，能够凸显网页的内容设计，增强网页吸引力，达到最终设计目的。常规用法是：深底亮字，浅底暗字，层次分明，交相辉映。在大幅广告中的文字一定是视觉艺术设计中比重很高的一部分，在日常中很多人会忽视对文字的处理。

6 结语

总之，网页设计的色彩应用对网页效果起到决定性作用，在网页设计中，色彩的良好搭配不仅可以为网页披上精致的衣裳，还能够烘托网站的情感与内容，可以帮助网站吸引更多网民，提高网站的点击量。

[1]曾梅兰.浅谈网页设计中色彩的应用[J].信息系统工程，2013，(07)：81-82.

[2]吕思思.浅析网页设计中的色彩应用[J].大众文艺，2013，(05)：85.