网页色彩的情感表现

《网页色彩的情感表现》由会员分享，可在线阅读，更多相关《网页色彩的情感表现（24页珍藏版）》请在装配图网上搜索。

1、网页色彩的情感表现针对不同的网站来进行不同的情感创意，部署适合主题的色彩是值得我们重视的，如 医院的网站就不能采用大红大紫或黑色等过于刺激的颜色搭配。因为紧张和恐慌的色彩使人 感到压抑，不利于心理健康。在网页的色彩设计上，除了要表现心理和感情联想之外，还要 考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合适的用色可以传递 各种有价值的信息，使得我们的网站在视觉传达方面更为有效和准确。色彩与人的心理感觉和情绪有一定的联系。色彩的直接心理效应，来自于色彩的物理光 学刺激，对人的大脑与生理发生的直接影响和变化。心理学家发现，在红色环境中，人的脉 搏会加快，血压有所升高，情绪兴奋冲动。

2、在蓝色环境中，脉搏会减缓，情绪较沉静。其实 心理学已从哲学转入科学的范畴，我们必须要注重色彩心理的效果和联想的表现。例如，当 看到下面几个不同颜色的小球，你会联想到什么呢？首先，给我们的感觉就是冷暖对比，有 的人喜欢黄色球，有的人喜欢蓝色球，只能自己去挑选自己喜欢的颜色了。但是把球和传播 的信息联系起来，就不难定位我们的色彩搭配了。如图2.1所示：图2.1不同色彩搭配出来的小球总的来说，人们在日常生活中既需要暖色，又需要冷色，只有这样，我们的生活才能达 到心理和情感上的平衡。每当我们看到不同季节的天空或者不同时间的天空，我们的心情也 会随之产生变化。有时候天气的变化直接影响我们的心情，参看下面

3、不同颜色的云层效果给 我们带来不同的心理感觉。如图2.2所示：图2.2不同的主体与背景对比在网页的色彩表现上也是如此，冷色与暖色会带来其它的一些感受与心理的变化,例如： 地域感、季节感、性别感、重量感、湿度感等。黄色表示收获的季节，蓝色表示冰冷的冬天; 暖色偏重，冷色偏轻；暖色有密度强的感觉，冷色有稀薄的感觉，色彩除了冷暖的变化外我 们在这里更关注的是色彩的心理联想与其它变化，如暖色联想到阳光、火焰、亲人等。冷色 联想到冷静、文雅、保守等，因为不同的色彩会表达不同的含义，参看下表：F :肌色曲右磴质感的表达r1从收我4胡愛、胜利匸咸期、兴奋鬲贲J华丽/至薔无上丄M財富葩J注色4缭也,环保J和平

4、、安空*新酔、秦和.农厂阈、沉辭、岌嚴、as-F杲远、理科高贵J自傲、轻率”白色J纯涪悴圣、明决“孤平険:忧血消极9-匹-鳖实稲莽、異DS、詐蕊恐怖、死亡lg吉祥、磁网页设计色彩的感情分析对于艺术家和设计者来说，任何色彩信息和表达技巧都是不容忽视的。网页的色彩表现 是丰富多彩的，不同波长色彩的光波作用于人的视觉器管，通过视觉神经传入大脑后，经过 思维，与以往的记忆及经验产生联想，从而形成一系列的色彩心理反应。例如，不同季节给 我们带来的情感变化。秋高气爽和冰天雪地的心理反映将会有很大不同。春天，淡绿色的小 草、蓝蓝的天空等色彩将使我们心情无比舒畅，季节的变化在色彩搭配上是各成体系的。如 图2.

5、3所示：图2.3不同季节的色彩差异1.冷暖色彩对人的情感表达冷暖色彩给人的心理情感上带来的变化是很丰富的。客观地讲，色彩本身并无冷暖的温 度变化，引起冷暖变化的原因，是人的视觉对色彩冷暖感觉引起的心理联想。(1)暖色：用户见到红色、橙色、黄色、红紫色、橘红色等颜色后，马上联想到火焰、太阳、炉子、热血等物像，感觉到温暖、热烈等信息。儿童网站采用暖色调给人以一种可爱温馨的感觉。如图2.4所示:* 耳凶 nfBIMIt 口4營耳配惴H勺EWIS i 3：EH创也hrB1 CM 嘈宦則亡崔爭矍枠Mr 3flsi 丁呼甘 希自st g电卿口凶咋卽闪as*箭2 I. rt对斗if wu 匚空刃弓斗福 ja

