色彩的运用能让网页更具生动感。最先,颜色可以创造明显视觉效果,在客户心里留下深刻印象;此外,颜色还能传送设计师的想法和情绪。然而,使用颜色时应特别小心,以防适得其反。过度使用颜色容易造成视觉混乱。通常情况下,防止广泛使用过于强烈的色彩效果,针对大量文字内容,白底黑字或黑底白字一般是最好的选择。
在选色时,一般应选择相似的颜色。大部分页面背景采用白色、黑色或灰色,而其他主次元素(如背景图案、线条等)适用低调的颜色。仅在有限的数量环境下,才使用少量光亮颜色以突出重点元素。过多的彩色亮点会产生强烈的视觉冲击,那如果过度使用,反倒达不到强调的效果。
在挑选背景和正文颜色时,易读性至关重要。实现易读性的关键是提供足够的明暗对比。由于黑白对比度鲜明,因此大多数网页采用黑文白底或白文黑底的方式显示文本。但无需局限于黑白色彩对比,也可选择一对亮和暗色搭配,只要保持足够的对比度,例如灰底黑字也是一个不错的选择。大面积元素适宜采用低对比度的色彩组合。
除明暗对比外,还需考虑颜色对比。互补色具有很强的颜色对比,但将两种互补色组合时,边界难以辨认。颜色对比同样能产生强烈的视觉效果。使用鲜明的颜色对比可营造紧张和激动的氛围。但在文本和其背景之间不宜使用过强的颜色对比,否则文本看起来会显得模糊。尤其注意避免在使用文字的互补色作为背景上放置文本。
在选择颜色时,还需注意冷暖色区别。冷色调(如蓝、绿)会产生收缩感,而暖色调(如红、橙、黄)则有向前突出的感觉。深蓝色和深绿色适宜作为背景色,而明亮的黄色则适用于需要引起关注的元素。实际上,观察店铺招牌、广告或其他商业图形展示,会发现许多采用深蓝色背景搭配黄色文字的组合,这种组合非常醒目,适用于商业领域。黑色和黄色也是另一种常用的色彩搭配。
在Web页面上,通常采用亮色背景搭配深色文字的色彩组合。除了色彩对比和冷暖感觉外,还需考虑色彩带给人的心理反应。例如,冷色使人感到平静,暖色让人感到兴奋;强烈的颜色对比会产生紧张感;暗色给人沉重和压迫感,而亮色则给人轻松开放的感觉。根据所要表达的主题,选择合适的色彩。
此外,有些色调已具有一定的社会意义。例如,红色代表终止,绿色代表通行,灰色和暗蓝色代表传统和沉稳等。合理利用颜色可以调动用户的心理体会。比如,很多餐馆和网页环境中使用湖蓝色,让人轻松愉快的感觉。在网页中应用颜色时,应尽量使色彩搭配符合这些社会习惯。出于兼容性考虑,一个页面显示颜色不可太多,包含页面里的图象以内,都应控制在256色之内。主题颜色一般仅需两至三种,并采用一种主色调。