网页设计中的色彩把握

【摘要】打开一个网站，用户有的会关注网站图片、有的会关注标题内容、有的则会关注信息的排版，但若想让人对这个网页印象深刻，色彩的选择及搭配至关重要。用户对网站的第一印象直接受到色彩的影响，而且颜色能够最直接的阐述网站整体的定位和思想，给用户带来感官上的刺激，从而产生共鸣，达到理想的用户体验。

【关键词】网页；色彩；用户体验

网页界面的视觉设计有着它自身的特色，本文关注点在于对网站颜色使用规则的把握，针对不同人群、不同风格、不同类型的网站在用色上也有所不同。色彩搭配的合理性使网站更好的展示网页内容，有利于信息的传达，有效的吸引用户，更加准确的贴近用户心理感受，使整体网站更具个性，展现其魅力所在。

一、网页设计的色彩发展

网页设计从最初的单一色调到了五颜六色再到制定网站标准色，最终趋势又回归了原始的单一色调。一次次的变革正跟整个时代的发展时间不谋而合，从一开始因为技术能力和知识水平的匮乏，我们只能做出色彩单一的网页；后来我们有了一定的技术和见解，开始将自己认为是美的一切事物都堆积在网页中，但由于日积月累的堆积，没有一个系统的梳理反倒显得网页配色杂乱无章，毫无风格与个性；再一次的转变是一些门户类网站对自己有了明确的定位，在vi手册中明确其用色标准，像新浪的橙色、网易的红色、腾讯的蓝色都给人留下了深刻的印象；就目前而言，设计理念和技术都到达了一个顶峰，各大网站开始了新一轮的升级改版，摒弃一切拖沓的元素，返朴归真，充分利用极简主义思想，将加法改为减法，用单一的颜色或是仅仅用黑白灰便向用户展示出一个及简洁美观又过目不忘的网站。日韩国网站在色彩处理上，通常采用高明度的纯色渐变搭配浅灰为主，多用手绘及精美图片制作的Flash动画来增强艺术效果，颜色多而不乱，并且通过投影、描边等细节上的处理，使页面的层次感更为丰富。而欧美等西方国家在网页制作上采取紧凑简单、重点突出的设计风格，擅长使用独立色块，将图片与文字合理的分布。苹果官网、Facebook、Google、Youtube等，均采用此方式进行网站的处理更新。

1、网页设计中的色彩规范

网站如何做到令用户过目不忘，色彩的使用起至关重要的作用。色彩所表现的情感与内涵也会影响用户从感官到理性思维对网站的理解，因此在网页设计的时候必须慎重考虑网页设计中色彩的选取与搭配，网页色彩设计也有一些可寻性规律。对于色彩的认知绝大多数用户的感官是类似的，如果色彩搭配过于繁琐拖沓，无论是什么类型的网页，都会给用户带来视觉干扰，用户体验感随之下降。因此，网页在主要的颜色方面配色最好不要超过三种，以免造成页面视觉体验的混乱。

2、色彩与网站主题保持统一

不同的色彩代表了不同的含义，对用户的心理感知也不相同。在选择网站的主色调时，要充分考虑用户体验及其色彩本身所象征的含义。以暖色系中常用的红色为例，它代表绚烂的生命，给人以热情、朝气、欢乐的感觉，也蕴含着一种力量和冲动，其内涵是积极的、向上的，深受活泼好动的人群喜爱。天猫的官方网站正是符合这一特征，其网站主色调选择红黑搭配，给人以强势专业的感觉；绿色是春天的颜色，象征着万物复苏，象征着希望，在中国文化中，它还是生命的代表，可代表植物、环保、生态等，多适用于健康类、环保类以及教育类网站；蓝色给人沉稳、精准、睿智的意象，在商业设计中，大多数行业将蓝色作为其标准色，如运输类、科技类以及医用类等网站，它给人一种强调效率的精准，强有力技术水平的感觉。

二、网页色彩搭配原则

网站为给用户留下深刻的印象，必须有独树一帜的风格和让人眼前一亮的特点，同时还要遵循色彩搭配的原则，使用户在浏览网页时有一种轻松愉悦的感觉。

