网页设计配色应用实例剖析——橙色系2_站长心得

浅橙色同类色

→ 浅橙色同类色网页例图： http:// www.talentic.com

浅橙色同类色分析：

从主色调和辅色调在HSB数值H显示的数值是36可以看出，该页面色调是在同一种橙色的基础上只在明度上发生了变化。由于主要色调是浅橙色，明度越高饱和度越低，页面上减弱了饱和度较高的橙色特性，整个网页呈现出柔和自然稍有些发灰的调子。

该网页是在橙色这一个颜色上做不同明度黑白灰色阶的柔和变化，属于单色调，配色非常的单纯。色阶平稳，同时存在着不够醒目的状态。白色在这里是起到了拉开主色调和辅色调空间距离，增强辅色调橙色的特性，使整个稍许有些发灰的页面明快了不少。但也由于白色属于非色彩，只在明度上呈最高数值而无彩度，不能给页面带来彩度所具有的鲜活靓丽的感觉，另一方面却也呈现出质朴的感受。

结论：

前面我们提到过同类色是在同一色相中不同的明度颜色变化。因此这类颜色相对其他类别颜色来说明净而单纯，配色上较容易达到协调统一，但也容易显得单调。

初看该页面配色协调舒服，但看多了的确有些单调乏味的感觉，这也是同类色搭配的特性。同时由于运用了渐变色这一调和方法，该页面同时占有了前面我们提到的4种色彩中的调和方法的2种，整个页面呈现出调和中的调和是勿庸置疑的，但也同时显得有些单调，没有色彩亮点。

→ 邻近色橙色网页例图：http:// www.tide.com

橙色系邻近色（黄色+橙色＋橙红色）分析：

虽然第一眼看上去似乎色调上变化很多，但该网页的色彩构成主要是由黄色和橙色这两种邻近色构成的，通过不同的明度和纯度的变化而得到更为丰富的色阶，它们是浅黄色、黄色、橙色、橙红通过不同的形状面积，位置变化而得。从HSB数值中的H可以看出属于暖色范畴，三个色相的倾向不是很明显，以至于色彩呈现较规律、缓和。由于不同数值的明度表达，纯度也做出了不同的数值变化。

浅色在这里主要起到更调和主色调和点睛色的色彩过渡作用。点睛色在这里起到强调整个页面的华丽感，增强整个页面彩度的作用。

结论：

橙色与邻近色黄、红暖色调的搭配组合，这是一种简单又安全的方法，视觉韵律上处理得井然有序。整个页面看起来艳泽华丽、新鲜充满活力的感觉，符合Tide这一主题所要表达的目的。