2.6　网站文本配色

与图像或图形布局要素相比，文本配色就需要更强的可读性和可识别性。所以文本的配色与背景的对比度等问题就需要多费些脑筋。很显然，字体的颜色和背景色有明显的差异，其可读性和可识别性就越强。

2.6.1　网页与文本的配色关系

实际上，想在网页中恰当地使用颜色，就必须要考虑到各个要素的特点。背景和文字如果使用相近的颜色，其可识别性就会降低，网页中各要素的大小如果发生了改变，色彩也需要改变。

如果网页背景使用灰色或白色等无彩色，则网页的可读性高，如图2-119所示。但如果想使用一些比较有个性的颜色，就要注意其对比度，多试几种颜色，努力找到最合适的。另外，如果使用图像作为网页背景，图像对比度高，那么可识别性就要降低，如图2-120所示。

网页文字设计的一个重要方面就是对文字色彩的运用，合理地运用文字色彩可以使文字更加醒目、突出，可以有效地吸引用户的视线，而且还可以烘托网页气氛，形成不同的网页风格，如图2-121所示。

标题字号大小如果大于一定的值，即使使用与背景相近的颜色，对其可识别性也不会有太大的影响。相反，如果字体颜色与周围的颜色互为补充，可以给人协调的感觉。如果整体使用比较接近的颜色，那么就对想调整的内容使用它的补色，这也是配色的一种方法，如图2-122所示。

2.6.2　良好的网页文本配色

配色是很主观的，有些配色之所以会流行起来，深受人们的喜爱，那是因为除了遵循配色原则，还符合了以下几个要素：

? 顺应了政治、经济、时代的变化与发展趋势，与人们的日常生活息息相关。

? 与其他有同样诉求的色彩不一样，跳脱传统的思维，与众不同。

? 用户看到时不会感到厌恶，因为不被用户所接受的色彩，就是失败的色彩。

? 与图片、照片或商品搭配起来，没有不协调，或有怪异之处。

? 能让人感受到色彩背后所要强调的故事性、情绪性。

? 不同的内容或主题，所适合的色彩不同。因此，在配色时要切合内容主题，表现出内容的层次感。

? 明度对比、纯度对比以及冷暖对比都属于文字颜色对比的范畴。通过对颜色的运用实现想要的设计效果，如图2-123所示。

2.6.3　网页文本配色要点

先决定主要的色调，如暖、寒，华丽、朴实等，依照色调选择一个主要的颜色。