基于企业形象的网页色彩设计探析＊

梅玲

（重庆电信职业学院，重庆 永川 402160）

基于企业形象的网页色彩设计探析＊

梅玲

（重庆电信职业学院，重庆 永川 402160）

在分析当前学生网页设计中色彩使用问题的基础上，提出了网页设计是企业形象的有机组成部分，网页的色彩设计必须以CIS所规定的标准为依据。提出了基于企业形象的网页设计色彩搭配原则，并从色彩的面积关系、冷暖关系、轻重关系、空间关系、软硬关系以及象征关系6个方面进行了阐述。

企业形象；网页色彩；色彩搭配；视觉心理；视觉空间

1 问题提出

在最近3年的网页设计教学中，笔者发现学生在制作网页设计作品以及设计练习时，对于网页的色彩不知道从何入手：不知道色彩选择的依据是什么、不知道从何处选择色彩，看到什么色彩就用什么色彩、想到什么色彩就用什么色彩、自己喜欢什么样的色彩就使用什么样的色彩，没有一个统一的色彩思考，最终网页界面上呈现出多种多样的且彼此之间没有任何关联的色彩布局。从视觉上讲，这种格局呈现“杂”、“乱”“破碎”的视觉特征；从心理上分析，这种格局会导致“烦”以及不想继续看下去的心理态势；从视觉空间上分析，这种色彩布局的视觉空间是紊乱的、没有秩序感；从信息传播的角度说，这种色彩使用格局传递的信息是杂乱的。出现上述种种问题的主要原因在于：学生没有正真厘清为什么进行网页设计？网页为谁设计？网页设计要体现什么？等问题。

2 网页与企业形象有机组成部分

计算机网络技术的迅猛发展，促进了网页设计的诞生。网页综合图形、图像、文字、色彩、动画、影像等元素为一体的特质，且不受时空限制的信息传播方式与特征，使得受众能够全方位、多角度、便捷地获取所需信息、了解研究某一事像。网页的这种属性使得大量、庞杂的信息能够及时、全面地出现于受众眼前。这为国家、企业、组织或者个人宣传自己的产品、服务、理念、形象提供了便捷的窗口。基于上述缘由，众多的企业、组织甚至是个人，使用网络这一媒介、网页这一载体宣传自身的形象。这一现象进一步推动了网页设计这一行业的快速繁荣。

从这个角度来讲，网页并不是游离于企业形象之外的新事物，而是企业形象宣传的有机组成部分，网页中的图形、图像、色彩、文字、动画等所有内容必须围绕着企业形象的宣传来展开。换句话来讲，企业形象决定了网页设计中所使用到的各种元素，当然色彩也不例外。

企业形象是公众在与企业交往的过程中所形成的对企业的总体的印象与认知。品牌专家Keller认为：“企业形象是消费者在记忆中通过联想反映出对组织的感知”。企业形象应该包括企业内部员工的感知与企业外公众的感知。企业员工的感知一般源于企业内部的组织关系与人事关系，而企业外公众的感知一般来源于与企业接触交往过程。

3 网页色彩的攫取依据

在构成企业视觉形象的图形、图像、色彩、文字等元素中，色彩起到了关键的作用。

色彩心理研究实验表明：事物的形象特征中，色彩的瞩目度要比大小、形状、肌理等特征都高。眼睛在观察事物时，最初的20s色彩感觉占据知觉的80%、形状等占20%；120s以后色彩占据60%、形状等占据40%；300s以后各占一半且这种状态将持续保持下去。也就是说，色彩在企业形象的宣传中、在企业网站的设计中占据着极为重要的作用。

为了准确传递企业的形象、为了企业形象宣传

过程中信息的统一，企业网站的设计必须严格遵循CIS（企业形象系统设计）中所规定的色彩及色彩的使用规范。也就是说，网页的设计其色彩源于CIS。

在CIS系统中严格规定了反映企业文化的主色彩、辅助色，详细规定了各种色彩的RGB与CMYK值、规定了各种色彩的明度值，也详细说明了所使用色彩反映了什么样的企业理念、服务态度等企业文化。所以网页的色彩设计应该且必须是以企业的标准色系统为依据。

4 网页色彩的搭配原则

网页色彩设计的组合方式直接决定了网页最终的视觉效果。网页设计中色彩的搭配方式千变万化、不同的企业、不同的行业、不同的风格均会导致色彩搭配的差异，传递出不同的视觉感受与视觉空间关系。但是不管是何种搭配关系，只要是视觉感受优美、符合受众的视觉习惯与心理的色彩组合关系，必然遵循着色彩“对比与和谐”的总美学原则。具体可以从以下几个方面进行入手解决实现：

1）面积关系。在网页界面中，各种色彩所占据的面积关系是决定网页视觉感受和谐还是冲突的主要因素。在面积关系中常有大面积与大面积色彩关系、大面积与小面积关系、小面积与小面积色彩关系。

在大面积与大面积色彩关系的处理中，一般要遵循大面积色块与色块在色相、明度或者纯度上有着一定的联系。比如，使用同一色相的不同明度色彩、使用明度较为接近的不同色相色彩、使用同类色、使用邻近色，等等。这样的色彩组合关系由于色彩之间某一些属性的相似或者相同关系，使得色彩比较和谐，不会出现视觉过度的刺激。这同的色彩组合关系多出现于网页的背景色彩处理中。

