论文部分内容阅读
【摘要】：网页设计中总是由具有某种内在联系的各种色彩，组成一个完整统一的整体，形成画面色彩总的趋向，称为色调，也可以理解为色彩状态。色彩给人的感觉与氛围，是影响配色视觉效果的决定因素。
【关键词】：网页设计；色调；对比调和
1 RGB与HSB
在实用美术中，常有"远看色彩近看花，先看颜色后看花，七分颜色三分花"的说法。这也说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，对色彩的基础知识的良好掌控，在网页设计中才能做到游刃有余。为了使下面的网页配色分析更易于理解，我们先来了解色彩的RGB模式和HSB模式。
RGB是表示红色绿色蓝色又称为三原色光，英文为R（Red）、G（Green）、B（Blue），在计算机中，RGB的所谓"多少"就是指亮度，并使用整数来表示。
通常情况下，RGB各有256级亮度，用数字表示为从0、1、2至255。虽然数字最高是255，但0也是数值之一，因此共256级。按照计算，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色（2的24次方）。对于单独的R或G或B而言，当数值为0时，代表这种颜色不发光；如果为255，则该颜色为最高亮度。RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式，只要是在显示器上显示的，图像最终就是以RGB方式出现。
HSB是颜色分为色相、饱和度、明度三个因素。英文为H（Hue）、S（Saturation）B（Brightness）饱和度高色彩较艷丽。饱和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。一般浅色的饱和度较低，亮度较高，而深色的饱和度高而亮度低
2 无处不在的“调子”
网页页面中总是由具有某种内在联系的各种色彩，组成一个完整统一的整体，形成画面色彩总的趋向，称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围，是影响配色视觉效果的决定因素。为了使网页的整体画面呈现稳定协调的感觉，以便充分的把握其规律来更好的分析学习，我们把视觉角色主次位置分为如下几个概念，以便在网页设计配色时更轻易操纵主动权。
2.1 主色调
页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决定，可以根据页面的感觉需要。）
2.2 辅色调
仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。
2.3 点睛色
在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。
2.4 背景色
衬托环抱整体的色调，协调、支配整体的作用。
一个页面的色彩角色主要是根据其面积多少的来区别主次关系、达到最终目的的。当不同的颜色使用的面积相当，这个页面轻易呈现枯燥单调之感，而没有局部细节的变化。当一个页面使用的颜色过多、面积大小用得过于琐碎，这个页面轻易呈现花哨、主次不分没有整体的感覺。为页面设计配色的时候，应根据主题内容主次需要，各颜色有其各自的功能角色--面积使用最多的、最少的、不多不少的，加上冷暖的适度安排，纯度明度的合理变化，遵循这条原则，网页配色定能得心应手。
3大于“一”的对比与调和
在一定条件下，不同色彩之间的对比会有不同的效果。在不同的环境下，多色彩给人一种印象，色彩单一给人另一种印象。各种纯色的对比会产生鲜明的色彩效果，很轻易给人带来视觉与心理的满足。红、黄、蓝三种颜色是最极端的色彩，它们之间对比，哪一种颜色也无法影响对方。很多朋友都以为色彩对比主要是红绿、橙蓝、黄紫色的对比，实际色彩对比范畴不局限于这些。是指各种色彩的界面构成中的面积、外形、位置以及色相、明度、纯度之间的差别，使网页色彩配合增添了许多变化、页面更加丰富多彩。
3.1 色相对比
是指因色相之间的差别形成的对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。不同色相对比取得的效果有所不同，两色越接近，对比效果越柔和。越接近补色，对比效果越强烈。
3.2 明度对比
明度对比可分为：彩色差的明度对比及非彩色差的明度对比，是指色彩之间明暗程度的差别而形成的对比。是页面形成恰当的黑、白、灰效果的主要手段。明度对比在视觉上对色彩层次和空间关系影响较大。例如柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度。
3.3 纯度对比
是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。
3.4 补色对比
将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。
3.5 冷暖对比
是指不同色彩之间的冷暖差别形成的对比。色彩分为冷、暖两大色系，以红、橙、黄为暖色体系，蓝、绿、紫则代表着冷色系，两者基本上互为补色关系。另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。
3.6 纯度调和
降低冷暖两色纯度。用明度黑、白、灰变化来调整画面的层次、直接使用黑、白、灰色系进入画面搭配，或者加入补色的谐调，也都能很好的起到协调的效果。
3.7 面积调和
主次的面积区分。根据设计主题的需要，在画面的面积上以一方为主色，于是就掌控画面的色调作用，其他的颜色在使用面积上拉开距离，使画面的主次关系更突出，在统一的同时富有变化。
4结语
为了使网页的整体画面呈现稳定协调的感觉，以便充分的把握其规律来更好的分析学习，我们必须掌握网页设计中色彩的应用的基本原则，而对网页中色彩的研究会随着技术的改变和提高而产生相对的变化，我们对它的研究与讨论也一直在“路上”步步前行。
参考文献：
[1] 王娜. Dreamweaver 网页制作与色彩搭配全攻略[M]. 北京：清华大学出版社，2007
[2] 陈超华. 网站策划与设计[M]. 北京：北京邮电大学出版社，2015
【关键词】：网页设计；色调；对比调和
1 RGB与HSB
在实用美术中，常有"远看色彩近看花，先看颜色后看花，七分颜色三分花"的说法。这也说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，对色彩的基础知识的良好掌控，在网页设计中才能做到游刃有余。为了使下面的网页配色分析更易于理解，我们先来了解色彩的RGB模式和HSB模式。
RGB是表示红色绿色蓝色又称为三原色光，英文为R（Red）、G（Green）、B（Blue），在计算机中，RGB的所谓"多少"就是指亮度，并使用整数来表示。
通常情况下，RGB各有256级亮度，用数字表示为从0、1、2至255。虽然数字最高是255，但0也是数值之一，因此共256级。按照计算，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色（2的24次方）。对于单独的R或G或B而言，当数值为0时，代表这种颜色不发光；如果为255，则该颜色为最高亮度。RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式，只要是在显示器上显示的，图像最终就是以RGB方式出现。
HSB是颜色分为色相、饱和度、明度三个因素。英文为H（Hue）、S（Saturation）B（Brightness）饱和度高色彩较艷丽。饱和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。一般浅色的饱和度较低，亮度较高，而深色的饱和度高而亮度低
2 无处不在的“调子”
网页页面中总是由具有某种内在联系的各种色彩，组成一个完整统一的整体，形成画面色彩总的趋向，称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围，是影响配色视觉效果的决定因素。为了使网页的整体画面呈现稳定协调的感觉，以便充分的把握其规律来更好的分析学习，我们把视觉角色主次位置分为如下几个概念，以便在网页设计配色时更轻易操纵主动权。
2.1 主色调
页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决定，可以根据页面的感觉需要。）
2.2 辅色调
仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。
2.3 点睛色
在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。
2.4 背景色
衬托环抱整体的色调，协调、支配整体的作用。
一个页面的色彩角色主要是根据其面积多少的来区别主次关系、达到最终目的的。当不同的颜色使用的面积相当，这个页面轻易呈现枯燥单调之感，而没有局部细节的变化。当一个页面使用的颜色过多、面积大小用得过于琐碎，这个页面轻易呈现花哨、主次不分没有整体的感覺。为页面设计配色的时候，应根据主题内容主次需要，各颜色有其各自的功能角色--面积使用最多的、最少的、不多不少的，加上冷暖的适度安排，纯度明度的合理变化，遵循这条原则，网页配色定能得心应手。
3大于“一”的对比与调和
在一定条件下，不同色彩之间的对比会有不同的效果。在不同的环境下，多色彩给人一种印象，色彩单一给人另一种印象。各种纯色的对比会产生鲜明的色彩效果，很轻易给人带来视觉与心理的满足。红、黄、蓝三种颜色是最极端的色彩，它们之间对比，哪一种颜色也无法影响对方。很多朋友都以为色彩对比主要是红绿、橙蓝、黄紫色的对比，实际色彩对比范畴不局限于这些。是指各种色彩的界面构成中的面积、外形、位置以及色相、明度、纯度之间的差别，使网页色彩配合增添了许多变化、页面更加丰富多彩。
3.1 色相对比
是指因色相之间的差别形成的对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。不同色相对比取得的效果有所不同，两色越接近，对比效果越柔和。越接近补色，对比效果越强烈。
3.2 明度对比
明度对比可分为：彩色差的明度对比及非彩色差的明度对比，是指色彩之间明暗程度的差别而形成的对比。是页面形成恰当的黑、白、灰效果的主要手段。明度对比在视觉上对色彩层次和空间关系影响较大。例如柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度。
3.3 纯度对比
是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。
3.4 补色对比
将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。
3.5 冷暖对比
是指不同色彩之间的冷暖差别形成的对比。色彩分为冷、暖两大色系，以红、橙、黄为暖色体系，蓝、绿、紫则代表着冷色系，两者基本上互为补色关系。另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。
3.6 纯度调和
降低冷暖两色纯度。用明度黑、白、灰变化来调整画面的层次、直接使用黑、白、灰色系进入画面搭配，或者加入补色的谐调，也都能很好的起到协调的效果。
3.7 面积调和
主次的面积区分。根据设计主题的需要，在画面的面积上以一方为主色，于是就掌控画面的色调作用，其他的颜色在使用面积上拉开距离，使画面的主次关系更突出，在统一的同时富有变化。
4结语
为了使网页的整体画面呈现稳定协调的感觉，以便充分的把握其规律来更好的分析学习，我们必须掌握网页设计中色彩的应用的基本原则，而对网页中色彩的研究会随着技术的改变和提高而产生相对的变化，我们对它的研究与讨论也一直在“路上”步步前行。
参考文献：
[1] 王娜. Dreamweaver 网页制作与色彩搭配全攻略[M]. 北京：清华大学出版社，2007
[2] 陈超华. 网站策划与设计[M]. 北京：北京邮电大学出版社，2015