首页 > 建站百科 > 网页设计 > 西安网页设计中基本配色方法

西安网页设计中基本配色方法

时间:2017-08-31 09:41:54 来源:西安网页设计

西安网页设计中基本配色方法,色彩不同的网页给人的感觉会有很大的差异,可见网页的配色对于整个网站的重要性。一般在选择网页色彩时,会选择与网页相符的颜色,而且尽量少用几种颜色,调和各种颜色,使其有稳定感最好的。把鲜明的色彩作为中心色彩时,以这个颜色为基准,主要使用与它邻近的颜色,使其具有统一性。需要强调的部分使用别的颜色,或使用几种颜色对比,这些都是网页配色的基本方法。


如果想要把各种各样的颜色有效的调和起来,那么定一下一个规则,再按照它去做比较好。比如,用同一种色彩制作某一种要素时,按照种类只需要更换背景色的明度和饱和度,或者维持一定明度和饱和度只需要跟换颜色,利用色彩三要素---颜色、饱和度和明度配色比较容易。比如,使用相同的颜色,变换饱和度和透明度,是简单有效的方法。


1、西安网页设计中的文本配色

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


文本配色效果.jpg


2、西安网页设计中的网页配色关系

实际上,想在网页中恰当使用颜色,就要考虑各个要素的特点。背景和文字如果使用近似的颜色,其可识别就会降低,这是文本字号大小处于某个值时的特征,即各个要素的大小如果发生了改变,色彩也需要改变。标题字号大小如果大于一定的值,即使使用与背景色相近的颜色,对其可识别也不会有太大的妨碍。相反,如果与周围的颜色形成互补,可以给人整体上调和的感觉。如果整体使用比较接近的颜色,那么就对想强调的内容使用它的补色,这也是配色的一种方法。


网页配色关系.jpg

3、西安网页设计中的文本配色平衡

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

文本配色平衡.jpg


统一的配色,可以给人一惯性的感觉,可以方便配色,但要注意可能产生的腻烦感。像使用紫色和蓝色这样相近的颜色进行配合时,就要充分考虑明度差和饱和度差进行调和色。像红色和蓝色的配色互相构成对比,色彩差强烈而又华丽,给人很强的动感。此外,利用明度差和饱和度差可以做到多种颜色的感觉。

阅读过此文章的读者,还阅读过下面的文章

2017-08-31 09:41:54      一组非常酷的版面设计
2017-08-31 09:41:54      排版宝典!20个设计新手常犯的排版设计误区
2017-08-31 09:41:54      你还在用轮播图吗
2017-08-31 09:41:54      揭秘:网站建设价格悬殊大的原因
2017-08-31 09:41:54      10大网站设计错误足以毁掉您的网站
2017-08-31 09:41:54      超实用!西安网页设计如何让页面看起来高大上且有设计感
2017-08-31 09:41:54      App设计者需要注意的21条禁忌
2017-08-31 09:41:54      西安网页设计中常见的五种交互设计错误
2017-08-31 09:41:54      在网页设计中如何对文字进行排版的优化
2017-08-31 09:41:54      企尚网络分析网站建设的设计趋势
2017-08-31 09:41:54      使用HTML5的十大原因
2017-08-31 09:41:54      为什么要用SVG?