我的博客

我的博客,记录我的一切

网页色彩学----色彩传达的意义

网页色彩学----色彩传达的意义
网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接……,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?阿捷这里谈一些心得,希望对你有所启发。

   首先我们先来了解一些色彩的基本知识:
1、颜色是因为光的折射而产生的。
2、红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000),白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。
3、颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。
4、任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。
  网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。
  我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,图片用彩色。这样页面整体不单调,看主要内容也不会眼花。
●非彩色的搭配
  黑白是最基本和最简单的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是万能色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩,那么用灰色试试,效果绝对不会太差。
●彩色的搭配
  色彩千变万化,彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。
一、色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红 |___________| |____| |_________| |_________|    |     |     |      |   暖色系  中性系  寒色系    中性系
二、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色——是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。
绿色——介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。
橙色——也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。
黄色——具有快乐,希望,智慧和轻快的个性,它的明度最高。
蓝色——是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩:)
白色——具有洁白,明快,纯真,清洁的感受。
黑色——具有深沉,神秘,寂静,悲哀,压抑的感受。
灰色——具有中庸,平凡,温和,谦让,中立和高雅的感觉。
  每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。
●网页色彩搭配的原理
1、色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。
2、色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。
3、色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4、色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
●网页色彩掌握的过程
  随着网页制作经验的积累,我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料后,希望制作一个漂亮的网页,将自己收集的最好的图片,最满意色彩堆砌在页面上;但是时间一长,却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,推出的站点往往比较成功;当最后设计理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以设计出简洁精美的站点。
○网页色彩搭配的技巧
  文章写到这里,有心急的网友要问了:“到底用什么色彩搭配好看呢?你能不能推荐几种配色方案?”别急,这里有一点技巧,可以帮助你迅速成为调色大师:)
1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2、用两种色彩。先选定一种色彩,然后选择它的对比色(在Photoshop 里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在Photoshop 里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:)
4、用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。
  在网页配色中,忌讳的是: 1、不要将所有颜色都用到,尽量控制在三种色彩以内。 2、背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
    当我们在检视色彩的科学本质和色彩调和的美学考量时,我们发现感官在色彩运用上扮演了很重要的角色。除了感官反应与辨识调和色彩外,人类内在对色彩的反应还有更深层的一面。色彩能引发强烈的生理/心理共鸣,不管是正面或负面。当你在选定颜色组合时,请确定你所选择的颜色能引起适当的回响。 色彩的生理反应 虽然并没有直接证据显示色彩能引发特定反应,但是研究显示,某些颜色确实能够引起一些生理上的反应。例如,红色就是一种非常刺激的颜色,往往会令人心跳加快、呼吸急促。所以,红色非常适合用在需要引起注意和强调的时候,但若用在背景颜色的时候可能显得过于强烈。相同地,黄色也能引起注意,但因为其反射性太强,容易造成眼睛的疲劳和不舒服。另外一方面,蓝色对神经系统具有放松的效果,且根据一些研究显示,以蓝色当背景还能增加生产力。但是,如果你的产品与食物有关,千万不要用蓝色作为背景颜色,因为蓝色可是会抑制人们的胃口喔。
   色彩的象征
    色彩所象征的意义有时候跟大自然中的事物有关。例如,天空与太阳的颜色所产生的联想举世接然。然而,大部分的色彩意义都跟民族文化有关,例如,政治、宗教、神话或社会结构等 -- 这些因素可能会随着时间与地域的不同而产生差异。若你设计的网站是针对国外地区,那你可千万得小心,同一颜色在不同文化可能会有南辕北辙的效果。另外,大部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和饱和度的不同,或者是用混合两个颜色的方式来强调某个特别的涵义。