6、 ncgphj ire j-jas ait 割如Vl ogcj b&警M 二謂EH 叮 VVNI 晶乂訂 U刿轉耐口 J图2.4温暖的黄色调暖色的网站具有向外辐射和扩张的视觉效果，以暖色调建立起来的网站也很鲜艳夺目, 散发出一种照耀四方的活力与生机。例如女性类网站，采用红色做主调，加之诱人的肤色, 给人一种心动的感觉。如图2.5所示：牛他血绸W.Utarirt CMWl图2.5艳丽的红色调使用色彩来激发人的情感时，应遵循一定的时间和人群。例如冬天，用户大多会对大面 积暖色调的网站感到满意。以红色为例，在所有的颜色中，红色是典型的暖色调，网站使用 大面积的红色是可行的好方法。虽然红色多表现喜事吉

7、庆，但是居室不能过多地使用红色, 原因是没有时间间隔，长期呆在红色区域的人也许会精神失常。以往的心理研究表明，红色 在所有颜色中最能加速脉搏的跳动，网站的红色是有时间间隔的，所以另人激动和温暖。如 图2.6所示：图2.6网站的红色是有时间间隔的休闲、娱乐、运动、吉庆方面的网站设计也可以暖色调为主，给人心理以“温暖感”和“热烈感”，总之要以与人的心理需求相吻合，引起点击者的情感融入和思想共鸣。如图2.7所示：ARFT.netmm*.A -图2.7不同暖色调的网站(2)冷色：用户见到草绿、蓝绿、天蓝、深蓝等色后，很容易联想到草地、太空、冰 雪、海洋等物像，产生广阔、寒冷、理智、平静等感觉。蓝色或绿

8、色是大自然赋予人类的最 佳心理镇静剂。人们都有这样的体会，当心情烦躁时，到公园或海边看看，心情会很快恢复 平静。这是绿色或蓝色对心理调节的结果。医学专家研究表明，人在看到冷色系列的色调时， 皮肤温度会降低1至2摄氏度，减少脉搏次数4至8次，降低血压、减轻心脏负担。例如蓝色和 绿色，是希望的象征，给人以宁静的感觉，可以降低眼内压力，减轻视觉疲劳，安定情绪， 使人呼吸变缓，心脏负担减轻，降低血压。医院的网站一般采用平安镇静为主流的蓝色调。 颜色能影响脑电波，而脑电波对蓝色的反应是放松的。如图2.8所示：ahd comAihipaMI B| kBain nf* Wtl mmm*E K*“兰 J t

9、iKffar#W-1 f IU1_ 4 ：MU r* aHrad s .F - - - - i1 dfr W#-H BF, M 1 Iha* * 4审 I f #W H J9Mk* t nHf UdMt *LfihiyiiW 2uo iia 4叩 ifkpMiq 4 M4r*ti HEHdCft图2.10化装品网站倾向淡雅、浅色调的色彩表现设计师把网站做得醒目刺激并不困难，但要做到与众不同，又能体现出网站的文化内涵 和需求，才是设计过程中最需要把握的关键。以下对色彩的倾向性表达逐一进行分析。（1）色彩的柔美感色彩的柔美感既是色彩一种清淡、飘逸的感觉。在色环中，绿色、紫色、蓝色是中性色。 中绿、

10、天蓝等色，使人联想到草、天空、青春、生命、和平等感觉。紫蓝色使人联想到花卉、 水晶等稀贵物品，因此给人以高贵、神秘的感觉。黄色系列里面的柠檬黄相对中黄而言感觉偏冷，中黄相对于柠檬黄则感觉偏暖，中性色在明度上，属于明暗尺度中较亮的区域。利用中性色设计出来的网站比较柔美、淡雅。如图2.11所示：图2.11柔美、淡雅的中性色（2）色彩的轻重感色彩的轻重在不同的领域方面起着不同的作用。例如，工业、钢铁等重工业领域可以用重一点的色彩；纺织、文化等科学教育领域可以用轻一点的色彩。物体表面的色彩不同，看 上去也有轻重不同的感觉，这种与实际重量不相符的视觉效果，称之为色彩的轻重感。感觉 轻的色彩称为轻感色，如

11、白、浅绿、浅蓝、浅黄色等；感觉重的色彩称重感色，如藏蓝、黑、 棕黑、深红、土黄色等。色彩的轻重感主要取决于明度上的对比，明度高的亮色感觉轻，明度低的暗色感觉重。 另外，物体表面的质感效果对轻重感也有较大影响。在网站设计中，应注意色彩轻重感的心 理效应，如网站上灰下艳、上白下黑、上素下艳，就有一种稳重沉静之感；相反上黑下白、 上艳下素，则会使人感到轻盈、失重、不安的感觉，遵循这样的感觉是很重要的。明度高的 色彩使人联想到蓝天、白云、等。产生轻柔、飘浮、上升、敏捷、灵活等感觉。例如下面的 网站都使用的高亮色调，给人感觉清爽、柔美。如图2.12所示：2.12清爽、柔美的淡色调明度低的色彩使人联想到钢

