网页色彩的情感-基础理论-创意互动WEB设计艺术网

来源:百度文库 编辑:神马文学网 时间:2024/04/20 09:49:09

网页色彩的情感

2008-02-18 10:30:00    作者:    来源:互联网    文字大小:大 | 中 | 小简介:针对不同的网站来进行不同的情感创意,部署适合主题的色彩是值得我们重视的,如医院的网站就不能采用大红大紫或黑色等过于刺激的颜色搭配。因为紧张和恐慌的色彩使人感到压抑,不利于心理健康。在网页的色彩设计 ...关键字:色彩 情感 针对不同的网站来进行不同的情感创意,部署适合主题的色彩是值得我们重视的,如医院的网站就不能采用大红大紫或黑色等过于刺激的颜色搭配。因为紧张和恐慌的色彩使人感到压抑,不利于心理健康。在网页的色彩设计上,除了要表现心理和感情联想之外,还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合适的用色可以传递各种有价值的信息,使得我们的网站在视觉传达方面更为有效和准确。 
    色彩与人的心理感觉和情绪有一定的联系。色彩的直接心理效应,来自于色彩的物理光学刺激,对人的大脑与生理发生的直接影响和变化。心理学家发现,在红色环境中,人的脉搏会加快,血压有所升高,情绪兴奋冲动。在蓝色环境中,脉搏会减缓,情绪较沉静。其实心理学已从哲学转入科学的范畴,我们必须要注重色彩心理的效果和联想的表现。例如,当看到下面几个不同颜色的小球,你会联想到什么呢? 首先,给我们的感觉就是冷暖对比,有的人喜欢黄色球,有的人喜欢蓝色球,只能自己去挑选自己喜欢的颜色了。但是把球和传播的信息联系起来,就不难定位我们的色彩搭配了。如图2.1所示:

   
 
    图2.1 不同色彩搭配出来的小球


    总的来说,人们在日常生活中既需要暖色,又需要冷色,只有这样,我们的生活才能达到心理和情感上的平衡。每当我们看到不同季节的天空或者不同时间的天空,我们的心情也会随之产生变化。有时候天气的变化直接影响我们的心情,参看下面不同颜色的云层效果给我们带来不同的心理感觉。如图2.2所示:

   
 
    图2.2 不同的主体与背景对比


    在网页的色彩表现上也是如此,冷色与暖色会带来其它的一些感受与心理的变化,例如:地域感、季节感、性别感、重量感、湿度感等。黄色表示收获的季节,蓝色表示冰冷的冬天;暖色偏重,冷色偏轻;暖色有密度强的感觉,冷色有稀薄的感觉,色彩除了冷暖的变化外我们在这里更关注的是色彩的心理联想与其它变化,如暖色联想到阳光、火焰、亲人等。冷色联想到冷静、文雅、保守等,因为不同的色彩会表达不同的含义,参看下表:

   


    网页设计色彩的感情分析
    对于艺术家和设计者来说,任何色彩信息和表达技巧都是不容忽视的。网页的色彩表现是丰富多彩的,不同波长色彩的光波作用于人的视觉器管,通过视觉神经传入大脑后,经过思维,与以往的记忆及经验产生联想,从而形成一系列的色彩心理反应。例如,不同季节给我们带来的情感变化。秋高气爽和冰天雪地的心理反映将会有很大不同。春天,淡绿色的小草、蓝蓝的天空等色彩将使我们心情无比舒畅,季节的变化在色彩搭配上是各成体系的。如图2.3所示:

   

   
 
    图2.3 不同季节的色彩差异


    1. 冷暖色彩对人的情感表达
    冷暖色彩给人的心理情感上带来的变化是很丰富的。客观地讲,色彩本身并无冷暖的温度变化,引起冷暖变化的原因,是人的视觉对色彩冷暖感觉引起的心理联想。
    (1)暖色:用户见到红色、橙色、黄色、红紫色、橘红色等颜色后,马上联想到火焰、太阳、炉子、热血等物像,感觉到温暖、热烈等信息。儿童网站采用暖色调给人以一种可爱温馨的感觉。如图2.4所示:

   
 
    图2.4 温暖的黄色调


    暖色的网站具有向外辐射和扩张的视觉效果,以暖色调建立起来的网站也很鲜艳夺目,散发出一种照耀四方的活力与生机。例如女性类网站,采用红色做主调,加之诱人的肤色,给人一种心动的感觉。如图2.5所示:

   
 
    图2.5 艳丽的红色调


    使用色彩来激发人的情感时,应遵循一定的时间和人群。例如冬天,用户大多会对大面积暖色调的网站感到满意。以红色为例,在所有的颜色中,红色是典型的暖色调,网站使用大面积的红色是可行的好方法。虽然红色多表现喜事吉庆,但是居室不能过多地使用红色,原因是没有时间间隔,长期呆在红色区域的人也许会精神失常。以往的心理研究表明,红色在所有颜色中最能加速脉搏的跳动,网站的红色是有时间间隔的,所以另人激动和温暖。如图2.6所示:

   


    图2.6 网站的红色是有时间间隔的


    休闲、娱乐、运动、吉庆方面的网站设计也可以暖色调为主,给人心理以“温暖感”和“热烈感”,总之要以与人的心理需求相吻合,引起点击者的情感融入和思想共鸣。如图2.7 所示:

   
 
    图2.7 不同暖色调的网站


    (2)冷色:用户见到草绿、蓝绿、天蓝、深蓝等色后,很容易联想到草地、太空、冰雪、海洋等物像,产生广阔、寒冷、理智、平静等感觉。蓝色或绿色是大自然赋予人类的最佳心理镇静剂。人们都有这样的体会,当心情烦躁时,到公园或海边看看,心情会很快恢复平静。这是绿色或蓝色对心理调节的结果。医学专家研究表明,人在看到冷色系列的色调时,皮肤温度会降低1至2摄氏度,减少脉搏次数4至8次,降低血压、减轻心脏负担。例如蓝色和绿色,是希望的象征,给人以宁静的感觉,可以降低眼内压力,减轻视觉疲劳,安定情绪,使人呼吸变缓,心脏负担减轻,降低血压。医院的网站一般采用平安镇静为主流的蓝色调。颜色能影响脑电波,而脑电波对蓝色的反应是放松的。如图2.8 所示:

   
 
    图2.8 平安镇静为主流的蓝色调,可以用于医院色彩


    夏天的浅冷色系明朗而富有青春朝气,为年轻人所钟爱;深蓝色系沉着、稳定,为中年人普遍喜爱的色彩。其中略带暖味的群青色,充满着动人的深邃魅力,藏青则给人以大度、庄重印象。当然,淡蓝、淡绿、蓝白色也是女士的钟爱色彩。如图2.9 所示:

   
 
    图2.9 不同冷色调网站的表达


    2.色彩对人的情感倾向性表达
    网站所使用的色彩,会使用户产生联想,诱发各种情感,使心理发生变化。但使用色彩来激发人的情感时,应遵循一定的规律。色彩的冷暖感觉,不仅表现在固定的色相上,而且在比较中还会显示其相对的倾向性。心理学上的研究认为,在设计食品网站时,不要或少用蓝、紫色彩。宜用橙色、桔红色,可以使人联想到丰收、成熟,从而引起用户的食欲并促成购买的行动。虚拟的东西好像不足以说明问题,其实我们在现实生活中更是如此。我们购买糕点、营养品的时候,大多会选择大面积暖色调的商品包装。日用品的在线营销网站经常使用淡冷色、淡暖色、或者中性色调,这就是消费者情感倾向性表达的结果。化装品网站一般倾向淡雅、浅色调或者带有色彩倾向的灰色,给人一种柔和陶醉的感觉。如图2.10 所示:

  

    
 
    图2.10 化装品网站倾向淡雅、浅色调的色彩表现


    设计师把网站做得醒目刺激并不困难,但要做到与众不同,又能体现出网站的文化内涵和需求,才是设计过程中最需要把握的关键。以下对色彩的倾向性表达逐一进行分析。
    (1)色彩的柔美感
    色彩的柔美感既是色彩一种清淡、飘逸的感觉。在色环中,绿色、紫色、蓝色是中性色。中绿、天蓝等色,使人联想到草、天空、青春、生命、和平等感觉。紫蓝色使人联想到花卉、水晶等稀贵物品,因此给人以高贵、神秘的感觉。黄色系列里面的柠檬黄相对中黄而言感觉偏冷,中黄相对于柠檬黄则感觉偏暖,中性色在明度上,属于明暗尺度中较亮的区域。利用中性色设计出来的网站比较柔美、淡雅。如图2.11 所示:

       
 
    图2.11 柔美、淡雅的中性色


    (2)色彩的轻重感
    色彩的轻重在不同的领域方面起着不同的作用。例如,工业、钢铁等重工业领域可以用重一点的色彩;纺织、文化等科学教育领域可以用轻一点的色彩。物体表面的色彩不同,看上去也有轻重不同的感觉,这种与实际重量不相符的视觉效果,称之为色彩的轻重感。感觉轻的色彩称为轻感色,如白、浅绿、浅蓝、浅黄色等;感觉重的色彩称重感色,如藏蓝、黑、棕黑、深红、土黄色等。
    色彩的轻重感主要取决于明度上的对比,明度高的亮色感觉轻,明度低的暗色感觉重。另外,物体表面的质感效果对轻重感也有较大影响。在网站设计中,应注意色彩轻重感的心理效应,如网站上灰下艳、上白下黑、上素下艳,就有一种稳重沉静之感;相反上黑下白、上艳下素,则会使人感到轻盈、失重、不安的感觉,遵循这样的感觉是很重要的。明度高的色彩使人联想到蓝天、白云、等。产生轻柔、飘浮、上升、敏捷、灵活等感觉。例如下面的网站都使用的高亮色调,给人感觉清爽、柔美。如图2.12 所示:

   


    2.12 清爽、柔美的淡色调


    明度低的色彩使人联想到钢铁,石头等物品,产生沉重、沉闷、稳定、安定、神秘等感觉。如图2.13 所示:

   
  
    图2.13 明度低的稳定色调


    (3)色彩的软硬感
    色彩的软硬感也与明度有关系,明度高的色彩给人以柔软、亲切的感觉。明度低的色彩则给人坚硬、冷漠的感觉。在网站设计中,可利用色彩的软硬感来创造舒适宜人的色调。一般来说,网页的软色调给我们明快、柔和、亲切的感觉,这在女性网站设计中尤为常见。 明度越高感觉越软,明度越低则感觉越硬,但黑白两色的软硬感并不明确。色彩的软硬感还与纯度有关,高纯度和低明度的色彩都有坚硬的感觉。明度高纯度低的色彩有柔软感,如化装品的色彩。色相与色彩的软、硬感几乎无关。把握好色彩的软硬可以更好地实现网站的视觉传达效果。如图2.14 所示:

   
 
    图2.14 不同色调网页的软硬感觉


    (4)色彩的前进与后退感
    网站色彩的前后感觉也是不容易忽视的,人眼晶状体对于距离的变化是非常精密和灵敏的,但是它总是有一定的限度,对于波长微小的差异就无法正确调节。眼睛在同一距离观察不同波长的色彩时,波长的暖色如红、橙色等,在视网膜上形成内侧映像;波长短的冷色如蓝、紫等色,则在视网膜上形成外侧映像。
    蓝、紫等光波短的色彩成像后感觉比较远,在同样距离内感觉就比较后退。相反,黄色就感觉近,有前进感。凡对比度强的色彩搭配具有前进感,对比度弱的色彩搭配就具有后退感;膨胀的色彩具有前进感,收缩的色彩具有后退感;明快的色彩具有前进感,暧昧的色彩具有后退感。色彩的前进、后退感是色彩设计者共同感兴趣的问题,其实在绘画中常被用来加强画面空间层次,如画面背景或天空退远可选择冷色,色彩对比度也应减弱;为了使前景或主体突出,应选择暖色,色彩对比度也应加强。在虚拟的网站设计中也是如此,如图2.15 所示:

   
 
    图2.15 暖色调具有前进感


    (5)色彩的大小感
    有很多因素可以影响色彩的对比效果,色彩的大小就是其中最重要的因素之一。色彩的大小会令色彩的对比有一种生动效果,在大面积的色彩陪衬下,小面积的纯色会有特别的效果。由于色彩有前后的感觉,因而暖色、高明度的色彩有扩大、膨胀感,冷色、低明度色有减小、收缩感觉。一般说来,暖色有扩散性并能够引起人们的注意,因而它们的前进感比较强;而冷色有收敛性且不大引人注意,因而有滞后感。把感觉一大一小的两种色彩放在一起,感觉小的色彩成为感觉大的色彩的补充,用户基本上不会注意到感觉小的色彩。按大小感觉的划分,色彩的排列顺序为:红、黄、橙、绿、蓝、青。充分利用色彩的大小感觉也是常见的一种表达方法。如图2.16 所示:

   
 
    图2.16 色彩的大小感觉


    (6)色彩的兴奋与平静感
    网站的色彩与人的心理联想是相互联系在一起的,色彩的兴奋与平静感也有人叫做色彩的积极或消极,和色相、明度及纯度都有关系,其中尤以纯度影响最大。纯度高的色彩自然很不稳定,平静也就谈不上了,同时还与色相的冷、暖感有关。像红、橙、黄色都给人以兴奋的感觉;蓝、绿色给人以沉静感觉。我们看到色环中的暖色系中,明亮而鲜艳的颜色给人以兴奋感,深暗而浑浊的颜色给人以沉静感。积极向上的色彩能使人产生一种兴奋、热烈、努力进取和富有生命力的心理效应,例如国旗的色彩。消极的色彩则适合于表现一种沉静、郁闷和失落的心理效应。色彩的兴奋与平静感和社会学因素也是很有关系的,由于政治、经济、历史、文化、宗教信仰和风俗习惯不同,不同国家、民族对色彩的心理效应是有所不同的。这就要求我们对待不同的物象要有不同的创意,以适合不同的人群。设计者对于兴奋与平静感的色彩运用,要根据网站的功能和对象,不能一概而论。如图2.17 所示,由于冷暖对比的原因,在色彩的兴奋与平静感的对比上,差别是很明显的。

   
  
    图2.17 色彩的兴奋与平静感


    色彩的心理联想
    设计色彩的联想带有情绪性的表现。受到观察者社会层次的不同知识的年龄、民族、国家、性别、性格、文化、职业、宗教、生活环境、时代背景、生活、经历等各方面因素的影响。一般来说,儿童多表现为具像的联想,成年人较多关注抽象的联想。
    色彩的联想有具象和抽象两种表达方式,即具象联想和抽象联想。人们看到某种色彩后,会联想到自然界、生活中某些相关的事物。人们看到某种色彩后,会联想到理智、高贵等某些抽象概念。如图2.18所示,所表现出来的信息都是实实在在的东西,比较容易理解和接受。而图2.19所表现出来的信息比较抽象,理解起来相对会困难得多。

   


    图2.18 以具象为设计元素的网页

   

图2.19 以抽象为设计元素的网页