一般在西方的文化中,色彩所传达的涵义为:红色:热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号,用于警告或禁止一些动作。紫色:创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。蓝色:忠诚、安全、保守、宁静、冷漠、悲伤。绿色:自然、稳定、成长、忌妒。在北美文化中,绿色代表的是「行」,与环保意识有关,也经常被连结到有关财政方面的事物。黄色:明亮、光辉、疾病、懦弱。黑色:能力、精致、现代感、死亡、病态、邪恶。白色:纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。 如果你能不知不觉的创作出色彩的杰作来,那么,你创作时就不需色彩知识。 但是,如果你不能在没有色彩知识的情况下创作出色彩的杰作来,那么你就应当去寻求色彩知识
一、 配色
蓝紫色在色相环中位于蓝色和紫色之间,所以它也蕴含着紫色的一些神秘感。低亮度的蓝紫色显得很有分量,而高亮度的蓝紫色显得非常高雅。在网页中,蓝紫色通常与蓝色一起搭配使用。蓝紫色可以用来创造出都市化的成熟美,且蓝紫色可以使心情浮躁的人冷静下来。明亮的色调直至灰亮的蓝紫色有一种与众不同的神秘美感。
r 204  r 255  r 204 
g 255 g 255 g 204 
b 255  b 255  b 255 
#ccffff #ffffff #ccccff  r 204  r 255  r 102 
g 204  g 255 g 102 
b 204  b 255  b 153 
#cccccc #ffffff #666699  r 153 r 255  r 51
g 204  g 255 g 51 
b 255  b 255  b 153 
#99ccff #ffffff #333399  r 102  r 255  r 255 
g 102  g 255 g 153 
b 204  b 255  b 153 
#6666cc #ffffff #ff9999
r 153 r 255  r 255 
g 153  g 204  g 255 
b 255  b 51  b 204 
#9999ff #ffcc33 #ffffcc  r 0  r 255  r 102 
g 153  g 255  g 102 
b 204  b 204  b 153 
#0099cc #ffffcc #666699  r 0  r 102  r 204 
g 0  g 153  g 255
b 255  b 255  b 255 
#0000ff #6699ff #ccffff  r 102  r 102  r 204 
g 102  g 204  g 255
b 255  b 255  b 102 
#6666ff #66ccff #ccff66
r 102  r 255  r 102 
g 153  g 255  g 102 
b 153  b 204  b 204 
#669999 #ffffcc #6666cc  r 153  r 255  r 102 
g 153  g 153  g 102 
b 204  b 153  b 153 
#9999cc #ff9999 #666699 r 0  r 255  r 102 
g 51  g 204  g 153 
b 153  b 204  b 204 
#003399 #ffcccc #6699cc  r 204  r 51  r 204 
g 102  g 51  g 204 
b 102 b 153  b 0
#cc6666 #333399 #cccc00
r 0  r 102  r 204 
g 0  g 102  g 204 
b 102  b 255  b 204 
#000066 #6666ff #cccccc  r 0  r 204  r 51
g 51  g255 g 51 
b 153  b 153  b 51 
#003399 #ccff99 #333333  r 51 r 204  r 204 
g 51  g 0  g 204 
b 102  b 51  b 204 
#333366 #cc0033 #cccccc  r 51 r 204  r 51
g 102  g 204  g 51 
b 153  b 102  b 0 
#336699 #cccc66 #333300
r 0  r 255  r 0 
g 51  g255 g 0 
b 153  b 153  b 0
#003399 #ffff99 #000000 r 153 r 204  r 0 
g 0  g 204  g 51 
b 102 b 51  b 153 
#990066 #cccc33 #003399 r 204  r 0  r 0 
g 51  g 0  g 51 
b 51  b 0 b 153 
#cc3333 #000000 #003399 r 51 r 153 r 51
g 51  g 153  g 51 
b 102  b 102 b 51 
#333366 #999966 #333333
三、网页色彩搭配内涵
网页的色彩搭配往往是网友们感到头疼的问题,尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢?让我们来看看网友54雨寒的高见吧!
  一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
  1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
  二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。
  1、 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。2、 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。3、 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。4、 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。
  三、蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。
  1、 如果在橙色中黄的成份较多,其性格趋于甜美、亮丽、芳香。
  2、 在橙色中混入小量的白,可使橙色的知觉趋于焦躁、无力。
  四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
