网站设计中的色彩设计—色彩的对比(一)

wumei2009-09-25 18:12:45

  对比与调和也称变化与统一,这是绘画中获得美的色彩效果的一条重要原则。如果画面色彩对比杂乱,失去调和统一的关系,在视觉上会产生失去稳定的不安定感,使人烦躁不悦;相反,缺乏对比因素的调和,也会使人觉得单调乏味,不能发挥色彩的感染力。对比与调和,是色彩运用中非常普遍而重要的原则。要掌握对比与调 和的色彩规律,首先应了解对比与调和的概念和含义、对比或调和的表现方式和规律。

1.对比

  对比意味着色彩的差别,差别越大,对比越强,相反就越弱。所以在色彩关系上,有强对比与弱对比的区分。如红与绿、蓝与橙、黄与紫三组补色,是最强的对比色。在他们之中,逐步调入等量的白色,那就会在提高它们明度的同时,减弱其纯度,成为带粉的红绿、黄紫、橙蓝,形成弱对比。如加入等量的黑色,也就会减弱 其明度和纯度,形成弱对比。在对比中,减弱一个色的纯度或明度,使它失去原来色相的个性,两色对比程度会减弱,以至趋于调和状态。色彩的对比因素,主要有下述几个方面。

色相对比

色相对比是利用各色相的差别而形成的对比。色相对比的强弱可以用色相环上的度数来表示。

颜色对比 网站设计颜色对比 网站设计

                             同类色相对比                                                           临近色相对比

颜色对比 网站设计颜色对比 网站设计

                    对比色相对比                                                          互补色相对比

  第一种简单对比方法是:色相距离在色环中15°以内的对比, 一般看作同色相即不同明度与不同纯度的对比,因为距离15°的色相属于较难区分的色相。这样的色相对比称为同类色相对比,是最弱的色相对比。色相间在 15°以上至45°左右的对比,称为邻近色相对比,或近似色相对比,这是较弱的色相对比。色相距离在130°左右的对比,一般称为对比色相对比。这是色相 中等对比。色相距离在180°左右的对比,称为互补色相对比,是色相最强的对比。(图25)

色相环色彩对比

 

第二种较复杂的对比方法是:

在奥斯特华德色相环中可以这样分:

(1)在每个数字之内为同种色相对比,有色阶及纯度变化即可,没有冷暖之分。

(2)1~2之内邻接色相对比,其色相差别小,色彩对比非常弱。如红与橙红、绿与黄绿等,虽然是不同色相,但是相似于同一色相的配合。这样的配色易于单调,必须借助明度、纯度对比的变化来弥补色相感的不足。

(3)2~4之内的对比为类似色相对比,是红与橙、橙与橙 黄、黄与黄绿、绿与蓝绿、蓝与紫蓝、紫与紫红等在24色相环中相隔30°~60°左右的色相对比。类似色相对比要比邻接色相对比明显些。类似色相含有共同 的色素,它既保持了邻接色的单纯、统一、柔和、主色调明确等特点,同时又具有耐看的优点。但如不注意明度和纯度的变化,也易流于单调,若运用小面积作对比 色或以灰色作点缀色可以增加色彩生气。

(4)中差色相对比是黄与红、红与青紫、青紫与绿等在24色相环上间隔90°左右的色相对比。它间于类似色相和对比色相之间。因色相差别较明确,色相对比效果比较明快。

(5)对比色相的对比是24色相环上间隔120°左右的三色对比,如品红/黄/青、橙红/黄绿/蓝、橙/绿/青紫、黄橙/青绿/紫等。

色相环上的品红/黄/青为三原色的对比(或称第一次色对 比)。色相环上橙/绿/青紫是由第一次色混合而得的间色(第二次色)的对比。间色的对比较三原色的对比要缓和些。色相环中间隔90°左右的四色,如:红 /黄/蓝绿/蓝紫、橙/黄绿/绿蓝/紫、黄橙/绿/蓝/紫红等色组也属于对比色。

对比色相的对比,色感要比类似色相对比更具有鲜明、强烈、饱满、华丽、欢乐、活跃的感情特点,容易使人兴奋、激动。

(6)互补色相对比是在色相环上距离180° 左右的色组对比,是最强的色相对比,如红与蓝绿、黄与蓝紫、绿与红紫、蓝与橙黄。互补色相配,能使色彩对比达到最大的鲜艳程度,强烈刺激感官,从而引起人 们视觉上的足够重视,从而达到生理上的满足。因此,中国传统配色中有“红间绿,花簇簇。红配绿,一块玉”的说法。现代色彩学家伊登说:“互补色的规则是色 彩和谐布局的基础,因为遵守这种规则会在视觉中建立起一种精神的平衡。”在运用同类色、邻接色或类似色配色时,如果色调平淡无味,缺乏生气,那么恰当地使 用补色将会得到改善。互补色相对比的特点是强烈、鲜明、充实、有运动感,但是也容易产生不协调、杂乱、过分刺激、动荡不安、粗俗、生硬等缺点。(图26、 27)

