在网页设计的过程中,比起图像或图形布局要素来,文本配色就需要更强的可读性和可识别性。因此文本的配色与背景的对比度等问题就需要特别关注。显然,字的颜色和背景色存在明显的差异,其可识别性就很强。此时就应选择明度的对比配色或利用补色关系的配色。
一、概述
1、文本配色要考虑可读性在网页设计时,使用灰色或白色等无彩色背景,其可读性高,与别的颜色也容易配合。但如果想使用一些比较有个性的颜色,就要注意颜色的对比度问题。可多选择几种颜色,从中寻找熟悉的、适合的颜色。
(1)图形背景上的文字配色:页面使用紫色为主色调,让人感觉优雅、女性化,在紫色的背景下搭配明度最高的白色文字,页面内容清晰,可读性高;
(2)灰色背景上文字的搭配:在使用灰紫色为主色调的网页背景中,使用明度较低、纯度较高的蓝色和深灰色文字,文字表现清晰,整体让人感觉充满科技感。
2、文本图形背景的处理统一的配色,可给人一贯性的感觉,并且方便配色,此外,在文本背景下使用图形,如果使用对比度高的图像,那么可识别性就要降低。此时就要考虑图像的对比度,并使用只有颜色的背景。
二、网页与文本的配色关系
使用高明度的浅色系作为网页背景,搭配高纯度的深蓝色文字,并且对个别文字使用对比色搭配,例如,加大字号,突出表现,从而给人时尚和科技感。1、文本字号大小与配色的关系标题字号大小如果大于一定的值,即使使用与背景相近的颜色,对其可识别性也不会有太大的妨碍。相反,如果与周围的颜色互为补充,可给人以整体上协调的感觉。如果整体使用比较接近的颜色,那么就对想调整的内容使用它的补色,这也是配色的一种方法。运用网页中的文字色彩应和网页的功能、表现主题和文字内容结合起来考虑。
三、网页文本配色的要素
色彩是很主观的东西,有些色彩之所以会流行,深受人们的喜欢,是因为配色除了着重原则以外,还必须符合如下要素:荫顺应了政治、经济、时代的变化与发展趋势,与人们的生活息息相关;荫明显和其他有同样诉求的色彩不一样,跳脱传统的思维,特别与众不同;荫浏览者看到后是不会感到厌恶的,因为不管是多么与概念、诉求、形象相符合的色彩,只要不被浏览者所接受,就是失败的色彩;荫与图片、照片或商品搭配起来,没有不协调感,或有任何怪异之处;荫能让人感受到色彩背后所要强调的故事性、情绪性和心理层面的感觉;荫在页面上的色彩有层次,由于不同内容或主题,所适合的色彩不尽相同,因此,在配色时,也要切合内容主题,表现出主题感。
四、网页文本配色要点
1、同色系文本配色蔚蓝色有着天空一样的色彩,让人感觉舒适、轻松。文本的颜色采用与背景色同色系的深棕色搭配,和谐、自然,并且能够与网页色彩印象统一。首先,决定主要的色调,如暖、寒、华丽、朴实感所代表的色调意义,依照色调选择一种主要的颜色。思考主要颜色应用在网页中的哪些位置比较合适,以营造出最佳的视觉效果。再选择第二、第三的辅助色彩。其次,在选择色彩时,需要注意颜色的明暗、对比、均衡关系,同时在与主色调搭配使用时,需要考虑其面积大小的分配。在配色过程中,最好能思考色彩间的关系,同时使用色盘作为对照工具,依照个人美感与经验进行微调。必须先了解有关色彩与配色的基础理论。
(1)色彩的三属性:色相、明度、饱和度;
(2)色彩与色相环;
(3)色彩的功能,如色彩联想、色彩的心理感觉、色彩味觉等。
最后,在配色前,还要考虑如下内容:
(1)针对的对象以及目的;
(2)商品的形象;
(3)所需传达的含义与机能。
2、清凉感的网页文本配色绿色与黄绿色的搭配,让人感觉自然、清爽,在文字搭配时,采用同色系,不同明度的绿色和黄绿色搭配,色调统一,并且给人清凉、活力四射的感觉。
五、结论
总之,在网页设计过程中,给文本配色是一个很重要的环节。文本配色设计到方方面面,从色彩的可读性到页面的可用性、菜单的易用性,不一而足。文本需要在不同背景下保持足够的对比度来确保其可读。当设计出一套优秀的文本配色方案时,应尽量将这个方案贯穿到整个网页设计中,从而使用户在浏览网页时有一种赏心悦目的感觉。