1、 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。2、 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。3、 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。 1、 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。
六、白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。3、 在白色中混入少量的蓝,给人感觉清冷、洁净。4、 在白色中混入少量的橙,有一种干燥的气氛。 5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。 6、 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。
四、善用色彩设计网页
色彩的魅力是无限的,它可以让本身很平淡无味的东西,瞬间就能变得漂亮、美丽起来。信息时代的快速到来,网络也开始变的多姿多彩。人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适。所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
一、认识色彩
  为了能更好地应用色彩来设计网页,我们还是先来了解一下色彩的一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。
  现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。
  色相,指的是色彩的名称。这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素。比如说紫色,绿色,黄色等等都代表了不同的色相。同一色相的色彩,调整一下亮度,或者纯度很容易搭配,比如,深绿,暗绿,草绿,亮绿。
  明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。明度越低,颜色越暗。主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也可以运用一些暗色调来表达个人的一些孤僻,或者忧郁等性格。有明度差的色彩更容易调和。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。
  纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。
  相近色:色环中相邻的三种颜色。相近色的搭配给人的视觉效果很舒适,很自然。所以相近色在网站设计中极为常用。
  互补色,色环中相对的两种色彩。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。
  暖色,暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。
  冷色,冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。
  色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。
二、色彩的作用
  色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯洁,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,稳重,理智;橙色代表了欢快,甜美,收获;绿色代表了充满青春的活力,舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。
三、色彩的运用
  要说色彩的运用,还是先谈谈黑白灰色彩的应用吧,因为黑白灰色彩是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果哦。
对一些明度较高的网站,配以黑色,可以适当地降低其明度。   白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
四、确定网站的主题色
  一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
  一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。
五、色彩的搭配
  在学习了解了色彩的一些基本概念及色彩的一些搭配问题,具体运用到网页中,各要素的色彩又是如何搭配的呢?
1、网页标题
  网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
2、网页链接
  一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。
3、网页文字
  如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
  当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
4、网页标志
  网页标志是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
  
六、色彩设计哲学
无论你是个怎样的死硬派,你不得不承认色彩和生活的亲密程度,差不多到了难舍难离的地步。小如每天上班该穿著什么颜色的衣服,大如设计一国之国旗应用什么颜色,全反映出色彩在我们的生活中,担当了个吃重的脚色。事实上,除了黑白影片的人物外,没有人可以生活在一个无色世界中。色彩令这个世界变得缤纷,它能改变我们的心情,影响我们对某事某物的看法。企业因此愿意把花绿绿的钞票投资在设计代表企业的颜色上,设计师绞尽脑汁去表现每种颜色的特质,为的是他们相信,在你和颜色相遇的一刹那,你可以意会到在那或温柔,或暴烈的色彩底下,它所传递给你的讯息。
    色彩运用是门学问,它在设计中占的位置到底有多重要?就这方面我们专诚向设计师蔡启仁先生请教。蔡启仁先生表示,一件设计作品,一般包含三个元素:色彩、图像、文字。这三个元素中,以色彩较为重要。蔡先生解释,人对色彩是相当敏感,当他们首次接触一件设计作品,最先攫取其注意力的,就是作品的颜色,其次是图像,最後才是文字。色彩给其他人的印象特别强烈,所以设计师最容易通过色彩去表达他的设计意念,而身为设计师,就必须懂得和色彩沟通,了解他们。色彩密码色彩牵涉的学问很多,包含了美学、光学、心理学和民俗学等等。心理学家近年提出许多色彩与人类心理关系的理论。他们指出每一种色彩都具有象徵意义,当视觉接触到某种颜色,大脑神经便会接收色彩发放的讯号,即时产生联想,例如红色象徵热情,於是看见红色便令人心情兴奋;蓝色象徵理智,看见蓝色便使人冷静下来。经验丰富的设计师,往往能藉色彩的运用,勾起一般人心理上的联想,从而达到设计的目的。色彩象徵
