十年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

网站设计配色这些知识一定要了解

百恒 2019-09-21 15:02:48 214
颜色是种看起来相当简单,却非常难处理好的东西。而且,由于它是任何设计中极度视觉化、焦点化的部分,当它没处理好时会如此引人注意。如果你的设计中这么重要的部分给人感觉不好,或者没有很好的表现你的公司、服务或品牌,那么它就能让停留访问的用户消失不见。颜色可以分成两个大类无彩色系和有彩色系,有彩色系的颜色具有三个基本特性:色相、纯度(也称彩度、饱和度)、明度。在色彩学上也称为色彩的三大要素或色彩的三属性。

一、色彩的三大要素

色相:所谓色相指的就是色彩的相貌(颜色)区别互相间的差异,对每一种颜色都给予一种称呼,使我们能呼出其名而知其色,这种区分就称之为色相。

明度:指的就是色彩的明亮度。每一种色彩会因为光线反射强弱而呈现深浅的差别,无色彩中,明度最高的为白色,最低的为黑色,在白与黑中,还有深浅不同的灰,有色彩中,黄色明度最高,紫色最低。

彩度:指的和是色彩的鲜艳度。彩度最高的颜色,即色调中最强的颜色,称之为纯色。以红色为例,纯色中的红色,其色调最强,也是彩度最高的颜色。




二、色彩的关系对比

(1)邻近色相对比:色相环上相邻的二至三色对比,色相距离大约30度左右,为弱对比类型。如红橙与橙与黄橙色对比等。效果感觉柔和、和谐、雅致、文静,但也感觉单调、模糊、乏味、无力,必须调节明度差来加强效果。

(2)同类色相对比:一种色相的不同明度或不同纯度变化的对比,俗称同类色组合。如蓝与浅蓝(蓝+白)色对比,绿与粉绿(绿+白)与墨绿(绿+黑)色等对比。对比效果统一、文静、雅致、含蓄、稳重,但也易产生单调、呆板的弊病。

(3)对比色相对比:色相对比距离约120度左右,为强对比类型,如黄绿与红紫色对比等。效果强烈、醒目、有力、活泼、丰富,但也不易统一而感杂乱、刺激、造成视觉疲劳。一般需要采用多种调和手段来改善对比效果。

三、色彩的配色方法

通常配色方案有近似色、补充色、分离补色等。

1.近似色 近似色是色环上已给定的颜色临近的任何一种颜色。如果从橙色开始,它的两种近似色应该选择红和黄。为近似色在色环上的位置。用近似色的颜色主题可以实现色彩的融洽与融合。

2.补充色 补充色也叫对比色,是指在色环中的直接位置相对的颜色。如果想要使网站中的色彩强烈突出、富有冲击力的话,可选择对比色。为使用了补充色的网站。大块的橙色和蓝色用到一起,具有强烈的冲击力,达到了视觉上的震撼效果。

3.分离补色 分离补色可以由 2~3 种颜色组成。在色环上选择一种颜色,它的补色就在色环的另一面。可以使用补色旁边的一种或多种颜色。 这样的一组颜色叫做分离补色。分离补色的搭配可以起到类似补充色的强烈对比作用,但有近似色的缓冲,可以使页面效果更加柔和。

网页设计师需要注意,三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

 
 
 
 
 
 
 
 
×