1.3 色彩与联想作用的配色
在网页中,用什么颜色首先是根据网站的目标而决定的。不同的颜色,不同的色调能够引起人们不同的情感反应,这就是所谓的色彩联想作用。很好地理解各种颜色的特性和联想作用,根据网站的目标而选择颜色,这些对于一个网页设计者来说,都是很重要的事情。在网站中,可以用强烈而感性的颜色,也可以用冷静的无彩色的颜色,也可以偶尔用一下平时不太使用的颜色,但可以产生美妙效果的颜色,但是盲目使用颜色会使色彩显得杂乱,成为一个令人厌烦的网站。
一般来说,在网页上使用的颜色,其组合都有一定的一贯性和共同点。使用一系列类似的颜色,或者种类相同但饱和度和明度不同的颜色等,都是遵照一定原则的。灵活应用色彩,这样才能给用户留下良好的印象。还有,通过显示器看东西时,人们的眼睛容易感到疲倦,所以为了很好地传递网页信息,最好选择让用户眼睛舒服的颜色。
想更好地使用颜色就必须了解色彩对人产生的心理效果。如红、黄等颜色给人温暖的感觉,绿、蓝等颜色给人清爽、凉快的感觉。
● 红色
红色对人眼睛的刺激效果最显著,最容易引人注目,也最能够使人产生心理共鸣。红色除了具有较佳的明视效果之外,更被用于传达有活力、积极、热情、温暖、前进等涵义的企业形象与精神。红色减弱色调就变成了粉红,粉红和红色不同,它会有一种温和的感觉。另外红色也常用于作为警告、危险、禁止、防火等标示用色,人们在一些场合或物品上看到红色标示时,常不用仔细看内容就能理解其警告危险之意。在工业安全用色中,红色即是警告、危险、禁止、防火的指定色,如图1-12所示是以红色为主色调的网站页面。
图1-12 以红色为主色调的网站页面
● 橙色
橙色是欢快活泼的光辉色彩,是暖色系中最温暖的颜色,它使人联想到金色的秋天,丰硕的果实,跳动的火苗,因此是一种富足的、欢乐而幸福的颜色。由于橙色非常明亮刺眼,有时会使人有负面低俗的心理感受,这种状况尤其发生在服饰的运用上。
橙色稍稍混入黑色或白色,会变成一种稳重、含蓄又明快的暖色,但混入较多的黑色,就成为一种烧焦的颜色,会给人以老朽、悲观、拘谨的心理感受。橙色中加入较多的白色会给人以细嫩、温馨、暖和、柔润、细心、轻巧的感觉。如图1-13所示是以橙色为主色调的网站页面。
图1-13 以橙色为主色调的网站页面
● 黄色
黄色和红色一样引人注目,给人温暖和充满活力的感觉。纯净的黄色既象征着智慧之光,又象征着财富和权利,它是令人骄傲的色彩。在工业用色上,黄色常用来警告危险或提醒注意,如交通标志上的黄灯,工程用的大型机器,学生用的雨衣、雨鞋等,都使用黄色。黄色加入白色后,给人以娇嫩、可爱、幼稚、不高尚、无诚意等心理感受,加入黑色后,给人以失望、多变、贫穷、粗俗、秘密等心理感受,如图1-14所示是以黄色为主色调的网站页面。
图1-14 以黄色为主色调的网站页面
● 绿色
纯净的绿色可视度不高,刺激性不大,对生理作用和心理作用都极为温和,给人以宁静、安逸、安全、可靠、信任之感,使人精神放松、不易疲劳。在商业设计中,绿色所传达的清爽、理想、希望、生长的意思,符合了服务业、卫生保健业的诉求。在工作中为了避免操作时眼睛疲劳,许多工作的机械也是采用了绿色,一般的医疗机构场所,也是采用绿色来作为空间色彩规划,如标示医疗用品。如图1-15所示是以绿色为主色调的网站页面。
图1-15 以绿色为主色调的网站页面
● 蓝色
由于蓝色沉稳的特性,具有理智、准确的意思,在商业设计中,强调科技、效率的商品或企业形象,大多选用蓝色当标准色或企业色,如电脑、汽车、影印机、摄影器材等。另外,受西方文化的影响,蓝色也代表忧郁,这个意思也运用在文学作品或感性诉求的商业设计中。如图1-16所示是以蓝色为主色调的网站页面。
图1-16 以蓝色为主色调的网站页面
● 紫色
紫色是非知觉的颜色,神秘,给人印象深刻,有时给人以压迫感,并且因对比的不同,时而富有威胁性,时而又富有鼓舞性。由于具有强烈的女性化色彩,紫色在商业设计用色中受到相当的限制,除了和女性有关的商品或企业形象之外,其他类的设计不常用来作为主色。如图1-17所示是以紫色为主色调的网站页面。
图1-17 以紫色为主色调的网站页面
● 黑色
在商业设计中,黑色具有高贵、稳重、科技的含义,科技产品如电视、跑车、摄影机、音响、仪器的色彩,大多采用黑色。黑色还具有庄严的含义,因此也常用在一些特殊场合的空间设计中,生活用品和服饰大多利用黑色塑造高贵的形象。黑色也是一种永远流行的主要颜色,适合与大多数色彩搭配使用。如图1-18所示是以黑色为主色调的网站页面。
图1-18 以黑色为主色调的网站页面
● 白色
在商业设计中,白色具有高级、科技的含义,通常需要和其他色彩搭配使用。纯白色给人寒冷、严峻的感觉,所以在使用白色时,都会加一些其他的色彩,如象牙白、米白、乳白、苹果白等。在生活用品和服饰用色上,白色是永远流行的主色,可以和任何颜色搭配。如图1-19所示是以白色为主色调的网站页面。
图1-19 以白色为主色调的网站页面
● 灰色
灰色具有柔和、高雅的含义,随着配色的不同,可以很动人,相反也可以很平静。灰色较为中性,象征知性、老年、虚无等,使人联想到工厂、都市、冬天的荒凉等。在商业设计中,许多高科技产品,尤其是和金属材料有关的产品,几乎都采用灰色来传达高级、科技的含义。由于灰色过于朴素和沉闷,在使用灰色时,大多利用不同的层次变化组合或搭配其他色彩,使其不会有呆板、僵硬的感觉。如图1-20所示是以灰色为主色调的网站页面。
图1-20 以灰色为主色调的网站页面