浅谈网站设计中色彩的运用

王越敏

(大庆市蒙妮坦中等职业技术学校， 黑龙江 大庆 163453)



浅谈网站设计中色彩的运用

王越敏

(大庆市蒙妮坦中等职业技术学校， 黑龙江 大庆 163453)

目的：探究色彩在网站设计中的搭配原则与搭配技巧。方法：以网站的页面结构、色彩的基本特征为理论基础，采用理论与实例相结合的方法从互补色、对比色等不同方面，分析色彩在网站设计中的具体应用方法。结果：掌握了网站设计的色彩搭配原则及搭配技巧，在设计网站时使用色彩就会运用自如，不失美感。结论：色彩作为视觉艺术语言，具有很强的视觉冲击力，在网站设计中合理应用，能达到彰显个性且不失和谐的效果。

色彩；网站；原则

0 引言

随着信息化时代的到来，网络逐渐融入大众生活的方方面面，成为人们日常生活、学习、工作不可或缺的重要工具。因此，网站设计的合理性与美观性显得尤为重要。

在日常生活中，常有“远看色近看形”的说法。这说明在设计中色彩对视觉的刺激是第一位的。因此，要增强网站的审美感及视觉冲击力，同时实现与使用者的情感共鸣，突出网页的个性设计与艺术魅力，都需要合理运用色彩。

1 网站的页面结构

1.1 主页

属于网站的首页，如同台上演员给观众的第一印象，色彩的运用及版面的设计都需要特别重视。

1.2 框架页

作为网站的主要结构页面，又称内页、次首页，也会有少许网站会以此页为首页。网站内部重要栏目的首页指的就是框架页，设计时色彩运用要与主页相呼应，风格要保持一致。

1.3 普通页

此页面承载着网站的主要信息，对链接要求需要文字准确、图文并茂，设计要与网页的风格保持统一，对设计要求不高。

1.4 弹出页

多数用于广告、消息、新闻、链接等等，设计要求可以独立。

2 色彩的基本特征

色彩是客观存在的，每个色彩都可以表达人的不同心理感受。各种不同色相、明度、纯度的色彩组合在一起就可以产生不同的效果，从而带来不一样的情感体验。

2.1 色相

所谓色相是指能够比较确切地表示某种颜色色别的名称，如赤、橙、黄、绿、青、蓝、紫。色相是表现色彩的种类。从光学角度来说，眼睛所接受光线的光谱成分决定所视的色相。若为单色则光线的波长会直接影响色相的面貌；若为混合色光，其效果则受各种波长光线的相对量影响。

2.2 纯度

色彩的纯度是指色彩的纯净程度或饱和度。色彩纯度高低也会受视觉生理的特点、照射光源、物体表现结构等方面影响。纯度低是由于含有色彩成分比例少；纯度高是由于含有色彩成分比例多。

2.3 明度

明度是指色彩的明亮程度。色彩明度会直接影响相同色彩的深浅。例如，在彩色系中柠檬黄明度最高，明度最低为蓝紫色，中间明度则为绿色、红色。色彩的明度、纯度之间是相互影响的，例如柠檬黄中加入黑色后，纯度、明度同时都降低了；当柠檬黄加入白色后，纯度降低了，而明度提高了。

3 网站设计中色彩的搭配原则

3.1 色彩统一性

很多时候，色彩体现着人们的感情，会使观者产生不一样的情绪。比如，蓝色让人冷静，黄色动感明快。在网页设计中，要发挥色彩的导向作用，使界面色调统一。

3.2 色彩布局合理性

布局影响页面内容的分割，并直接影响浏览者对网页内容的观看秩序。

3.3 色彩鲜明性

网页的色彩若鲜艳才能很好的引人注目也才会给浏览者耳目一新的感觉。

3.4 色彩独有性

要有自己独特的风格，使网页设计与众不同，给浏览者留下深刻的印象，色彩的运用就必须独到。

3.5 色彩契合性

网站的主题内容要与所用色彩之间有一定的契合性。例如，科技、教育型网站多用冷静的蓝色系，女性主题的网站多用温暖的粉红色系等。

3.6 色彩联想性

每种色彩都会让人产生不同的联想。大海、天空、智慧与蓝色吻合，生命、环保与绿色吻合，神秘、黑暗常用黑色表示，网站的内涵要与所选色彩相关联。

4 网站设计中色彩运用的搭配技巧

4.1 传达的讯息要明确

选择可以突出讯息的颜色。例如，某院校的网站背景选用较高纯度的蓝色，与博学的学习气氛形成呼应，突出优质的教学环境。

4.2 根据使用者的特点合理选择网页色彩

例如儿童美术学习网站，要从使用者的童趣出发，整个页面要有很跳跃的色彩，不同比例的三原色作为基色，凸显儿童的天真和可爱。而国画鉴赏网站则会采用水墨丹青作为主色调设计网页，凸显网站的国画艺术风格。

4.3 对比色、补色的运用

要使网站的主题更加突出，可使用补色、对比色。对比色的恰当搭配及补色的对比搭配，都可以使网页具有很好的空间感，更好的突出网页主体。在网站设计时常以一种颜色为主色调，其对比色作为点缀。

5 结语

网页的色彩运用是整个网站风格定位的坐标，想要更好地展现网站的形式和内容，使设计效果独树一帜，合理运用色彩是关键。在网站设计中，合理的色彩搭配有助于网页设计人员更好地设计制作出形式新颖，风格独特的优秀网站。

[1]李貌.包装工程网页设计中的色彩搭配研究[J]．包装工程， 2016年8月第37卷 第16期．

[2] 孟东生.色彩[M]．石家庄: 河北教育出版社, 2008.

[3] 李立伟.浅谈网页色彩设计[J]．郑州轻工业学院学报(社会科学版), 2007 (2): 74—77.

(编辑 文新梅)

DiscussionontheUseofColorintheDesignofWebsite

WANGYuemin

(DaqingCityMunniSecondaryVocationalandTechnicalSchools,Daqing163453,China)

Objective: explore the collocation principle and collocation technique of color in website design. Methods: with the basic characteristics of the web page structure, and color as the theoretical basis, adopt the method of combining theory with instance from different aspects such as the complementary color, and contrast color, to analyze the specific application method of color in the web design. Result: the collocation principle and collocation technique of color in website design is mastered. The use of color in the design of website can be free, and with aesthetic feeling. Conclusion: the color as a visual art language, has a strong visual impact, and the reasonable application of it in web design can achieve the effect of personality and harmony．

color; website; principle

2017-04-12

王越敏(1976-)，女。中教一级。主要研究方向：美术学。

J

A

1672-0601(2017)07-0116-02