在大面积与小面积色彩的处理中，一般遵循大面积色彩与小面积色彩之间的差异性，即色彩之间的对比性。小面积色彩起到刺激、吸引眼球且与背景色拉开距离的作用，是网页中的“亮点”。在用色上，可以使用对比色、甚至是互补色，如果使用同种色，那么在色彩的明度上必须拉开差距。

在小面积与小面积色彩的关系处理上，一般要遵循色彩的相关性或者相似性，即小面积色彩在色相、明度、纯度上有一定的关联或者相似度。可以按照如下方式进行：第一，小面积色彩的位置关系处理，找出小面积色彩之间的秩序关系，并且按照一定的空间序列进行排列。第二，大小关系处理，如果小面积色彩之间对比强烈，可以统一小面积色彩所占据的面积。第三色彩属性处理，小面积色彩之间可以按照“大面积”与“大面积”色彩之间的处理关系。

2）冷暖关系。色彩具有冷暖的属性，即色彩给人以冷或者暖的心理感受。在网页设计中，色彩的冷暖关系一般出现在大面积与小面积色彩之间的对比上，一般使用色相的强对比关系。在这种关系中，大面积的色彩（冷色或暖色）主要营造色彩氛围，而小面积色彩则是视觉的重点与亮点。冷暖关系的处理可以参照面积关系中大面积与小面积色彩关系的处理。

3）轻重关系。色彩的轻重关系主要涉及到色彩的明度属性。色彩明度高的色彩看起来亮、轻；色彩明度低的色彩一般看起来重、暗。色彩的这种轻重感与日常的生活经验有着密切的关联。在色彩轻重关系的处理中，同样主要参照面积关系中大面积与小面积色彩关系的处理。无论数轻色还是重色，均可以作为背景色或者点缀色出现，但不能够同时作为背景色与点缀色。

4）软硬关系。色彩的软硬关系同样决定于色彩的明度属性。明度高的色彩开起来软、明度低的色彩则看起来较硬。在网页设计中硬色一般用于机械、矿业、男性等相关的行业属性，暗示理性、严谨、力度等企业文化属性，而软色一般是女性用品相关网站的主色调，暗示关爱、轻柔等企业文化特征或者产品特征。软硬色彩关系的处理，可以同样应用“面积关系”中“大面积与小面积”关系的处理。

5）象征关系。色彩本是一种以波长为体现形式的能量关系，本来没有任何的文化属性。但是在长期的约定俗成的使用过程中，人们逐渐赋予了色彩某些文化内涵、某些象征语义，使得色彩具有了一些“符号”的特质。在企业形象系统设计中，设计师这是利用了色彩的这种“符号”属性，进行企业文化的色彩表达。如使用绿色象征和平、静谧；红色象征激情、火热、革命；白色象征纯洁；蓝色象征科技、理性，等等。

在具有完整企业形象设计手册的情况下，可以完全按照企业形象设计用色设计手册进行。如若没有，则需与客户详细交谈、提炼企业的文化理念、归纳其行业特征，最后对照色彩的象征属性，找到匹配的色彩进行网页色彩的确定与设计。

6）空间关系。网页界面的空间关系是指：人们在查阅网页的过程中，由于网页构成元素色彩的明度、色相、色彩面积大小的差异以及色彩所在位置不同，而造成的人们认知上感觉二维网页中的构成元素呈现出三维空间（虚拟三维空间）关系，也可以称之为视觉空间。

网页设计中视觉空间关系的处理极为有利于网页界面内容庞杂、信息量巨大的场合。可以使用不同的视觉空间层次，使不同的内容呈现于不同的时间空间中。这样，即使是依然在同一个网页中同样的信息内容，但是由于空间层次的不同，会使得网页界面极有条理性、层次感、爽朗感。

网页界面空间关系的营造主要借助于网页界面中不同色彩的“前进”与“后退”感。对于重色、低明度色而言，具有后退感；轻色、高明度色彩则具有前进感。同一网页界面中，色彩的前进与后退造就了网页视觉空间感。

5 小结

学生在网页设计中常常出现色彩的“乱、杂、无序”的现象，其主要原因在于学生没有厘清网页与企业之间的关系，没有把握到网页是企业文化宣传、企业文化的重要有机组成部分。只有把握了这个前提，网页设计中色彩的来源才有依据。遵循企业形象系统中色彩的使用规则，结合版式设计原理与色彩构成原理，学生必定能做出色彩搭配和谐、优雅、满足客户需求的网页界面来。

[1]杨静，孙波.企业形象色彩在市场竞争中的作用.企业研究[J].2011.5

[2]王娟.网页设计中色彩的应用.电影评介[J].2014.1

[3]朱俊华.色彩情感要素在网页设计的应用.现代装饰(理论)[J].2014.3

[4]谢宜.网页设计中的色彩元素的运用研究，大众文艺，[J].2013.3

[5]李毅.色彩符号与企业形象的视觉传达.新闻界[J]. 2015.7

TP23

重庆市职业教育委员会一般科研项目（2015-ZJXH-13238）阶段性成果。。