红——血、夕阳、火、热情、危险 橙——晚霞、秋叶、温情、积极黄——黄金、黄菊、注意、光明 绿——草木、安全、和平、理想、希望 蓝——海洋、蓝天、沈静、忧郁、理性 紫——高贵、神秘、优雅白——纯洁、 素、神圣 黑——夜、死亡、邪恶、严肃但心理学家也留意到,一种颜色通常不只含有一个象徵意义,正如上述的红色,既象徵热情,却也像徵了危险,所以不同的人,对同一种颜色的密码,会作出截然不同的诠释。除此之外,个人的年龄、性别、职业、他所身处的社会文化及教育背景,都会使人对同一色彩产生不同联想。蔡启仁先生举例,好像中国人对红色和黄色特别有好感,就多少和中华民族发源於黄土高原有点关系,是故在不同文化体系下,色彩会给设定为含有不同特定意思的语言,所表达的意义可能完全不同。 这个色彩和心理联想的理论,对设计师来说是个重要的发现。他们在选择运用何种色彩时,须得同时考虑作品面向的是那一个社群,以免得出反效果。蔡启仁先生举例,紫色在西方宗教世界中,是一种代表尊贵的颜色,大主教身穿的教袍便采用了紫色;但在回教国家内,紫色却是一种禁忌的颜色,不能随便乱用。假如设计师不留意色彩的潜藏语言,只自顾自发挥,传达了错误的讯息,到时就真不知道该怨谁了。
新一季流行色
    下一季会流行什么颜色?蔡启仁先生说黑色仍会继续流行,而另一种将会是明亮的绿色系列,到时,我们大概会见到一片亮丽的绿四处跳跃。
流行色彩
    色彩心理不过是其中一个选择条件,还有其他的原因左右设计师的决定,其中一个极普遍的因素便是潮流。当某个时期,某种颜色或某系列的颜色成为当时社会上的主流偏好,设计师设计新商品时,便不免会较容易倾向选择那些流行色彩。但是,是谁决定哪些是流行色?流行色的研究,是近半世纪的一门新兴学科。蔡启仁先生指出,世界上有一个国际流行色委员会,专门研究色彩的潮流。每年,委员会会对世界各地的流行色调加以研究分析,预测哪些颜色会成为国际流行色,提供设计师参考。
    但最终的决定权还是掌握在市场的无形双手中。事实上,大部份的流行色彩都是因商业因素而产生,市场中,一群商业投资者和设计师共同努力推动某些色彩,营造一种「某色是最流行」的气氛;当一般用家对这些颜色受落,新的流行色系於焉出世。这情形在时装市场中尤其明显,时装界经常带领新的色彩潮流,时装设计师每推出新一季的作品,都会带来连锁反应,其他周边产品诸如饰物、手表、背包、手提电话等,都会采用类似的色调,以求合衬,推而广之,其他用品的颜色也受影响。
    目前各个不同地区的交流频繁,流行色的覆盖层面越发广阔,对设计的影响力亦逐步加强。以近年为例,潮流追捧金属色系,一下子,新涌现的产品全部都不得不抹上三分金属色彩。设计师以提高商品的吸引力为大前题,顺应潮流用某些色彩,他们之中,有不少人更可在几种潮流色彩中翻出新意,创作出许多精彩的作品。但值得深思的,是一些盲目跟从潮流,不假思索的「设计师」,他们的制成品欠缺新意,只求赶上潮流,创作态度极为敷衍;长此下去,整个社会对创作的要求大有可能会不自觉降低,令人忧虑。
