比起图像□□或图形布□□局要素来,文本配色▲就需要更▼强的可读◆性和可识□□□别性。所以文本□□的配色与◇背景的对□□比度等问□□□□题就需要□□□多费些脑·筋。很显然,字的颜色•和背景色□□□□有明显的□□□差异,其可读性□□□□和可识别●性就很强。这时主要□□使用的配◢色是明度❖的对比配□□□色或者利□□□用补色关·系的本色。
1.文本本色要考虑可读性
使用灰色□□或白色等□□□无彩色背□□景,其可读性•高,与别的颜□□□色也容易□□□配合。但如果想□□□□使用一些□□比较有个□□□性的颜色,就要注意◢颜色的对□□□□比度问题。多试验几▼种颜色,要努力寻□□□找那些熟□□□悉的、适合的颜□□色。
统一的配色,可以给人一贯性的感觉,并且方便配色。
另外,在文本背□□□景下使用□□□图形,如果使用□□□对比度高◣的图像,那么可识□□□□别性就要□□降低。这种情况□□□下就要考□□虑图像的□□□对比度,并使用只□□□有颜色的□□背景。
降低背景的对比度,虚化背景突出文字
2.网页与文本的配色关系
实际上,想要在网□□□□页中恰当□□的使用颜□□色,就要考虑□□□□各个要素◎的特点。背景和文□□□字如果使□□□用近似的△颜色,其可识别□□□性就会降□□□低,这是文本□□□□字号大小□□□□处于某个□□值时的特□□征,即各要素□□□□的大小如□□□□果发生了□□□改变,色彩也需□□要改变。
网页文字❖设计的一□□□个重要方·面就是对□□□文字色彩◎的应用,合理的应◢用文字色♦彩可以使□□□文字更加□□□□醒目、突出,以有效的◣吸引浏览◤者的视线,而且还可□□以烘托网□□□页气氛,形成不同□□□□的网页风□□格。
3.文本字号大小与配色的关系
标题字号□□□大小如果□□□大于一定□□□的值,即使使用□□□□与背景相◇近的颜色,对其可识□□□□别性也不◤会有太大□□的防碍。相反,如果与周□□□□围的颜色▲互为补充,可以给人□□整体上协□□□□调的感觉。如果整体□□使用比较□□□接近的颜□□□□色,那么就对✦想调整的□□□□内容使用◉它的补色,这也是配□□□□色的一种♦方法。
运用网页□□□□中的文字□□□色彩应和□□□网页的功♦能、表现主题、文字内容◉结合起来□□考虑。
利用文字大小对比,突出广告语
4.良好的网页文本配色
色彩是很□□□□主观的东□□□□西,你会发现,有些色彩□□之所以会□□□□流行起来,深受人们□□□的喜爱,那是因为●配色除了□□□□着重原则□□□□以外,它还符合□□□了以下几□□□□个要素:
顺应了政▼治、经济、时代的变▽化与发展·趋势,和人们的□□日常生活•息息相关。
明显和其□□□□他有同样□□诉求的色□□□彩不一样,跳脱传统□□的思维,特别与众□□□□不同。
浏览者看□□□到后是不□□□□会感到厌□□□□恶的,因为不管□□□□是多么与◢概念、诉求、形象符合◆的色彩,只要不被□□□□浏览者所□□接受,就是失败□□□□的色彩。
与图片、照片或商品搭配起来,没有不协调感,或有任何怪异之处。
能让人感□□□□受到色彩□□背后所要□□□□强调的故□□□事性、情绪性和□□□心理层面□□的感觉。
在页面上□□□□的色彩有□□□□层次,由于不同□□□内容或主●题,所适合的●色彩不尽□□相同,因此,在配色时,也要切合□□□内容主题,表现出层□□□次感。
6.文本颜色对比的处理
明度上的□□□对比、纯度上的□□对比以及□□□冷暖对比□□都属于文□□□字颜色对□□比度的范□□□□畴。通过对颜□□□□色的运用★能否实现□□□□想要的设□□计效果、设计情感▽和设计思□□想,这些都是◢设计好优□□秀的网页□□所必须注□□□重的问题。
作者:J9国际集团陆伟文