网页设计中的色彩应用

吴姝妍

摘要：网页，作为21世纪信息化互联网时代的重要产物，已在人们的工作生活中扮演着不可或缺的角色。网页设计是一种平面设计，其带给用户的第一感受即为视觉感受，在遵循艺术设计规律的同时，应更多地考虑不同网页用户的心理、生理感受。对于网页的要求不仅仅局限于其功能性，还需考虑其欣赏性，那么色彩的应用在网页设计中起着极其重要的作用。本文浅析了色彩及色彩情感的基本概念与原理，在网页中的应用原则，在网页设计中的作用。

关键词：色彩；网页设计；应用

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）24-0136-02

21世纪是信息技术飞速发展的时代，网络伴随着人们的学习工作生活等各个方面，可以说作为新世纪的我们，如果生活离开了网络，就好像生活在真空中。互联网技术的发展改变了我们的生活模式，在全世界每一分钟都有无数网民浏览着各式各样的网页，而网页作为网络的门户，它将全世界都联系在一起。同时，作为一种新的信息传播媒介，相比于比传统的传播媒体，网页技术含量更高，它包含着文字、图片、声音、动画等各种表达传播信息的方式。而色彩的应用在网页设计中有着极其重要的地位，因为网民在浏览网页时对那些第一印象的色彩会有不同的反应，不同的色彩搭配运用也会给人带来不同的心理或生理上的反应，一个好的网页必定有一个比较出色的色彩搭配运用，一个色彩运用不恰当的网页可能会使网民在打开网页的几秒后就被关闭。色彩，是一门视觉艺术，而网页设计技术则是结合艺术、美学、计算机技术于一体的技术。网页信息传递的准确性在一定程度上取决于色彩设计运用，好的网页设计不仅仅在于不错的网页设计风格及样式，更重要的是色彩的搭配选择与运用，色彩的设计运用就是网页设计的基石，只有做好这一步其他的设计才会有意义。

1 色彩及色彩情感的一些基本概念

在大自然中我们可以见到各种各样的颜色，有天空般的蓝，小草般的绿，秋天枫叶般的红，冬天白雪般的白。而各种颜色都是由红、绿、蓝三种颜色组成，按照不同的比例混合，就可以得到不同的颜色，红绿蓝因此也称作三原色。同时，值得一提的是电脑屏幕上所能显示的所有颜色均由这三种原色按不同比例搭配混合而成的。色彩分作彩色与非彩色，彩色是除黑、白、灰外的颜色，非彩色即为黑、白、灰三种颜色。彩色具有色相、纯度与明度三个基本属性，而非彩色只具备明度属性。色相即为色彩的相貌与特征，也可以说色相就是指各种颜色的名称与种类，当我们谈及某一种色彩时即为其色相，常见的色相有红、橙、黄、绿、青、蓝、紫等。纯度则是指色彩的鲜艳程度，也称作色彩的饱和度，当然纯度是彩色所特有的属性，非彩色就不存在纯度这一说。原色是纯度最高的色彩，每当一种原色中混入一种其他的颜色，其纯度就会降低，混入越多，纯度越低。我们日常生活中所见的物体本身的色彩也有纯度高低之分，例如熟西瓜瓤与苹果相比，西瓜瓤的纯度更高。明度是彩色与非彩色共用的属性，它是指色彩的明亮度，正如我们平日里所说的颜色的深浅，这里的深浅变化即为色彩的明亮度。色彩明度的变化有很多情况，如不同色相之间明度就会有所变化，白比黄亮，紫比黑亮，不同颜色中加入白色就会变亮，加入黑色就会变暗等等情况。

以上所介绍的色彩的不同属性会带来不同的色彩情感，色彩作用在人的心理与视觉上，通过与过往的经历，脑海中记忆的画面以及知识相联系，使人产生不同的心理变化，而网页设计中正是需要通过不同的色彩变化来抓住用户心理。网页中的色彩给人带来的不仅仅是视觉上感官与辨识，它更多的是通过色彩情感的传达来引发用户心理或生理上的共鸣，这便是人类对色彩反应的更深层次。

