论文部分内容阅读
摘 要：色彩有着强大的魅力，是视觉中最敏感的东西，网页的色彩运用直接影响到网站的整体形象。本文从笔者的教学体验出发，分析学生在网页设计中存在的色彩运用上的问题，依据色彩的基本原理，提出了在网页设计中色彩应用的一些策略。
关键词：网站 色彩 网页
中图分类号：G712 文献标识码：A 文章编号：1673-9795（2013）02（b）-0165-01
当网络冲击着我们现代人的同时，网站成了企业人宣传企业的有效途径。当我们打开网站时，首先关注的不是网站内容和页面布局，而是网页的色彩，所以色彩是网站的第一印象。一个网站的成功与否在很大程度上取决于色彩的搭配与运用，好的色彩可以快速吸引浏览者的目光，给人身心的愉悦感，从而大大提高网站的点击率。因此，我们要高度重视网页设计中色彩的运用。然而，对于职业院校艺术设计专业的学生来说，由于其本身对色彩理论这方面的知识掌握不够透彻，所以在设计网页时，对色彩的整体把握能力不强。所以，在教授学生网页设计这门技术的同时，更要注重提高他们在网页中色彩运用能力。要解决这一问题，要从以下几个方面入手。
1 了解网页色彩搭配原理
网頁设计属于平面设计的领域，但是它又区别于其他平面设计，那就是它既遵从艺术规律，又要考虑到人的生理特征。首先，色彩搭配要给人一种和谐、愉悦的感觉，一定避免采用高纯度的单一色，以避免造成人的视觉疲劳。其次，要把握住网站本身的主题和特点，明确网页的色相、冷暖色调和对比色调。暖色调包括红、黄、橙等色系，如果暖色调主导整个页面，可以使网页呈现出热情、积极、温馨的情绪。相反，如果强调冷色调的出现（包括青、灰、紫等色系），页面可以呈现出一种高傲、清凉、稳重、肃穆甚至萧条的情绪。然后，在色调的对比中要考虑到网站整体的设计目的，在网页整体色彩搭配上尽量避免大篇幅的对比处理，可以在小的细节上做一些风格独特的色彩对比尝试，从而可以刺激浏览者的视觉兴奋点。
2 合理运用主体色和辅助色
网页中存在多种色彩，根据其作用大致可以分为主体色和辅助色。主体色就像音乐中的主旋律，在网页中起主导作用。辅助色有着强调和丰富页面的作用，增加页面的层次感，使整个网页更加活泼生动。
2.1 选择合适的主体色
主体色也就是网页的标准色，它在页面中占的比例较大，主要包括网页的Logo、标题和整个框架的颜色。如何选择网页的主体色，要根据网站的具体内容而定。首先，要明确网站的主题、面向对象和色彩要表达的情感。比如，http：//www.zget.org/（中国儿童网）网站服务的群体是儿童，它在设计中除了大量使用卡通图片和声音等媒体外，还选择了色调对比较低的蓝、黄、绿为主体色，这种色彩搭配既活泼生动，又不会引起视觉疲劳，同时，又象征着祖国的花朵生机勃勃，这不恰恰符合了儿童这一面向群体的特征吗？其次，要根据企业形象选择主体色。对于企业来说，网站是企业整体形象中很重要的一部分，这类网站的主体色一般选择企业形象中的标准色彩。如苹果公司官方网站采用了其企业的标准色彩金属灰为主体色，这种颜色充分诠释出苹果公司的历练、高端、创新等企业形象。
2.2 辅助色的恰当运用
在网站建设过程中，主体色以外的辅助色的使用是必不可少的。辅助色能够丰富视觉，增加页面的层次感；同时，辅助色也执行着一些具体作用，如视觉引导、重点强调等。选择恰当的辅助色首先取决于与主体色的和谐，要建立在与主体色内在规律的联系上，既要保持相互之间和谐，又要辅助主体色的主导地位。辅助色与主体色共同决定了站点的标准颜色，同时决定着网站的整体风格。其次，要根据主体色来选择辅助色。页面的主体色确定后，选取一到两种颜色配合其使用，整个页面的色彩不要超过三种，否则会给人一种凌乱的感觉。辅助色可以采用主体色色环上的邻近色，这样能够统一页面风格；当然也可以选择对比色，但是对比强度不要过大。
3 合理应用动态色和静态色
一个完整的网站包括动态和静态两种元素。根据其呈现方式是否包含变化为，可将网页中的色彩分成静态色和动态色。动态色主要是指以交互因素为条件变化的色彩；静态色以静态文本的色彩为主。
3.1 动态色的运用
网页中以交互因素为条件变化的动态色常见于热区、按钮、超文本等具有交互功能的元素中，常用的色彩变化有对比、亮度和特殊颜色。比如，我们在浏览网页时把光标移至热区中，按钮或超文本变为较之前明亮、对比色或高饱和度的色彩用来吸引浏览者的注意力；对于已链接过的内容，为了与没有链接的内容有所区分，则用亮度、饱和度相对较低的颜色显示，既有所区别，又不会对浏览者造成视觉干扰。
3.2 静态文本色的使用
静态文本主要是用来阅读，在页面中常以大篇幅的形式出现。饱和度高的互补色的组合方式不利于浏览者阅读，这样会使人眼肌肉过度紧张而产生视觉疲劳，例如绿色背景、红色文本，紫色背景、黄色文本，以及纯红和纯蓝的组合。相对于注视无彩色，持续注视鲜艳的彩色更容易引起人的疲劳和烦躁。一般来说，背景色与文字色的色彩跳跃度越低，越接近无彩色，就越利于浏览者长时间阅读。高明度、低纯度对比的背景色与文本色的搭配，是适用于静态文本的色彩。在无彩色的搭配中，白底黑字是最安全、也是可读性最强的一种搭配方式。
4 结语
在互联网发展如此之快的今天，网站在互联网中扮演着十分重要的角色，更多的企业行业已把网站作为提高自我形象的核心手段，这就决定着人们对网页设计提出了更高的要求。网页不仅是信息的一种载体，它更是一件耐人寻味的艺术品，要求集实用性与美观性于一体。色彩在任何时候都有着巨大的能量，所以作为一个网页设计者，一定要深刻理解网页色彩的重要性，学会色彩在网页设计中的合理运用，这样才能把网站做成一件既有强大功能，又赏心悦目的艺术品！
参考文献
[1] 董海斌，王家民，陈鹏.网页界面中的色彩设计[J].美术大观，2007（11）：78-79.
[2] 郭洁恩.网页色彩表现研究[D].西安美术学院，2010.
[3] 李立伟.浅谈网页色彩设计[J].郑州轻工业学院学报，2007，8（2）：74-77.
关键词：网站 色彩 网页
中图分类号：G712 文献标识码：A 文章编号：1673-9795（2013）02（b）-0165-01
当网络冲击着我们现代人的同时，网站成了企业人宣传企业的有效途径。当我们打开网站时，首先关注的不是网站内容和页面布局，而是网页的色彩，所以色彩是网站的第一印象。一个网站的成功与否在很大程度上取决于色彩的搭配与运用，好的色彩可以快速吸引浏览者的目光，给人身心的愉悦感，从而大大提高网站的点击率。因此，我们要高度重视网页设计中色彩的运用。然而，对于职业院校艺术设计专业的学生来说，由于其本身对色彩理论这方面的知识掌握不够透彻，所以在设计网页时，对色彩的整体把握能力不强。所以，在教授学生网页设计这门技术的同时，更要注重提高他们在网页中色彩运用能力。要解决这一问题，要从以下几个方面入手。
1 了解网页色彩搭配原理
网頁设计属于平面设计的领域，但是它又区别于其他平面设计，那就是它既遵从艺术规律，又要考虑到人的生理特征。首先，色彩搭配要给人一种和谐、愉悦的感觉，一定避免采用高纯度的单一色，以避免造成人的视觉疲劳。其次，要把握住网站本身的主题和特点，明确网页的色相、冷暖色调和对比色调。暖色调包括红、黄、橙等色系，如果暖色调主导整个页面，可以使网页呈现出热情、积极、温馨的情绪。相反，如果强调冷色调的出现（包括青、灰、紫等色系），页面可以呈现出一种高傲、清凉、稳重、肃穆甚至萧条的情绪。然后，在色调的对比中要考虑到网站整体的设计目的，在网页整体色彩搭配上尽量避免大篇幅的对比处理，可以在小的细节上做一些风格独特的色彩对比尝试，从而可以刺激浏览者的视觉兴奋点。
2 合理运用主体色和辅助色
网页中存在多种色彩，根据其作用大致可以分为主体色和辅助色。主体色就像音乐中的主旋律，在网页中起主导作用。辅助色有着强调和丰富页面的作用，增加页面的层次感，使整个网页更加活泼生动。
2.1 选择合适的主体色
主体色也就是网页的标准色，它在页面中占的比例较大，主要包括网页的Logo、标题和整个框架的颜色。如何选择网页的主体色，要根据网站的具体内容而定。首先，要明确网站的主题、面向对象和色彩要表达的情感。比如，http：//www.zget.org/（中国儿童网）网站服务的群体是儿童，它在设计中除了大量使用卡通图片和声音等媒体外，还选择了色调对比较低的蓝、黄、绿为主体色，这种色彩搭配既活泼生动，又不会引起视觉疲劳，同时，又象征着祖国的花朵生机勃勃，这不恰恰符合了儿童这一面向群体的特征吗？其次，要根据企业形象选择主体色。对于企业来说，网站是企业整体形象中很重要的一部分，这类网站的主体色一般选择企业形象中的标准色彩。如苹果公司官方网站采用了其企业的标准色彩金属灰为主体色，这种颜色充分诠释出苹果公司的历练、高端、创新等企业形象。
2.2 辅助色的恰当运用
在网站建设过程中，主体色以外的辅助色的使用是必不可少的。辅助色能够丰富视觉，增加页面的层次感；同时，辅助色也执行着一些具体作用，如视觉引导、重点强调等。选择恰当的辅助色首先取决于与主体色的和谐，要建立在与主体色内在规律的联系上，既要保持相互之间和谐，又要辅助主体色的主导地位。辅助色与主体色共同决定了站点的标准颜色，同时决定着网站的整体风格。其次，要根据主体色来选择辅助色。页面的主体色确定后，选取一到两种颜色配合其使用，整个页面的色彩不要超过三种，否则会给人一种凌乱的感觉。辅助色可以采用主体色色环上的邻近色，这样能够统一页面风格；当然也可以选择对比色，但是对比强度不要过大。
3 合理应用动态色和静态色
一个完整的网站包括动态和静态两种元素。根据其呈现方式是否包含变化为，可将网页中的色彩分成静态色和动态色。动态色主要是指以交互因素为条件变化的色彩；静态色以静态文本的色彩为主。
3.1 动态色的运用
网页中以交互因素为条件变化的动态色常见于热区、按钮、超文本等具有交互功能的元素中，常用的色彩变化有对比、亮度和特殊颜色。比如，我们在浏览网页时把光标移至热区中，按钮或超文本变为较之前明亮、对比色或高饱和度的色彩用来吸引浏览者的注意力；对于已链接过的内容，为了与没有链接的内容有所区分，则用亮度、饱和度相对较低的颜色显示，既有所区别，又不会对浏览者造成视觉干扰。
3.2 静态文本色的使用
静态文本主要是用来阅读，在页面中常以大篇幅的形式出现。饱和度高的互补色的组合方式不利于浏览者阅读，这样会使人眼肌肉过度紧张而产生视觉疲劳，例如绿色背景、红色文本，紫色背景、黄色文本，以及纯红和纯蓝的组合。相对于注视无彩色，持续注视鲜艳的彩色更容易引起人的疲劳和烦躁。一般来说，背景色与文字色的色彩跳跃度越低，越接近无彩色，就越利于浏览者长时间阅读。高明度、低纯度对比的背景色与文本色的搭配，是适用于静态文本的色彩。在无彩色的搭配中，白底黑字是最安全、也是可读性最强的一种搭配方式。
4 结语
在互联网发展如此之快的今天，网站在互联网中扮演着十分重要的角色，更多的企业行业已把网站作为提高自我形象的核心手段，这就决定着人们对网页设计提出了更高的要求。网页不仅是信息的一种载体，它更是一件耐人寻味的艺术品，要求集实用性与美观性于一体。色彩在任何时候都有着巨大的能量，所以作为一个网页设计者，一定要深刻理解网页色彩的重要性，学会色彩在网页设计中的合理运用，这样才能把网站做成一件既有强大功能，又赏心悦目的艺术品！
参考文献
[1] 董海斌，王家民，陈鹏.网页界面中的色彩设计[J].美术大观，2007（11）：78-79.
[2] 郭洁恩.网页色彩表现研究[D].西安美术学院，2010.
[3] 李立伟.浅谈网页色彩设计[J].郑州轻工业学院学报，2007，8（2）：74-77.