当前位置:网站首页 / 建站知识 / 网站设计知识

网站主色调的把握和色彩搭配的技巧

来源:未知时间:2014-04-26 10:44点击:

色彩是我们接触事物所第一个感受到的最初印象。以网站设计来说,绝大多数的网站不外乎标题、文字、图片、按钮与界面等。而当我们第一次进入一个网站,最先感受到的不是网站提供的资讯或是内容,而是网站色彩搭配所呈现出来的感受,它暗示了这个网站所代表的方向与意义,可以说网站主色的调把握和色彩搭配的技巧是网站设计的关键。

一、网站主色调的把握

对于一个网站来说,一定要有一个主色调,不是什么颜色都有。这样会变成一个大锅粥。可以说没有特色。由于颜色本身心理暗示的作用,很多行业都有其行业色,比如商务/工业蓝、环保绿之类的。济南网站设计根据多年经验,网站的主色调最好跟所属的行业相一致才行,当然啦,首先网站的主色调要鲜明、一致,在此基础上,要力求跟网站所经营的行业相关,这样网站才会起到相对应的作用。另外,在选择主色调的时候还有其他一些因素要考虑,比如整个站点的美术效果、需要传达的氛围/感觉以及用户观感。说到观感,有一个很多设计师都不注意的问题:通常来说,颜色纯度的颜色,从广告效果上是好的,能够一瞬间把用户的眼睛吸引过来。但是不适合长时间浏览,长时间浏览纯色的页面,会产生视觉疲劳(有人说绿色是保护眼睛的颜色,但是事实上纯绿色对眼睛的刺激也不小);颜色灰度偏高的颜色,虽然不是很醒目,但是有利于长时间的浏览,不容易产生视觉疲劳。高调页面(整个页面调性偏白的那种),虽然看起来会有一种简约干净的感觉,但是由于显示器不同,所以在部分电脑里,亮部容易没有层次而显得单薄;而以黑色深色为主的页面,虽然整体把握比较容易,但是同样的问题,暗部可能会损失层次,另外深沉的颜色使用不好会使页面显得沉闷。所以说,多从用户的角度去考虑观感的问题,被“飞机”的概率才会降低。

一个网站首先跃入浏览者眼帘的是网站的色彩,也就是刚刚打开网站时的那种感觉,漂亮的网站色彩会给人耳目一新的感觉,这种视觉的冲击对于网站的形象展示甚至网站的推广排名都很重要,可以这样说,一个富有典雅、清爽、大方的网站,无论是气质还是视觉品味,或是功能实现,都有着举足轻重的作用。

举个例子吧,一个食品的网站,从风格角度来看,打开网页后,就要给人很有一种食欲,呵呵,最好能流口水,这叫视觉效应,有了这种效应,还愁网站没有人关注,或是关注度不高。而从另一角度,如果是化工企业的网站,那就要给人一种安全的感觉,或是严谨科技感十足才行,这样的网站让人看了后,立马就对企业有很强的好感,无形之中就提高公司的形象,效果是自然的。

与所属行业相一致的主色调,不仅让人有欣赏美的感觉,更重要的是风格使用得当,有力的表现了企业的文化与想要表达的东西,当然网站推广的效果就好啦。从这个角度来看,食品类的现在流行橙色,更接近于桔色,有温馨和很强的食欲感。而化工类的则最好弄些环保的绿色,或是科技型的比如蓝色作为主色调也行。

任何一幅画或是一个个体视觉,都有一个色彩主流,这符合人类的欣赏习惯和感觉,恰当的使用好主色调,或是把握好网站设计的主色调,绝对是网站成功的关键所在。总之一点,无论如何要确保网站设计的主色调要与所属行业一致,其实做到这样很简单,至少不是太复杂,只是一定要记得这样做,绝对是事半功倍。

二、网站色彩搭配的技巧

确定好主色之后就是配色。配色的话,个人感觉不宜过多,对于初学者,最好别超过3种,实际情况是颜色太多不利于把握主调性,容易花。关于配色,很多时候靠经验的积累,但是也不是完全没有技巧:最简单的方法是使用LOGO上本身的颜色搭配或者VI设计时候设定的标准色,这样的颜色搭配大多应用在公司宣传性网站,属于比较偷懒的方法;第二种方法是挑选两个色相色性相近的颜色(主要颜色),再选择一个色相色性相对的颜色(辅助颜色),这样的搭配大多数情况下属于是比较合适;第三种是搭配消色。

所谓的消色,就是指黑白灰(也有说是黑白金银灰),这类颜色由于本身没有色性,所以可以说是万用搭配色。当然,说是说万用搭配色,但是也是有一些需要注意的地方:首先,由于本身没有色性,他们必须和色性比较强的颜色搭配会比较出效果;其次,消色与其他颜色搭配的时候,比例一定要控制好,尤其是灰色,灰色是一种很“高档”的颜色,但是问题是使用的过多,会使得页面灰蒙蒙没有质感。

合适的网站色彩搭配方案至关重要,我相信这个道理大家都懂。根据用户喜好确定颜色使得读者更听你的,听起来不可思议,但不论对错,这一直是所有设计师的工作目标:向读者发出信号,并希望得到反馈。如果你了解色彩心理学原理,又能找到适合用户的配色方案,那么你的网站离成功又近了一步。