网站用户体验第一关---网站配色

2012-03-14

作为一个SEO人,大家都明白用户体验的重要性,那么用户体验的第一步是什么呢?红莲认为是网站整体的色彩搭配,因为人们认识感受事物都是从色彩来开始的,网页的背景,文字,图标,边框,超链接等等应该采用什么样的色彩,什么颜色搭配什么颜色才能拥有良好的用户体验都是我们应该了解的。

色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象,在不知不觉的改变用户的细微心理,最终影响用户提高我们的转化率,这点红莲在《深入浅出讲解网站架构、代码、布局和色彩选择》一文中也有提到。下面红莲就一点一点的来讲讲关于网站色彩搭配的基础知识:

一、色彩搭配六个主意

1.单一色彩的使用

尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。就像我们的国画一样,简单的留白和墨色的浓淡就可以演绎出无数的意境在其中。

2.邻色的使用

所谓邻色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。

3.使用对比色

对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。但是使用比色要注意,如果使用的不好只能适得其反,让人一看到网站就觉得不舒服,严重影响用户的体验,比如大量的红色搭配大量蓝色,就会很不让人舒服。

4.黑色的使用

黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色一般用来作背景色,与其它纯度色彩搭配使用。

5.背景色的使用

背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。

6.色彩的数量

现在很多的网站设计人员并不能算是真正的设计,他们所谓的设计大多是使用东拼西凑的方式来拼出一个网页,这样设计出来的网页往往使用了很多颜色,使网页变得很“花”,缺乏统一和协调。事实上,网站用色并不是越多越好,一般控制在三种色彩以内,通过调整色彩的各种属性来产生变化。

当然这些并不是绝对的,如果是一个配色的高手,他完全可以在多种颜色的使用中掌握到一种平衡,使网站变得更加靓丽动人。

二、网页颜色原理和象征意义

不同的颜色有着不同的含义,给人各种丰富的感觉和联想。选择合适的主色调能更好的提高你网站的用户体验。

红色--是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。

 绿色--介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。

橙色---也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。

黄色---具有快乐,希望,智慧和轻快的个性,它的明度最高。

蓝色---是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩

白色---具有洁白,明快,纯真,清洁的感受。

黑色---具有深沉,神秘,寂静,悲哀,压抑的感受。

灰色---具有中庸,平凡,温和,谦让,中立和高雅的感觉。

例如下面的太平洋女性网就是使用了紫色和白色为基础色调进行搭配,体现了女性高贵、魅力、纯真与明快。

三、网页颜色的使用风格

不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:

1、 公司色

在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如下面国富投资公司的主色调是C:100%,M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚,更容易博得用户的信任。

   

2、 风格色

许多公司都有自己独特的配色风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大多IT公司使用蓝色的较多……这些都是在突出自己的风格。

3、 习惯色

这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。

一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。网页的设计在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。