■ 补色对比

　　将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。

　　→ 补色对比网页例图：http://www.forthosewholovelife.co.uk

　　补色对比分析：

　　由冷色系的绿色、蓝色组成大背景环境，纯度较低。前景主要是突出产品、文字信息内容的大红色形成补色对比效果，RGB的R255数值与HSB是H为零，数值显示非常明确，标准的大红色。纯度亮度非常高，达到最高值，加之白色的勾边，使得红色更为凸显，更易于视觉对信息的迅速捕捉。

　　结论：

　　对比色的合理搭配，能拉开前景与背景的空间感，突出页面主体物。尤其是红色在主体物的运用，能迅速传递视觉的效果。

　　■ 冷暖对比

　　是指不同色彩之间的冷暖差别形成的对比。色彩分为冷、暖两大色系，以红、橙、黄为暖色体系，蓝、绿、紫则代表着冷色系，两者基本上互为补色关系。另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。

　　→ 冷暖对比网页例图：http://disney.go.com

　　冷暖对比分析：

　　以上这几组颜色乍一看感觉鲜艳程度都差不多，但是通过观察它们的数值发现饱和度都有相差，然而明度相近，因此它们给人造成的视觉感受几乎是相同的。该页面冷暖颜色较为丰富，橙和蓝是对比最强烈的补色，其次是倾向不够明显的补色黄、紫。明度不同的两个绿色起到了冷暖视觉的过渡作用。主色调的浅蓝色亮度较高，让页面不易给人沉闷的感觉。

　　结论：

　　冷暖对比的应用，通常在休闲娱乐网站、食品网站出现比较多。
　　
　　将这两个色系的色彩安排在同一画面时，其对比效果极为强烈。通常初学者较容易使两色相互排斥，导致画面色调不谐调。一般我们采用两种调和的方法。

　　纯度调整

　　降低冷暖两色纯度。用明度黑、白、灰变化来调整画面的层次、直接使用黑、白、灰色系进入画面搭配，或者加入补色的谐调，也都能很好的起到协调的效果。　　

　　→ 纯度调整网页例图： http://www.darkelephant.com

　　纯度调整分析：

　　主色调的橙色，添入了少许黑色做渐变背景色，降低了纯度。辅助色的蓝色是橙色的补色，主要起的是使得整个页面过多的暖色降低协调于整体的效果，及背景色的棕色都分别提暗降低纯度。而左上角的黄色则通过提高了亮度来降低纯度。一个页面里应有少量纯度较高的颜色而不至于使整个页面过于压抑，纯度亮度很高的点睛色红色就起到了这个作用。

　　结论：

　　纯度的调整主要是通过明度黑、白、灰变化来调整画面的层次，适当的加入补色也是其中的一个办法。

上一页  [1] [2] [3] 下一页