意念为体 色彩为用
    翻开任何一本有关色彩设计的书,都有谈到一些运用色彩的基本技巧,诸如注意冷暖色的对比,色彩分布的平衡,颜色的统一和谐等。但有趣的,是差不多没有一本书提过意念和色彩设计的关系,也许作者认为意念是设计之本,不用特别多谈也应留意到吧。但他们大概忘记了色彩的魔力有多大,当你面对数以千计的颜色时,那一阵子的兴奋,那一瞬间的眼花撩乱,足以令你完全忘记最初想要表达的是什么,真正要突出的是什么。於是我们会「有幸」目睹一些色彩很丰富,视觉效果很好,但却不知它的真正卖点是什么的东西。
    让我们还原基本步,回到创作意念的阶段。之前提过的设计三元素:色彩、图像、文字,全部都只不过是一个设计的外表,一个设计的真正灵魂其实来自设计师的创意。没有意念的色彩设计,无异於一具空有漂亮外表的躯壳,在最初目睹的一刻,或会慑住周围的目光,但观众能否长期记得这个设计,却很成疑问。只有把创作意念融入色彩设计中,整个设计才有灵魂,那些颜色才晓得向观众传情达意。蔡启仁先生提出疑问,为什么同样是运用那一堆颜料,有些设计可以令人久久难以忘怀,有些却只是「霎眼娇」?他忠告设计师应该认真从创作意念出发,而不要把心思全花在卖弄技巧方面。
    有些设计,在色彩运用上力求大胆创新,它推翻了一切色彩的基本定律,在视觉上不错会产生颇为震撼的效果,但我们还是不得不问,这个做法是否必需?构思色彩时,最起码要让色彩表现到作品的特质,譬如一张宣传某种新食品的海报,便应尽量用鲜明的色彩,去引起观众的食欲,但如果只为吸引注意,而采用极端大胆、反传统的颜色,这种纯粹为大胆而大胆的做法,是否足取? 举个例子或许大家会比较容易理解色彩和创意的关系:蔡启仁先生的其中一个作品,是一张喜帖,帖子上面简单地印了一个绿色的「喜」字。表面看来这张喜帖除了颜色上反传统之外,没有什么特别之处;但原来新郎倌和新娘子都是环保份子,所以绿色对他们意义重大;不过好戏在後头,当宾客打开帖子一看,发现新郎倌和新娘子一个姓黄,一个姓蓝,他们立即意会到「绿」的意义,绿色的喜,就成为两人结合的见证,绿色在这个设计上的运用极为巧妙,意义也更深远。