色相是我们看到这一颜色的第一感受，它能够引起人的情感变化。例如红色是一种能够引起人们兴奋的色彩，它在视觉上会产生一种冲击效果，能使人们产生激动、冲动、热情的感觉，这也是为什么很多警示警告语都采用红色的原因；蓝色给人以清新，清爽的感受；黑色则是给人以庄严、深沉、压抑的感受。所以不同的色相会给人不同的感受，这些感受会带来生理或心理上的变化，网页设计中就需要根据网页的主题内容定好基色。

除色相会引起人的情感变化以外，色彩的明度与纯度也会在一定程度上影响人的情感。鲜艳明亮的颜色会让人激情高涨，清新淡雅的颜色则会让人心旷神怡。不同的纯度与明度搭配不同的色相会引发不同的感觉与感情的倾向，这也是在网页设计中丰富情感的总要手段。

2 色彩在网页中的运用原则

任何一门设计性的工作都有基本的原则，在基本的原则框架上再显示出设计者的独到特色之处。同样在网页设计中，除了一些计算机技术运用原则之外，色彩的运用也有一定的原则。

1） 整体统一性原则

网站的设计如同软件设计，在根据用户需求及网站的设计目的基础之上，需要大致的描绘出一个基本框架，也即给出一个整体的设计形象。所以在网页设计之初，网页上的基本色调要有一个定位，然后在此基本色调的基础之上进行拓展，这里所谓的拓展是保持原有的色调做一些微调搭配。因为，统一网页上的色彩要准守色系统一性原则，这样用户在浏览网页时能够很好地把握网站所传达出的重点，突出主题；同时不会因色相过多而导致用户出现视觉审美上的疲劳，视觉上的混淆，以此来增加网页的可读性。在这里需要说明的是主要针对儿童设计的网站可以不遵循此原则，因为儿童类网站更多注重多彩的卡通色系对儿童的吸引。

2） 局部对比统一性原则

这条原则却别于上一原则，所谓的对比统一性原则是在保持网页整体色系的原则之上在局部添加一些对比色系，如相似色与互补色。如果网页上的色彩过于单一，虽然保证了整体的统一性，但单一色系会使网页显得突兀，可能会使用户找不到网页的重点所在，在长时间浏览之后可能会出现视觉上的疲劳。相似色与互补色的正确运用是遵循这条原则的关键所在。所谓相似色是指在色谱中两相邻的颜色，在网页上相似色的运用能够提高网页上色彩的协调与融合，增加了稳定性，使网页色彩不过于单调也不过于花哨。互补色顾名思义，它与某种颜色形成互补，在色环上相邻。除了色相上的互补，在纯度与明度上的互补也能够增强网页的可读性，冷暖对比，明暗对比可突出某一颜色，跳动用户的视觉感，对视觉产生适当合理的冲击。

3）搭配适应性原则

搭配适应性原则是指在网页设计中色彩的搭配与选择要与所表达的对象或要传达的信息相呼应相适应。这就要求设计人员对网站所表达的对象要有一定的了解，它的基本色调是什么，那么在色彩的选择上就不应该随意。除了对表达对象的了解，还要对色彩心理与色彩学有一定的了解。色彩心理学告诉我们，不同的地域、名族、地位、身份的人群对统一色彩会有不同的心理变化，可能某一颜色对两个不同的名族意味着相反的态度。所以确定网页色彩之前要对所表达的对象做一个考察，例如，在一个庆祝节日的网页上多选用暖色系的红色，而不宜选择沉重，庄严的黑色。

4） 搭配均衡性原则

网页设计中色彩的选择与搭配最终的目的是使整个页面看起来更加和谐统一，更加美观。那么这就要求在色彩的选择与搭配上保持一定的均衡性。色彩的均衡性必须从网页的基本色调出发，以基本色调为主然后逐渐过渡到其他所需要的色调上。在单色的运用上要保持明暗过渡平缓，避免造成突兀的感觉，在多色相的搭配上要保证不同色相之间有中间过渡色相，这就要保持不同色彩在整个页面有一定的占有比例，就如黄金分割比一样，在一个适宜的比例才能保证均衡性，才能给用户一种舒适的视觉感官。