明度对比

  明度对比是色彩的明暗程度的对比,也称色彩的黑白度对比。明度对比是色彩构成的最重要的因素,色彩的层次与空间关系主要依靠色彩的明度对比来表现。只有色相的对比而无明度对比,图案的轮廓形状难以辨认;只有纯度的对比而无明度的对比,图案的轮廓形状更难辨认。据日本大智浩的估计,色彩明度对比的力量要比纯度大三倍,可见色彩的明度对比是十分重要的。

  明度对比就是将不同明度的两色并列在一起,明的更明,暗的更暗的现象。

  明度对比效果是由于同时对比错觉导致的。明度的差别可能是一色的明暗对比,也可能是多彩色的明暗对比。人眼对明度的对比最敏感,明度对比对视觉的影响力也最大、最基本。例如造型基础训练的素描,就是利用对阴影的观察来增进对明与暗的敏感性的。

   在色彩对比中,理解、掌握明度的黑、白、灰关系是至关重要的。黑、白、灰决定着画面的基调,它们之间不同量、不同程度的对比具有能够创造多种色调的可 能性。而调子本身又具有很强的塑造力,如空间感、光感、层次感等,因此,它对画面是否明快,形象是否清晰起着关键性的作用。

 

  明度调子

  (一)强调面积关系的明度调试

  以黑、白、灰系列的9个明度阶梯为基本标准可进行明度对比强弱的划分。如图所示,靠近白的3级(7、8、9)称高调色,靠近黑的3级(1、2、 3)称低调色,中间的3级(4、5、6)称中调色。色彩间明度差别的大小决定着明度对比的强弱。三个阶梯以内的对比为明度弱对比,由于这种对比的关系在明 度轴上距离比较近,又称短调对比;五个阶梯以外的对比称为明度强对比,由于这种对比关系在明度轴上距离比较元,又称为长调对比;三个阶梯以外,五个阶梯以 内的对比称明度的中对比,又称中调对比。

明度对比

  在明度对比中,如果其中面积最大、作用也最强的色彩或色组属高调色,色的对比属长调,那么整组对比就称为高长调;如果画面主要的色彩属中调色, 色的对比属短调,那么整组对比就称为中短调。按这种方法,大体刻画分为10种明度调子:高长调、高中调、高短调、中长调、中中调、中短调、低长调、低中 调、低短调、最长调。其中第一个字都代表这画面中主要的色或者色组。

  高长调:反差大,对比强,形象的清晰度高。有积极、活泼、刺激、明快之感。

  高中调:以高调色为主的中强度对比,效果明亮、愉快、辉煌。

  高短调:高调的弱对比效果,形象分辨力差。起特点优雅、柔和、高贵、软弱,设计中常被用来作为女性色彩。

  中长调:以中调色为主,采取高调色和低调色进行对比。此调稳静而坚实,给人以强健的男性色彩效果。

  中中调:属不强也不弱的中调中对比,有丰富、饱满的感觉。

  中短调:中调的弱对比效果。这种画面犹如薄幕一般,朦胧、含蓄、模糊,同时又显色平板,清晰度也极差。

  低长调:低调的弱对比效果。它具有强烈的、爆发性的、深沉的、压抑的、苦闷的感觉。

  低中调:低调的中对比效果。这种对比朴素、厚重、有力度,设计中被认为是男性色调。

  低短调:低调的弱对比效果。它阴暗、低沉、有分量、画面常常显得迟钝、忧郁,使人有种透不过气的感觉。

  最长调:最明色和最暗色各占一半的配色。其效果强烈、锐利、间接,适合远距离的设计。但是处理不当会容易产生空洞、生硬、眩目的感觉。

  以上这10中明度调子是明度对比中最基本的调子,在实际运用中有时也会出现一些更细的对比关系。比如高长调,配色中不单有亮色、暗色,还会出现少量的灰层次,这时也可称它为高中长调,但是画面总体还是由高调的强对比来控制的。

明度对比明度对比

        中长调                 中长调

明度对比明度对比

         高短调                 最长调

明度对比明度对比

         最长调                                                                      低中调

明度对比明度对比

         低长调                                                                     高长调

  (二)强调整体节奏的明度调式

  这种调式不注重面积之间的对比,而是强调多种明度之间的连续对比所造成的节奏效果。以黑、白、灰系列的9个明度阶梯为基本标准,明度5以上的色 阶组合在一起,形成高1/2明度列,有种朦胧、晨曦的色彩感觉;明度5一下的色阶组合在一起,形成低1/2明度列,沉闷而忧郁;明度3-9的色阶组合形成 高3/4明度列,激昂而奋进;明度1-7的色阶组合在一起形成3/4明度列,雄浑、有力;明度1-9的色阶组合在一起形成权明度列,丰富、跳动。

明度对比明度对比


明度对比明度对比

  三、有彩色系的明暗对比

  明度对比不仅指无彩色系的黑、白、灰,它更多的存在与有彩色系中。在光谱色中,黄最亮,紫最暗,橙、绿、红、蓝处于中间。在一个高调画面中如想选用紫色,那只能将它加入大量的白,使明度提高;将黄色变为低调色要加入黑或者其他深色。值得注意的是,在改变这些原色的同时,它们原有的色性也改变了, 深沉而恐怖的紫变成了柔和而雅致,富有女性味的淡紫色;透明、发光的黄色变成了深谙的绿色。因此可以看出,任何颜色都只有在它原有明度的基础上,才能发挥 出最佳效果。例如红色在中等偏低明度中显示的力量最强。这样,在保持明度调子和谐的同时,就要特别关注色彩的彩度和色相倾向。

明度对比明度对比

作者:Freeren.org

上一篇:css给你灵感—用css做的翻页书
下一篇:网站设计中的色彩设计—色彩的对比(二)

写下您的看法