品牌策略

Brand

走出网站设计的配色误区
发布日期:2016-08-11      浏览:

东莞网站设在浏览某些网站时,会感觉眼睛难受、头皮发胀。出现这种状况,是在网页设计时的色彩搭配不合理是最常见的原因之一。网页美工设计新手通常不太注重网页色彩的搭配,通过本任务的学习,让我们帮助初学者走出网页缺乏主色调、文字能见度低、增加视觉负担、风格与主题脱离等配色的误区。

网页设计中色彩如何运用的问题,有时不需要我们绞尽脑汁去寻找答案。生活的空间已经存在很多成熟而优秀的色彩搭配方案,如图2-4-1所示。只要平时多注意观察和分析,就能从中汲取色彩搭配的灵感:

浅灰色调适宜制作页面背景,明度高而不刺激,报纸就是这样的浅灰色背景配色方案,如换成高亮度的纯白纸张,版面就会刺目,不宜于阅读。
 
男士着装强调成熟、稳重,故一般无色彩系的黑、白、灰较多,这和网页中强调沉稳、大气的网站色彩搭配如出一辙,灰色系更显得低调奢华有内涵。
 
女性服饰色彩丰富,色调或清新脱俗或明艳动人,这和网页设计中女性用品网站的色彩搭配是一样的。
 

图2-4-1 精彩的网页配色
 
公司网站设计中色彩的运用不是一朝一夕的事情,除了学习专业的色彩知识,多做色彩搭配的练习之外,观察生活也是学习色彩的重要方法和手段,多彩的生活本身就是一个流动的色彩模板。

一、缺乏主色调
 
在网上常常可以看到这样的网站设计,网页上的元素众多、色彩凌乱,一个标题就是一种颜色,每个栏目、每个线条颜色都不相同。这样的网页,虽然画面色彩繁多,好像很丰富的样子,但过多的色彩感受只能给人一种复杂混乱的视觉效果,使访问者无法明确识别重点内容,甚至让人觉得难受、反感,不愿意再次访浏览。
 
一般来说,色调明确的网页更受访问者欢迎,因为这样的网页主次分明,易于识别、寻找,能减少访问者负担。如图2-4-2所示的配色,虽然只有红色的一种色调,但色调统一、层次分明,视觉效果强烈。
 
 
图2-4-2 单一色调的配色

二、文字能见度低
 
人眼识别色彩的能力有一定的限度,由于颜色色的同化作用,色与色之间对比强则易于分辨,对比弱则难于分辨,这在色彩学上称为易见度。

网页上的色彩通常与文字是结合在一起的,要么成为文字的背景色,要么成为文字本身的颜色,这就出现了文字与背景色的对比问题。对浏览者来说,重要的是文字,因为文字才是传达信息最重要、最直接的元素。因此,网页色彩运用就必须注意文字的可识别性,也就是文字的易见度。

文字与背景最简单快捷的搭配方式就是高明度背景上用低明度文字,反之亦然,如图2-4-3和图2-4-4所示,如果背景和文字明度接近或者差别太小,易出现文字无法识别的问题。
 

图2-4-3 高明度背景下的低明度文字



图2-4-4 背景与文字颜色接近不易识别


 
各种色彩对比的易见度是不同的,黄色在白色背景上的易见度最低,如图2-4-5所示。橙色与任何颜色搭配都很清楚,而且它兼具红色与黄色的优点,柔和明快,易于为人们所接受,如图2-4-6所示。
 

图2-4-5 黄色在高明度背景中易见度低


图2-4-6 橙色与任何颜色搭配都很清楚

 
黄与白、绿与红、绿与灰、紫与红、紫与黑、青与黑等几种搭配的易见度低,是应该避免使用的色彩组合,如图2-4-7 所示。

 

图2-4-7 易见度低的色彩结合

 

Copyright @ 2011 东莞市海映广告传媒有限公司,保留所有权利。;粤ICP备13064493号
东莞网站建设  热点新闻  联系我们