设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网页文本与背景颜色的搭配

发表日期:2018-4-3 作者来源:派谷网络 浏览次数:

    色彩可以使页面更加生动。首先,使用色彩可以产生强烈的视觉效果,使你的页面在浏览者心中留下很深的映象;色彩还可以传递设计者的思想情感。但是必注意慎重的使用色彩,否则很可能弄巧成拙。滥用色彩容易造成视觉上的混乱。一般情况下不要过多的使用效果太强烈的色彩,对于大面积的文字来说,白底黑字或黑底白字总是最佳选择。

    通常还应该选择相近的色彩。多数的页面背景为白色、黑色或灰色,其他一些次要的元素,如背景图片、线条适宜采用不抢眼的色彩。在数量有限的情况下,只有少量精心选择的元素为了突出强调的需要,才彩用明亮的色彩。在数量有奶的情况下,这引起彩色亮点会产生强烈的视觉冲击,但如果用得太多了,就会形成一种均匀的噪声,而达不到强调的效果。

    在选择背景和正文颜色时,最重要的一点是注意易读性。实现易读性的关键在于提供足够的明暗对比。由于黑白之间有最强烈的对比度,因此大多数网页都采用黑底折字显示文本,但是,也不必拘泥于黑白两色实现对比,可以选择一对颜色,其中一个是亮的,一个量暗的,只要它们保持足够的对比度,比如说,灰底黑字也是很好的选择。

    大面积的适宜采用低对比度。因此,对于大的形状或粗体字最好采用低对比度的色彩组合。

    除了亮度上的对比之外,还要考虑颜色上的对比。互补色具有最强的颜色对比两种有较强的色彩对比度的颜色组合在一起时,很难区分它们的边界。颜色对比同样可以产生强烈的视觉效果。运用强的色彩对比,可以制造紧张,激动等感觉。但是,在文本和它的背景之间不宜采用太强的颜色对比,否则文字看起来会显示得模糊。特别是,文本切忌放在使用文字的互补色的背景上。

    在选择颜色时,还要注意冷暖色的部题。冷色调(蓝、绿)会产生收缩感,而暖色调(红、橙、黄)则有向前突出的感觉。深蓝色和深绿色适合作为背景色,而明亮的黄色适合于那些希望引起注意的黄色。事实上,只要我们平时稍加观察,就会发现许多商店的招牌,广告或其他商业图形展示都彩用深蓝色背景加黄色文字,标记的组合。这种组合非常醒目,最适合商业领域使用。黑色和黄色也是另一种常用的颜色组合。

    在Web面面上,大多采用明亮的背景色衬以深颜色的文字这样的一种颜色组合。

    除了色彩的对比、冷暖感觉之外,还需要考虑色彩带给人心理上的感觉。比如,冷的颜色使人平静,而暖色使人激动;强的色彩对比造成紧张感;暗的颜色给人以沉重感和压迫感。亮的颜色给人轻松、开放的感觉。我们可以根据所要表达的主题,选择合适的色彩。

    色彩除了带给人心理上的感觉之外,有些颜色实际上已经有了社会意义。比如,红色代表停止,绿色代表通行,灰色和深蓝色代表保守,稳重等。恰当运用色彩可以调动浏览者心理上的感受。比如,在许多饮食店中,采用汪蓝色,给人轻松愉快的感觉,这同样也适合于网页,在网页中使用颜色时,就要尽量使得色彩搭配与这些习俗相吻合。

    考虑到大多数人使用256色显示模式,因此一个页面显示的颜色不宜过多,连页面内的图像在内应当控制在256色以内。主题颜色通常只需要两到三种,并采用一种标准色。

    对多数网页特别是有大面积文字的网页来说,应采用白色或浅色的背景,如浅灰色、淡黄色、浅蓝色或浅绿色,文字采用黑色或深颜色; 避免在浅色背景使用明亮颜色的文字,因为这样文字会很难辨认; 深颜色背景上使用浅色的文字是一种很好的组合,但是如果不是特别需要,应留作那些需要引起浏览者特别注意的小块区域和场合,比如标题图形等; 使用黑色背景许多时候显得太沉重,可以考虑使用深灰色、深蓝、粟色等; 白色、浅灰色、浅蓝色、浅绿色、浅褐色很适合作为深色背景上的文字颜色; 大的、粗体的文字比常规尺寸的文字更适合使用;交强的颜色,可考虑鲜红色,橙色,明亮的蓝色,但注意不要滥用。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案