12、铁，石头等物品，产生沉重、沉闷、稳定、安定、神秘等感 觉。如图2.13所示:图2.13明度低的稳定色调(3) 色彩的软硬感色彩的软硬感也与明度有关系，明度高的色彩给人以柔软、亲切的感觉。明度低的色彩 则给人坚硬、冷漠的感觉。在网站设计中，可利用色彩的软硬感来创造舒适宜人的色调。- 般来说，网页的软色调给我们明快、柔和、亲切的感觉，这在女性网站设计中尤为常见。明 度越高感觉越软，明度越低则感觉越硬，但黑白两色的软硬感并不明确。色彩的软硬感还与 纯度有关，高纯度和低明度的色彩都有坚硬的感觉。明度高纯度低的色彩有柔软感，如化装 品的色彩。色相与色彩的软、硬感几乎无关。把握好色彩的软硬可以更好地实现网

13、站的视觉 传达效果。如图2.14所示：图2.14不同色调网页的软硬感觉(4) 色彩的前进与后退感网站色彩的前后感觉也是不容易忽视的，人眼晶状体对于距离的变化是非常精密和灵敏 的，但是它总是有一定的限度，对于波长微小的差异就无法正确调节。眼睛在同一距离观察 不同波长的色彩时，波长的暖色如红、橙色等，在视网膜上形成内侧映像;波长短的冷色如 蓝、紫等色，则在视网膜上形成外侧映像。蓝、紫等光波短的色彩成像后感觉比较远，在同样距离内感觉就比较后退。相反，黄色 就感觉近，有前进感。凡对比度强的色彩搭配具有前进感，对比度弱的色彩搭配就具有后退 感；膨胀的色彩具有前进感，收缩的色彩具有后退感；明快的色彩具有前

14、进感，暧昧的色彩 具有后退感。色彩的前进、后退感是色彩设计者共同感兴趣的问题，其实在绘画中常被用来 加强画面空间层次，如画面背景或天空退远可选择冷色，色彩对比度也应减弱；为了使前景 或主体突出，应选择暖色，色彩对比度也应加强。在虚拟的网站设计中也是如此，如图U5 所示：图2.15暖色调具有前进感(5) 色彩的大小感有很多因素可以影响色彩的对比效果，色彩的大小就是其中最重要的因素之一。色彩的 大小会令色彩的对比有一种生动效果，在大面积的色彩陪衬下，小面积的纯色会有特别的效 果。由于色彩有前后的感觉，因而暖色、高明度的色彩有扩大、膨胀感，冷色、低明度色有 减小、收缩感觉。一般说来，暖色有扩散性并能

15、够引起人们的注意，因而它们的前进感比较 强；而冷色有收敛性且不大引人注意，因而有滞后感。把感觉一大一小的两种色彩放在一起， 感觉小的色彩成为感觉大的色彩的补充，用户基本上不会注意到感觉小的色彩。按大小感觉 的划分，色彩的排列顺序为：红、黄、橙、绿、蓝、青。充分利用色彩的大小感觉也是常见 的一种表达方法。如图2.16所示：图2.16色彩的大小感觉(6) 色彩的兴奋与平静感网站的色彩与人的心理联想是相互联系在一起的，色彩的兴奋与平静感也有人叫做色彩 的积极或消极，和色相、明度及纯度都有关系，其中尤以纯度影响最大。纯度高的色彩自然 很不稳定，平静也就谈不上了，同时还与色相的冷、暖感有关。像红、橙、黄

16、色都给人以兴 奋的感觉；蓝、绿色给人以沉静感觉。我们看到色环中的暖色系中，明亮而鲜艳的颜色给人 以兴奋感，深暗而浑浊的颜色给人以沉静感。积极向上的色彩能使人产生一种兴奋、热烈、 努力进取和富有生命力的心理效应，例如国旗的色彩。消极的色彩则适合于表现一种沉静、 郁闷和失落的心理效应。色彩的兴奋与平静感和社会学因素也是很有关系的，由于政治、经 济、历史、文化、宗教信仰和风俗习惯不同，不同国家、民族对色彩的心理效应是有所不同 的。这就要求我们对待不同的物象要有不同的创意，以适合不同的人群。设计者对于兴奋与 平静感的色彩运用，要根据网站的功能和对象，不能一概而论。如图2.17所示，由于冷暖 对比的原因

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