所以，以上原则很清晰地描述了网页设计中色彩的运用，在了解不同表达对象所匹配的颜色后，定好基本色系，保持网页整体的色系统一，在关键或重要的部分采用局部对比色系，突出表达的重点，在不同颜色之间采用中间颜色进行平滑过渡，保持整体色彩搭配的均衡性，让用户浏览时拥有一种舒适感。这样一个好的色彩在网页设计中就能够被很好的应用。

3 色彩在网页设计中的作用

通过以上对色彩在网页中的运用原则，我们明白了如何更好地将色彩运用于网页之中，那么，色彩在网页设计中都有哪些作用呢？色彩在网页设计中的作用基本可以概述为以下几条：

1） 确定主题风格与基调

通过上文色彩及色彩情感的一些基本概念可知，不同的色彩所表达与传递的内容以及给人以基本的心理与生理上的基本感受是不同的，那么确定了以网页上的基本色系也就等于确定了网页所要表达的基本主题。将色调与网页表达的内容与对象，形式与风格进行良好的相互融合能够达到突出主题的效果。

2）为网页布局提供向导

由于网页上的信息量大，内容丰富，所以一个良好的布局是极其重要的。而色彩的应用可以很好地帮助网页上不同模块的进行布局。通过对色彩的选用能够使用户在阅读时产生视觉区域性划分，使网页形成一种鲜明的层次感，主次分明，增强可读性及阅读的持续性。所以良好的色彩运用能够帮助设计者进行网页布局。在利用色彩进行页面布局时，还应注意保持色彩与网页的整体统一性，保持色彩搭配的均衡性，不应为了页面布局而是色彩差异性很大。利用色彩进行布局的最终目的是将复杂的信息进行有序的划分，让用户拥有良好的有序与清晰的阅读感

3） 为用户提供浏览向导

与设计人员相呼应的便是用户，设计人员利用色彩的搭配对网页进行一定规则上的布局，其目的便在与能使用户在浏览该网页是有一个良好的引导。鲜艳的色彩搭配能够吸引用户的眼球，引导用户找到网页所表达的重点，为其提供良好的浏览导向。

除了以上三条较为明显的作用外，色彩在网页设计中还有诸如提高审美度，增强网页宣传效果等作用。

4 总结

网页作为网络的门户，其设计已成为一种艺术体现的方式。网页设计中良好的色彩运用能够帮助吸引用户的眼球，同时它也在一定程度上决定着网页设计的成败。为了达到一定审美艺术效果，最大程度的吸引用户，这就要求网页设计人员立足于色彩应用，从色彩的基本概念以及色彩的情感心理出发，确定网页主题风格，遵循色彩在网页中运用的基本原则。只有在这个基础之上进行一些独特的设计才能使自己设计出来的网页更加别具一格。所以，在学习网页设计的过程中不仅要掌握好相关的计算机设计技巧，色彩的运用技巧也至关重要，一个良好的色彩搭配选择与运用是一个成功网页设计的基础。

参考文献：

[1] 张亮.论网页设计中的色彩应用 [J]. 茂名学院学报，2009（02）.

[2] 刘何建华. 视觉有温度——网页色彩情感研究[J].韶关学院学报·社会科学，2010（02）.

[3] 李爱国. 网页设计中的色彩搭配[J].湖南农机，2012（11）.

[4] 万斐.网页设计中的色彩运用研究 [J].现代装饰理论，2012（10）.

[5] 程辉.色彩在网页界面设计制作中的运用 [J].现代装饰理论，2014（12）.

[6] 李徐梅. 浅议色彩在网页设计中的运用[J].中国科技信息，2012（07）.

[7] 李克锋. 谈色彩在网页界面设计中的应用[J].电子技术与软件工程，2014（03）.