思图-您的网络营销定制专家!

网页设计要走出配色误区

 
作者:思图网络  时间:2016-8-19 11:04:14所属分类:开发动态
【任务导航】
在浏览某些网页时,会感觉眼睛难受、头皮发胀。出现这种状况,是网页的色彩搭配不合理是最常见的原因之一。网页美工设计新手通常不太注重网页色彩的搭配,通过本任务的学习,让我们帮助初学者走出网页缺乏主色调、文字能见度低、增加视觉负担、风格与主题脱离等配色的误区。
【知识前导】
色彩如何运用的问题,有时不需要我们绞尽脑汁去寻找答案。生活的空间已经存在很多成熟而优秀的色彩搭配方案。只要平时多注意观察和分析,就能从中汲取色彩搭配的灵感:
浅灰色调适宜制作页面背景,明度高而不刺激,报纸就是这样的浅灰色背景配色方案,如换成高亮度的纯白纸张,版面就会刺目,不宜于阅读。
男士着装强调成熟、稳重,故一般无色彩系的黑、白、灰较多,这和网页中强调沉稳、大气的网站色彩搭配如出一辙,灰色系显得低调奢华有内涵。
女性服饰色彩丰富,色调或清新脱俗或明艳动人,这和网页设计中女性用品网站的色彩搭配是一样的。
一、缺乏主色调
在网上常常可以看到这样的网站,网页上的元素众多、色彩凌乱,一个标题就是一种颜色,每个栏目、每个线条颜色都不相同。这样的网页,虽然画面色彩繁多,好像很丰富的样子,但过多的色彩感受只能给人一种复杂混乱的视觉效果,使访问者无法明确识别重点内容,甚至让人觉得难受、反感,不愿意再次访问浏览。
一般来说,色调明确的网页更受访问者欢迎,因为这样的网页主次分明,易于识别、寻找,能减少访问者负担。虽然只有红色的一种色调,但色调统
一、层次分明,视觉效果强烈。
二、文字能见度低
人眼识别色彩的能力有一定的限度,由于颜色色的同化作用,色与色之间对比强则易于分辨,对比弱则难于分辨,这在色彩学称为易见度。
网页上的色彩通常与文字是结合在一起的,要么成为文字的背景色,要么成为文字本身的颜色,这就出现了文字与背景色的对比问题。对浏览者来说,重要的是文字,因为文字才是传达信息最重要、最直接的元素。因此,网页色彩运用就必须注意文字的可识别性,也就是文字的易见度。
文字与背景最简单快捷的搭配方式就是高明度背景上用低明度文字,反之亦然,如果背景和文字明度接近或者差别太小,易出文字无法识别的问题。
各种色彩对比的易见度是不同的,黄色在白色背景上的易见度最低。橙色与任何颜色搭配都很清楚,而且它兼具红色与黄色的点,柔和明快,易于为人们所接受。黄与白、绿与红、绿与灰、紫与红、紫与黑、青与黑等几种搭配的易见度低,是应该避免使用的色彩组合。
三、增加视觉负担
色彩刺激强度高,画面当然容易引人注目,但这样的色彩不适合大面积使用,否则容易产生视觉疲劳。低明度色彩疲劳度虽小,但容易产生压抑、沉闷的感觉。一个能有效避免强烈刺激和平淡沉闷的办法就是大面积使用柔和明快的浅色调,而鲜艳的色彩小面积出现,画面呈现出一种既有对比又和谐统一的效果。
        
在进行网页设计时,可能会遇到各种各样的色调。当遇到暗色调的网页时,为了打破暗色调压抑、沉闷的负面影响,就必须用明度较高的色彩来调和。暗色调对视觉刺激较弱,不易引起视觉疲劳,只要注意消除暗色调的负面影响即可。
四、风格与主题脱离
每一个网站都有自己的气质、风格,但在互联网上却常常可以看到这样的现象,一个年轻人的网站用了沧桑厚重的配色,一个奢华酒店的网站采用了简洁明快的风格,这样的做法明显背离了主题,会造成形象传达不准确、不合理。例如,设计促销活动的网站,就要尽量使用热烈活泼的色彩。
设计一个成熟稳重风格的别墅网站,最好不使用鲜艳、亮丽的色调,而是应使用厚重沉稳的灰色调,即使页面中有比较鲜艳的色彩,也要降低其饱和度,使其更沉稳大气。
网页配色涉及生理学、心理学、美学等多个学科,不同的色彩能带来不一样的心理效应,例如,美国的国旗由红、白、蓝三色组成,这3种色彩的排列在美国人心目中能唤起爱国主义情感,但对其他国家的人可能就没有这样的感受。色彩引起的知觉预期能够影响特定人群的感受,因此,色彩的选择要十分慎重,不能随心所欲。