主页/ 电商学院/网站开发/网页色彩艺术(2)-网页文本配色

网页色彩艺术(2)-网页文本配色

归类:网站开发
比起图像或图形布局要素来,文本配色就需要更强的可读性和可识别性。所以文本的配色与背景的对比度等问题就需要多费些脑筋。很显然,字的颜色和背景色有明显的差异,其可读性和可识别性就很强。这时主要使用的配色是明度的对比配色或者利用补色关系的本色。
 
网页设计色彩
 
 
1.文本本色要考虑可读性
使用灰色或白色等无彩色背景,其可读性高,与别的颜色也容易配合。但如果想使用一些比较有个性的颜色,就要注意颜色的对比度问题。多试验几种颜色,要努力寻找那些熟悉的、适合的颜色。
 
统一的配色,可以给人一贯性的感觉,并且方便配色。
 
另外,在文本背景下使用图形,如果使用对比度高的图像,那么可识别性就要降低。这种情况下就要考虑图像的对比度,并使用只有颜色的背景。

网页文本配色
    
                     降低背景的对比度,虚化背景突出文字
 
 
2.网页与文本的配色关系
实际上,想要在网页中恰当的使用颜色,就要考虑各个要素的特点。背景和文字如果使用近似的颜色,其可识别性就会降低,这是文本字号大小处于某个值时的特征,即各要素的大小如果发生了改变,色彩也需要改变。
 
网页文字设计的一个重要方面就是对文字色彩的应用,合理的应用文字色彩可以使文字更加醒目、突出,以有效的吸引浏览者的视线,而且还可以烘托网页气氛,形成不同的网页风格。
 
3.文本字号大小与配色的关系
标题字号大小如果大于一定的值,即使使用与背景相近的颜色,对其可识别性也不会有太大的防碍。相反,如果与周围的颜色互为补充,可以给人整体上协调的感觉。如果整体使用比较接近的颜色,那么就对想调整的内容使用它的补色,这也是配色的一种方法。
 
运用网页中的文字色彩应和网页的功能、表现主题、文字内容结合起来考虑。
 
 
色彩设计
 
利用文字大小对比,突出广告语
 
4.良好的网页文本配色
    色彩是很主观的东西,你会发现,有些色彩之所以会流行起来,深受人们的喜爱,那是因为配色除了着重原则以外,它还符合了以下几个要素:
    顺应了政治、经济、时代的变化与发展趋势,和人们的日常生活息息相关。
    明显和其他有同样诉求的色彩不一样,跳脱传统的思维,特别与众不同。
    浏览者看到后是不会感到厌恶的,因为不管是多么与概念、诉求、形象符合的色彩,只要不被浏览者所接受,就是失败的色彩。
    与图片、照片或商品搭配起来,没有不协调感,或有任何怪异之处。
    能让人感受到色彩背后所要强调的故事性、情绪性和心理层面的感觉。
在页面上的色彩有层次,由于不同内容或主题,所适合的色彩不尽相同,因此,在配色时,也要切合内容主题,表现出层次感。
 
6.文本颜色对比的处理

    
明度上的对比、纯度上的对比以及冷暖对比都属于文字颜色对比度的范畴。通过对颜色的运用能否实现想要的设计效果、设计情感和设计思想,这些都是设计好优秀的网页所必须注重的问题。

作者:优加网络陆伟文
 
0 喜欢
421 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交