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

西安网站设计配色的基本方法

发表日期:2017-5-1 作者来源:派谷网络 浏览次数:

    色彩不同的网页给人的感觉会有很大差异,可见网页的配色对于整个网站的重要性。

    一般在选择网页色彩的时候,会选择与网页类型相符合的颜色,而几尽量少用儿种颜色,调和各种颜色使其有稳定感是最好的。例如,把鲜明的色彩用来作为中心色彩时,以这个颜色为基准,主要使用与它邻近的颜色,使其具有统一性。需要强调的部分可以使用其他别的颜色,或利用几种颜色的对比,这些都是网页配色的基本方法。

    1.文本配色

    比起图像或图形等布局要素来,文本配色就需要更强的可读性和可识别性。所以文本的配色一与背景的对比度等问题就需要多费些脑筋。很显然,如果文字的颜色和背景色有明显的差异,其可读性和可识别性就会很强。这时主要使用的配色是明度的对比配色或者利用补色关系的配色。使用灰色或白色等无彩色背景的可读性高,和别的颜色也容易配色。但如果想使用一些比较有个性的颜色的话,就要注意颜色的对比度问题。多试验几种颜色,要努力寻找那些熟悉的适合的颜色。

    另外,在文本背景下使用图像,如果使用对比度高的图像,那么可识别性就要降低,这种情况下就要考虑降低图像的对比度。

    2.网页配色关系

    要想在网页中恰当地使用色彩,就要考虑各个要素的特点。背景和文字如果使用近似的颜色,其可识别性就会降低,这是文本字号大小处十某个值时的特征,即各要素的大小如果发生了改变,色彩也需要改变。

    标题字号大小如果大于一定值,即使使用与背景相近的颜色对标题的可识别性也不会有太大的妨碍。相反,如果与周围的颜色互为补充,可以给人整体}:调和的感觉。如果整体使用较接近的颜色,那么就对想要强调的内容使用补色,这也是配色的一种方法。

    配色规则:如果想要把各种各样的颜色有效地调和起来,那么应制定一个规则,再按照它去做会比较好。例如,用同一色系的色彩制作某种要素时,按照种类只变换背景色的明度和饱和度,或者维持一定的明度和饱和度,只变换颜色。利用色彩的三要素—颜色、明度和饱和度来配色会比较容易。

    文本配色平衡:在配色中最重要的莫过于整体的平衡。例如,为了强调标题使用对比强烈的图像或色彩,而正文使用它的补色作为强调色,就会使注意力分散,使整体的效果退色,这就是没有很好地考虑整体的平衡而发生的问题。如果标题的背景用较暗的颜色,再用最容易引人注意的白色作为标题的颜色,正文也使用与之相同的颜色,或者标题用很大的字,在很暗的背景下又用白色作为扩张色压倒其他要素,这样画画就会互相冲突而显得很杂乱。

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

相关网站设计案例

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