「大胆创新」和「标奇立异」之间,有时颇难准确拿捏,但蔡启仁先生提出的一点却很值得玩味,他认为设计师并不等同艺术家,艺术家是可以全然感性,而设计师在感性之余,却需要有理性去制衡。当脑海中充满天马行空的意念,艺术家会不管世俗眼光,不惜一切将他的创作意念全部倾泻,因为他的作品只需向他的艺术世界负责;但设计师就不能脱离客观环境,他要考虑这个设计是否真的可行,能否促销商品,它会给社会大众带来什么影响等等。「推陈出新」和「脱轨」这条分界线该怎样划,就要设计师自己去决定了。色彩情味自从出现了电脑绘图软件,电脑俨然成了设计师最忠实的作战夥伴。看著设计师的双手在键盘上飞快的跳跃,电脑显示器上的设计瞬间变化,色彩纷陈,情景煞是好看。无疑电脑使设计工作变得更方便,设计师可以很快就把脑海中设想的东西具体化,轻易做出很多效果,设计师可发挥的空间也相应增加。不过,在电脑应用普及的同时,我们不能否认一个事实,就是设计中的人性部份越来越少,电脑占的比重越来越多,作品看起来好像缺少了点感情,欠缺情味。蔡启仁先生同意电脑确是设计师的好帮手,它可以记录数据,方便、准确,下次再印时有根有据,不易出错。但他亦承认有些设计师过份倚赖电脑,为客户设计时,想也不想,只在电脑上把颜色换完一种又一种,找个看起来满意的便算。严格来说,这些还算不上是设计师,他们完全无视设计中最重要的一环 人脑的思维。不错,电脑可以把图像做得很精美,但说到底,它都不过是把本身所拥有的资料,重新呈现出来。假如所谓设计师,只是在一大堆资料中左挑右选,再东拼西贴的做成一件东西,那又有什么设计可言?这个黄,那个绿,到底为什么要放在这儿?要表达的是什么?根本没有人理会。这些色彩不会呼吸,亦不可能会引起观众共鸣。设计师过份地倚赖电脑,归根究底,和他们懒得创作有关。人的脑袋比电脑宝贵得多,人有创意,有感情,电脑的资料有尽,人的创意无限。设计师通过思考,把颜色和他的意念相结合,这样色彩的设计才真正做到千变万化,摇曳多姿。蔡启仁先生认为,从人脑输出的设计,比较人性化,跟冷冰冰的电脑设计相比,具有更强烈的情感,色彩散发浓厚情味,容易牵动观众情怀。不过,电脑毕竟是设计的辅助工具之一,设计师应该好好利用电脑的各种优点,去实践自己的设计意念,使作品更具情味及突显个人风格,而不该让自己只在电脑的色彩资料库内打转。
了解色彩色彩三属性色相(Hue):简写H,表示色的特质,是区别色彩的必要名称,例如红、橙、黄、绿、青、蓝、紫等。色相和色彩的强弱及明暗没有关系,只是纯粹表示色彩相貌的差异。明度(Value):简写V,表示色彩的强度,也即是色光的明暗度。不同的颜色,反射的光量强弱不一,因而会产生不同程度的明暗。彩度(Chroma):简写C,表示色的纯度,亦即是色的饱和度。具体来说,是表明一种颜色中是否含有白或黑的成份。假如某色不含有白或黑的成份,便是「纯色」,彩度最高;如含有越多白或黑的成份,它的彩度亦会逐步下降。 两种三原色我们所见的各种色彩都是由三种色光或三种颜色组成,而他们本身不能再分拆出其他颜色成份,所以被称为三原色。光学三原色分别为红(Red)、绿(Green)、蓝(Blue)。将这三种色光混合,便可以得出白色光。如霓虹灯,它所发出的光本身带有颜色,能直接刺激人的视觉神经而让人感觉到色彩,我们在电视萤光幕和电脑显示器上看到的色彩,均是由RGB组成。 物体三原色分别为青蓝(Cyan)、洋红(Magenta red)、黄(Yellow)。三色相混,会得出黑色。物体不像霓虹灯,可以自己发放色光,它要靠光线照射,再反射出部份光线去刺激视觉,使人产生颜色的感觉。CMY三色混合,虽然可以得到黑色,但这种黑色并不是纯黑,所以印刷时要另加黑色(Black),四色一起进行。 色彩设计和印刷 色彩和印刷的关系极端亲密,可不幸的是设计师经常忘记了印刷。设计师和印刷师傅是一对欢喜冤家,他们「擦出火花」的场面司空见惯。设计师考虑了各方面的因素,千挑万选了几种颜色,但偏偏到印刷时就做不出预期的效果,印刷师傅心里也暗暗埋怨设计师天马行空,不管设计是否可行。蔡启仁先生对这一点有很深的体会,他觉得一个设计师一定要多了解印刷。很多设计师,特别是新入行的,他们不了解印刷的过程,於是到付印时便出现一些本来可避免的错误。通常最易出问题的,是印刷品的印刷色彩,效果并不如设计师心中所想。这个失误的原因很多,而其中一个原因,很可能是跟印刷物料和印刷方法有关。同样的油墨以不同的物料、不同厚薄的纸张印刷,所得的色彩效果肯定不同;即使物料相同,但以不同的印刷方法去印刷,油墨的厚度会不同,例如以柯式印刷就比柔性印刷的油墨较薄,影响所及,色彩的明亮度亦不一样。一个有经验的设计师,事前会就承印物的特点、油墨的使用及印刷方法等各方面考虑,设计时尽可能配合客观条件;另一方面,设计师也应多与印刷师傅沟通,互相了解,才可尽量减低失误的程度。
     蔡启仁先生相信,色彩的感染力是相当大,世界上无所谓好看的色彩或不好看的色彩,只在乎设计师如何运用。以他多年的经验总结,设计师要运用崭新的观念去表现色彩的特色,设计和组合上都要带给其他人清新的感觉,引导观众进一步发掘色彩背後的意义。另一方面,设计大多是为商品宣传服务,所以设计师要为客户打算,考虑有什么可运用的资源,客户预备在这个设计上投资多少等,当然最重要是这个色彩可否增加商品的吸引力。大自然无形之手给我们展示一个色彩缤纷的世界,千变万化的色彩配搭令人著迷;同样,一个成功的色彩设计,它拥有生命力,可以感染观众情绪。设计师对色彩运用多作深入的了解和研究,定可设计出更精彩的作品。

 

posted on 2008-05-08 08:30 京客网 阅读(416) 评论(0)  编辑 收藏 引用 网摘


只有注册用户登录后才能发表评论。
网站导航:

导航

<2008年5月>
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567

统计

留言簿(6)

随笔档案

ceo

seo2

seo3

seo4

搜索

最新评论

阅读排行榜

评论排行榜