颜色能让网页显得更加有趣。最先,颜色能够产生明显视觉效果,使你的网页在访问者心里留下深刻印象;同时,颜色还能传递设计者的观念情绪。可是,应用颜色时必须要慎重,否则可能适得其反。过量使用颜色容易造成视觉混乱。通常情况下,避免使用过多的高度饱和的颜色,针对大量文字内容,白底黑字或黑底白字始终是理想的选择。
一般来说,还应选择相近的颜色。大多数网页背景为白色、黑色或灰色,其他次要元素,如背景图片、线条则应选择不显眼的颜色。只有在有限的条件下,为了凸显强调的内容,才使用明亮的色彩。这会产生强烈的视觉冲击,但如果使用太多,就会形成均匀的噪声,达不到强调的效果。
在选择网页背景和正文颜色时,关注易读性非常重要。提供足够明暗对比是实现易读性的关键。由于黑白对比度较高,因此大多数网页采用黑白色来显示文本。当然,也可以选择一亮一暗的颜色组合,只要对比度足够,例如灰底黑字也是一个不错的选择。
对于大面积的颜色,建议使用低对比度。因此,对于大的形状或粗体字,适宜使用低对比度的颜色组合。
除了亮度对比外,还要注意颜色对比。互补色具有丰富的颜色对比。两种高对比度的颜色组合在一起时,边界辨识度降低。颜色对比也会产生强烈的视觉效果。应用强烈的颜色对比,可以创造紧张和激动的感觉。然而,在文字和背景之间不宜使用过强的颜色对比,否则文字可能变得模糊。特别是,避免将文本放置在与文本互补的颜色背景上。
选择颜色时,也要考虑颜色的温暖程度。冷色调(蓝色、绿色)会产生收缩感,而暖色调(红色、橙色、黄色)则给人向前突出的感觉。深蓝色和深绿色适合作为背景色,明亮的黄色适合引起注意的内容。实际上,许多商店的招牌、广告等商业展示都使用深蓝色背景搭配黄色文字,这种组合引人注目,非常适合商业用途。黑色和黄色也是另一种常见的颜色搭配。
在Web页面上,通常采用亮背景色搭配深颜色文字的颜色组合。
除了颜色的对比和温度感觉外,还需要考虑颜色给人带来的心理感受。例如,冷色调使人感到平静,而暖色则让人充满活力;高对比度的颜色产生紧张感;暗色给人沉重和压抑的感觉,而亮色则让人感觉轻松、开放。可以根据要表达的主题选择合适的颜色。
颜色不仅仅影响心理感受,某些颜色实际上也具有社会意义。例如,红色代表停止,绿色代表通行,灰色和深蓝色代表保守、稳重等。恰当运用颜色可以调动浏览者的心理感受。例如,许多餐厅使用湖蓝色,给人轻松愉快的感觉,这同样适用于网页;在网页中使用颜色时,要与这些习惯相适应。
对于大多数网页,尤其是有大量文本的网页,应选用白色或浅色背景,如浅灰、浅黄、浅蓝,文本应用黑色或深颜色;避免在浅色背景中使用亮色文本,由于文本可能难以辨认;深色背景中使用浅色文本是很好的组合,但除非有特殊要求,不然应保留在需要引起访问者注意的小区域或场所,如标题图型等;黑色背景可能过于厚重,可以选择深灰、深蓝、褐色等取代;白色、浅灰、浅蓝、浅绿、浅褐等颜色适合作为深色背景上的文字色调;大字体或粗体文本比常规字体更适合应用鲜艳的颜色;能够尝试使用红色、橘色和光亮的蓝色等醒目的颜色,但要注意不要过度使用。