1、同色系搭配

同一色相不同纯度的色彩组合，调整其饱和度和透明度来控制颜色的深浅，称为同色系搭配。这样的色彩搭配具有统一和谐的感觉，同时又具有层次感。近年来，选择使用同色系来制作网站数量在不断增加，简洁大方的搭配，符合目前审美趋势。

2、邻近色搭配

所謂邻近色，就是在色带上相邻近的颜色，色相相互接近，有一致的冷暖性质、一致的感情特性以及和谐统一的色调。绿色和蓝色、红色和黄色是最常见的邻近色。色相环中相隔五六个数位的两色，或者相距90度，再或者为邻近色的关系，属中对比效果的色组。

3、对比色搭配

相比于邻近色，人类的独特视觉感官还能产生的另一种生理现象：对比色。对比色是视网膜对色彩平衡作用的结果，在色相环中，互为对面的颜色称之为互补色，它也是色相环中对比最强的一组。用户看到对比色，心理会产生一种强烈的刺激感，印象会更加深刻。蓝色与橙色、红色与绿色以及黄色与紫色互为对比色。在经济飞速发展的现代，各行各业的发展都备受瞩目，越来越多的人不仅追求产品的质量同时也开始关注产品本身设计的美感，颜色搭配的好坏至关重要。像黑白，红绿，蓝黄等经典对比色深受设计师喜爱，更是在服装、艺术、建筑等极具个性的行业广泛使用。

三、网页设计中突出色彩使用理念

1、网页设计中色彩分配与呼应。

在进行网页设计色彩的对应与分配时，需要考虑到网页的框架结构以及用色大小面积，颜色的合理选择可以起到突出主题、增加层次，最终达到优化设计的目的，使用户体浏览主题更加明确，更能凸显网页宣传理念。

2、网页设计中色彩的简与琐。

色彩的简与琐，要考了颜色本身的简单性和复杂性，简单中的复杂，复杂中的简单，两者混合，形成一种秩序、简洁的意识形态。通常情况下网页在制定标准色时，都会确定的某一特定的色彩或一组色彩系统，通过色彩特有的感知刺激与对用户心理造成的影响，来表达该网页所要经营理念及需要传达的信息。

3、网页设计中色彩的反思维运用。

根据现有思维进行反向思考，运用其反向思维特点，使普通的色彩理念有了新的表达与表现，在这种情况下可能会给人们带来新的警示作用，是一种大胆的创新，突破了常理。表达出与众不同的内在感受。

4、网页设计中色彩的调和与搭配。

将两个以上的色彩协调组织在一起，能使人心情更加愉悦、满意的色彩组合。色彩的调和主要满足人们视觉和心理的需求。依照网页的不同类型以及所需要的宣传效果不同，需要根据其内容思想，通过色彩、色调的有机表现进行切合实际的有效表达。

四、网页设计色彩的反思

在网页设计时，用户越来越关注网页的色彩，一个网页设计的好坏，往往与色彩的搭配有及大的关系。当下互联网竞争如此激烈，无论何种类型的网站都处于井喷的状态，要想其网站从万千网站中脱颖而出，色彩的合理运用，可以引导和刺激用户的使用。在制作网页是，同样要关注色彩的民族、地域、信仰等特性，因地制宜，准确把握色彩的属性，适应用户的审美倾向。当然，时刻关注当前社会流行发展趋势，也是网页设计用色的重要参考。总之，色彩作为信息传播过程中的重要组成部分能赋予信息更加丰富的美感并有效提升信息传达的方式。

【参考文献】

[1] 张 磊， 浦晓旦， 杨 帆. 网页数字色彩显示设计研究[J]. 包装世界， 2015，5.

[2] 李湘缘. 浅谈网页设计中色彩语言的表达[J]. 艺术教育， 2012，11.

[3] 袁 琳. 网页设计中的色彩应用特点[J]. 艺术与设计（理论）， 2012，8.

【作者简介】

程璨（1990—），女，汉族，山东青岛人，青岛科技大学视觉传达与设计研究专业硕士研究生。