绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

如何运用色彩对比进行配色

人气:  作者:  发表时间:2020-12-26 09:53:17
应用对比原理搭配网页色彩是非常重要的配色方法,通过对比配色能够有效突出页面主题,对浏览者的视觉产生刺激,是一种提升网页视觉表现效果非常有效的方式。

一、冷暖对比
利用冷暖差别形成的色彩对比称冷暖对比。在色相环上把红、橙、黄称为暖色,把橙色称为暖极;把绿、青、蓝称为冷色,把天蓝色称为冷极。在色相环上,利用对应和相邻近的坐标轴可以清楚地区分出冷暖两组色彩,即红、橙、黄为暖色,蓝紫、蓝、蓝绿为冷色。还可以看到红紫、黄绿为中性微暖色,紫、绿为中性微冷色。

色彩冷暖对比的程度分为强对比和极强对比,强对比是指暖极对应的颜色与冷色区的颜色进行对比,冷极对应的颜色与暖色区域的颜色进行对比;极强对比是指暖极与冷极的对比。

暖色与中性微冷色、冷色与中性微暖色的对比程度比较适中,暖色与暖极色、冷色与冷极色的对比程序较弱。

在重量上,暖色偏重,冷色偏轻。在温度感上,暖色干燥,冷色湿润。色彩的冷暖受明度、纯度的影响,暖色加白变冷;冷色加白变暖。另一方面,纯度越高,冷暖感越强;纯度降低,冷暖感也随之降低。

二、面积对比
色彩的面积对比就是指各种色彩在构图中占据量的多少,面积大小的差别,将直接影响画面一主次关系。在网页中使用两种或两种以上的色彩时,它们之间的比例是多少才算是平衡的呢?也就是不使用其中某一种色彩更加突出。明度和面积两个因素决定纯度色彩的力量。

1、色彩的面积大小
在同等纯度下,色彩的面积大小不同,给人的感觉也不同。面积的大小与对人视觉的刺激度成正比,色彩面积越大,其可看见的程度和概率就越大,对视觉就会产生刺激。在网页配色时,首先要确定一种主色,使其成为一种小面积色,达到点缀网页、平衡网页色彩的效果。

当在网页中使用相等面积的两种颜色时,它们的冲突会达到极限,两种颜色有一种势均力敌的感觉,色彩对比强烈,但如果降低两种颜色的明度,这种激烈程度就会减小。

2、色彩面积的位置关系
对比双方的色彩距离越近,对比效果越强,反之则越弱。双方互相呈现接触、切入状态时,对比效果更强。一种颜色包围另一种颜色时,对比的效果最强,在网页设计中,一般是将重点色彩设置在视觉中心部分,这样最易引人注目。

三、色相对比
所谓的色相对比,其实就是指将不同的色相的色彩组合在一起,由其产生的对比效果来创造出对比强烈鲜明的一种手法。不同色相形成的对比效果,是以色相环中位置距离远的颜色来组合,距离越远,效果越强烈。

色相对比的强弱,可以根据色相在色相环中的间距判断,在网页设计配色中,可以将色相环中任意色相作为某个页面主色,通过与其他色相组合进行配色,构成原色之间的对比、间色对比、补色对比、邻近色对比和类似色对比,以此来表现网页色彩、色相之间不同程度的对比效果。

1、原色对比
红、黄、蓝三原色是色相环上最基本的3种颜色,它们不能由别的颜色混合产生,却可以混合出色相环上的所有其他颜色。红、黄、蓝表现了最强烈的色相气质,它们之间的对比是最强的色相对比。如果在网页配色中由两个原色或3个原色进行配色,就会令人感到强烈的色彩冲突。

2、间色对比
橙色、绿色、紫色是通过原色混合得到的间色,其色相对比略显柔和,自然界中植物的色彩许多都呈现间色,许多果实都为橙色或黄橙色,还经常见到各种紫色的花朵,例如,绿色与橙色、绿色与紫色这样的对比都是活泼、鲜明,又具有天然美的配色。

3、补色对比
色相环上相对的颜色称为互补色,是色相对比效果最强的对比关系。一对补色并置在一起,可以使对方的色彩更加鲜明,如红色与绿色搭配,红色变得更红,绿色变得更绿。

通常,在网页配色中,典型的补色是红色与绿色、蓝色与橙色、黄色与紫色。黄色与紫色由于明暗对比强烈,色相个性悬殊,因此成为3对补色中最冲突的一对。蓝色与橙色的明暗对比居中,冷暖对比最强,是最活跃、生动的色彩对比。红色与绿色明暗对比近似,冷暖对比居中,在3对补色中显得十分优美,由于明度接近,两色之间相互强调的作用非常明显,有炫目的效果。

4、邻近色对比
在色相环上顺序相邻的基础色相,例如,红色与橙色、黄色与绿色、蓝色与紫色这样的颜色并置关系,称为邻近色,属于色相弱对比的范畴。这是因为在红色与橙色对比中,橙色已带有红色的感觉,在黄色与绿色的对比中,绿色已带有黄色的感觉,它们在色相因素上自然有相互渗透之处;但像红色与橙色这类颜色在可见光谱中具有明显的相貌特征,都为单色光,因此仍具有清晰的对比关系。

邻近色对比在配色中的最大特征是可以让网页具有明显的统一协调性,或为暖色调,或为冷暖中间调,或为冷色调,而且在统一中仍不失对比的变化。

5、类似色对比
在色环上非常邻近的颜色,例如,橙色与橙黄色、绿色与黄绿色、绿色与蓝绿色、蓝色与蓝绿然,等等,这样的色相对比称为类似色相对比。类似色相对比是最弱的色相对比效果,在视觉中能感受的色相差很小,常用于突出某一色相的色调,注重色相的微妙变化,在网页配色中通常用一两种类似的色作为网页的背景,这样既可以维持网页色彩的统一与平衡,又可以突出网页内容中使用的配色色彩。

四、同时对比
当两种或两种以上色彩在网页中一起配色时,相邻的两种色彩会互相影响,这种对比被称为同时对比。同时对比的色彩基本规律是,相邻的色彩会改变或失去原来的属性和原来需要传达的印象,并与另一种色彩互换,从而展示出新的色彩效果与活力。

如果在色相上,两种色彩接近补色,则对比效果更强烈,当红色和绿色这两种补色同时出现在网页上时,如果线度和明度一样,那么红色将变得很红,绿色装变得很绿;在明度上,明度高的会更高,明度低的会更低,当黑白并置时,黑色和白色会更加明显。

五、连续对比
人们在浏览网站页面时,观察配色中的一种色彩再看另一种色彩后,视觉会把前一种色彩的补色加到后一种色彩上,这种对比称为连续对比。

连续对比与同时对比不同的是,同时对比主要是指在同一时间、同一空间上颜色的对比效果;连续对比则是在不同的时间或者在运动的过程中,不同颜色之间的刺激对比。
如何运用色彩对比进行配色:http://www.luweit.com/news/jianzhan/134.html
标签: 网站设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2