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

易扬扬

摘 要：能够为网页合理配色是每个网页设计师必备技能之一，它对于用户对网页的视觉体验起着主导作用。网站使用用户情绪和感受的好坏直接受网页效果图的色彩搭配是否合理的影響。合理和正确的色彩搭配会给用户带来很强的视觉冲击力，不恰当的色彩搭配会让用户完全丧失继续访问网站的兴趣。

关键词：色彩;色彩心理;视觉冲击力

DOI：10.16640/j.cnki.37-1222/t.2019.17.178

我们每天在互联网上看到的网站都是有色彩的，不管是有色彩系还是无色彩黑、白、灰，色彩会构成了网站的一个整体风格，可以为用户带来了不一定的视觉感受体验。好的色彩搭配对于一个网站来说是非常重要的，想要使网站色彩合理使用就要掌握一定的色彩知识。

1 认识颜色

1.1 色彩的基本知识

色彩的产生，世界本无色，光进入我们的眼睛，在光的作用下通过色彩的差异感受各种景物的存在。光在眼球网膜里产生刺激，通过视神经传达到支配视觉的大脑视觉中枢神经，从而产生色彩的感觉。太阳升起光线清晰明亮时，看到自然界的万物清晰而鲜艳的;太阳落下光线暗淡时，色彩变得模糊而阴暗;如果世界上没了光，我们什么都看不见眼前是一片漆黑的。

1.2 色彩的三要素：色相、明度、纯度

色相：色彩的相貌，是区分色彩的主要依据。在可见光谱上，人的视觉能感受不同特征的色彩，给可以相互区别的颜色定义出名称;明度：色彩的明暗程度（在无彩色系中白色明度最高，黑色明度最低）;纯度：色彩的饱和度或鲜浊程度。

2 色彩在网页效果图中的应用背景

一个网站的色彩风格确立首先取决于本网站的目标定位，色彩风格要与网站的主题内容相互呼应，要想更容易吸引访问者的注意，网页的色彩选择与搭配则要鲜明。美工进行设计时应避免只追求美观而与网页主题相冲突的色彩风格使用。

心理学家格里高里说过：“色彩往往是-种先声夺人的传达要素，就远观效果而言，色彩传达更优于图形图像的传达和文字的传达。”用户对不同的色彩有着不同的情感反应。网页效果图设计中的色彩能够有效提升用户对信息分类和信息浏览的准确度与速度。俗话说得好，好花也需绿叶配。就算你的网站整体设计的很不错，但是配色方面不到位，那么最后也留不住用户。好的色彩搭配是网页效果图设计成功的一个重要保障。在进行网页效果图设计时我们要设身处地的为客户着想，这样设计出来的作品更加符合客户的需求。

3 在网页效果图中如何正确合理的搭配色彩

在网页效果图设计和实施的过程中，对不同的色彩，会有不同的感受，整体呈现的效果也会不同，色彩是语言的诠释，每种颜色都有自己的意义，所以在进行色彩搭配的时候，我们必须要深入了解色彩的基本属性。我们在做网站定制的时候，一般企业网站的配色设计师们都是根据本企业Logo来配，网站的整体风格的搭配都需要综合考虑，使得主体颜色和其他颜色（包括每个区域的色块、图标的颜色、鼠标点击的点缀色、画框颜色）的整体统一协调。

主体颜色的选择奠定了整个网站的基调，其他部分色彩需要根据主体色彩进行调和搭配，配色与主体色彩是相对的，配色分布于网页效果图的各个地方，配色的面积仅次于主体色彩。主色和配色要符合色彩的自然规律，杂乱无章的配色会造成网页视觉杂乱。色彩的正确合理搭配指的是否符合网页设计的主题需要，需要掌握色彩属性知识，不能盲目的使用色彩。

3.1 科技类的网站

在众多的科技公司LOGO和主题会采用蓝色作为主色调，IT行业格外尤甚，蓝色也习惯性的被称为科技蓝。蓝色属于冷色调，会让人感到平静安宁、深沉冷静、这正是一个理性行业所需要的颜色。现在科技场所都以蓝白色为主色调，有利于逻辑思维的运转，视觉上也更为简洁。根据不完全统计蓝色是人们最喜爱的颜色，蓝色也有距离、忠诚之意，人们根据平常的生活经验俗成的赋予某些颜色以特定的象征意义，所以很多企业的LOGO方案和角色制定上，可靠与安全的蓝色往往会成为首选。

3.2 医药类的网站

医药类的网站多用于绿色或蓝色，绿色所表达的是清新、环保、生命和希望的意义，象征着生机勃勃生命，使人联想有关健康方面的事物，符合卫生保健业和服务业的要求。

3.3 母婴类的网站

网站的整体风格体现温馨、新生朝气、体现温暖简单的感觉，针对不同的年龄阶段使用的色彩不同，0-1岁新生儿主题风格在用色方面是马卡龙色调为主其他淡色调为辅;2-6岁的儿童主题风格用色方面主要是以明度高的黄色、绿色、红色等活泼的颜色为主。

3.4 食品类的网站

一般食品类的网站设计都会使用食物色，食物色：红、橙、褐等暖色系，暖色能够刺激味蕾，引起观看者的食欲，增进观者对网站的好感度。

网页效果图在设计的过程中合理正确的使用色彩，既赋予了网站生命和意义，又可在同类网站中脱颖而出，能够增强网页的吸引力从而提高网站的点击量。