郑州网页设计培训
郑州网页美工培训
郑州UI设计培训
郑州淘宝美工培训
网页设计中色彩搭配的主要原则有哪些?
发布时间:2016-01-20 18:01:57

    可能你尚未意识到颜色在网页设计中的重要性。你可能觉得一个网站是绿色的,换成蓝色也行,反正无所谓。长期以来,我都在思考颜色在网页设计中的重要性,最近才得出结论:颜色真能改变很多东西,并且能让读者感受不一样的东西。每种色调的背后都隐藏着某种心理效应,接下来我会深入探讨这个问题。


  1.根据页面风格确定主色。


  色彩有心理暗示的作用,很多行业都有其各自的行业色,很多品牌也有其独特的品牌色:例如:肯德基、麦当劳这类快餐店不约而同的选择了红色作为主基调,因为红色有增进食欲的效果。红色代表热情、活泼、温暖、幸福;橙色代表光明、华丽、兴奋、快乐;黄色代表明朗、愉快、高贵、希望;绿色代表新鲜、和平、柔和、安逸、青春;蓝色代表深远、永恒、沉静、理智;紫色代表优雅、高贵、魅力、自傲。很多品牌都有一套自己的VI,它们的颜色使用都是有特色的,奥迪是以灰色主打,百事可乐以蓝做主基调,可口可乐则是红。


  2.根据主色确定配色。


  网页配色很重要,网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力,不恰当的色彩搭配则会让访问者浮躁不安。举个例子,青色给人的心理联想是宁静、寒冷,而表示的意义我们可以定义为希望、宁静、清冷。那么运用的效果自然就能表达出希望、宁静、寒冷之感。所以在制作冰箱、空调、文具和学校之类的设计就自然可以来使用青色。再来我们可以根据LOGO来选色。一般情况下,LOGO的色彩即使此行业分类最典型的色彩。比如可口可乐的红色,激情且能刺激食欲的颜色,那么毫无疑问,我们的网页主色调也脱离不了它。


  3.同种色彩搭配。


  同种色彩搭配是一种最简便、最基本的配色方法。它是指首先选定一种色彩,然后调整其透明度和饱和度,将色彩变淡或加深,而产生新的色彩,这样的页面看起来色彩统一,具有层次感。同种色搭配可以取得端庄、沉静、稳重的效果。但必须注意同种色搭配时,色与色之间的明度差异要适当,相差太小,太接近的色调容易相互混淆,缺乏层次感;相差太大,对比太强烈的色调易于割裂整体。同种色搭配时最好有深、中、浅三个层次变化,如果少于三个层次,搭配会显得比较单调,但是层次过多又会产生繁琐、散漫的效果。


  4.相近色色彩搭配。


  选择色彩相近的颜色,非常容易搭配。明度不同或纯度不同的几种颜色颜色容易搭配,比如挑几种深浅不同的绿色来搭配,一半页面不会有太大的问题,但是同意页面尽量不要同时有多于4种颜色并存。我们可以在颜色面板中调入不同的几种色系,选它们相邻的颜色试试,或隔几种颜色来搭配,就可以找到合适页面的颜色。


  5.邻近色色彩搭配。


  邻近色是指在色环上相邻的颜色,如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱,易于达到页面和谐统一的效果。邻近色之间往往是你中有我,我中有你。比如:朱红与桔黄,朱红以红为主,里面略有少量黄色;桔黄以黄为主,里面有少许红色,虽然它们在色相上有很大差别,但在视觉上却比较接近。在色轮中,凡在90度范围之内的颜色都属邻近色的范围,色相距离约60度左右,为较弱对比类型。邻近色一般有两个范围,绿蓝紫的邻近色大多数都是在冷色范围里的,红黄橙在暖色范围里的。采用邻近色搭配效果会有丰富活泼,但又不失统一雅致、和谐的感觉。


  6.对比色彩搭配。


  一般来说,色彩的三原色(红、黄、蓝)最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力,能够起到几种实现的作用。对比色可以突出重点,产生强烈的视觉效果。通过合理使用对比色,能够使网站特色鲜明、重点突出。在设计时,通常以一种颜色为主色调,其对比色作为点缀,以起到画龙点睛的作用。


  7.补色色彩搭配。


  指两个相对的颜色的配合,如:红与绿,青与橙,黑与白等,补色相配能形成鲜明的对比,有时会收到较好的效果。黑白搭配是永远的经典。两个互为补色的颜色放在一个页面,其中一种颜色占的面积远大于另一种颜色的面积的时候,就可以增强画面的对比,画面就会很显眼。但是一般情况下,补色运用有得有失。


联系地址

郑州金水区东风路文化路向西200米路北汇宝大厦5楼501

联系电话

0371-63218905 13613841515(徐老师)

CopyRight 2005--2013 © xueweb.cn 版权所有:郑州清新教育电脑设计培训学校 Tel:0371-63218905 13613841515 客服QQ:800060586