色彩心理学对网页设计有影响力吗?

时间:2016-09-19 16:24:28  浏览:2274

网页都会有配色,而网页的色彩可让浏览者产生不同的印象,访问者受色彩的明度及的影响从而产生冷暖,轻重,远近,胀缩,动静等不同视觉感受与心理联想,色彩由视觉辨识,但却能影响到人们的心里,作用于人们的情感,甚至左右人们的精神与情绪,就本质而言,色彩并无感情,而是经过在生活中积累的普遍经验作用,人们形成了对色彩的心理感受.

设计中的色彩心理学不是一门精准的科学,并且研究表明,色彩心理受个人认知影响。社会因素中如社会性别也对颜色如何被感知有影响。进一步研究表明,不仅是颜色自身含义的影响,也是关于在使用中如何让用户恰当的感知到用在品牌上的颜色含义。

一、颜色的含义是什么?

对于每个人来说,每种颜色都意味着些什么,尽管这些意义取决于我们个人的喜好和文化背景。看看下面的色卡,可以作为一个颜色含义的快速参考。

1.冷暖感

色彩的冷暖被称为色性,色彩的冷暖感感觉主要取决于色调,色彩的各种感觉中,首先感觉到的是冷暖感.在绘画与设计中,色彩的冷暖有着很大的适用性,因此得到广泛的使用,如表现热烈欢乐的气氛时多考虑用暖色调.

2.轻重感

色彩的轻重感主要取决于明度,明度高的色彩感觉轻,富有动感,暗色具有稳重感,明度相同时,纯度高的比纯度低的感觉轻,以色相分,轻重次序排列为白,黄,橙,红,灰,绿,蓝,黑.设计得常利用色彩的轻重感处理画面的均衡,通常会 收到良好的效果.

3.远近感

远近感是色性,明度,纯度,面积等多种对比造成的错觉现象.亮色,暖色,纯色,比如红,橙,黄暖色系,看起来有逼近之感,称做前进色,暗色,冷色,灰色,比如青绿,紫冷色系,有推远之感,称做后退色,色彩的前进与后退还与背景和面积对比密切相关,进退效果在画面上可以造成空间感觉,是设计者重要的造型手段之一,色彩的远近感能产生千变万化的美妙构想,并使主题得以突出强调.

4.胀缩感

色彩的胀缩是一种错觉,明度的不同是形成色彩胀缩感的主要因素,运用色彩胀缩感的典型实例要算法国的国旗设计了,有红白蓝三色块组成.

5.动静感

色彩的动静也称为奋静感,是人的情绪在视觉上的反映,红,橙,黄色给人以兴奋感,青,蓝色给沉静感,而绿和紫属于中性,介于两种感觉之间,白和黑以及纯度高的色彩给人紧张感,灰色及纯度低的色彩给人以舒适感.动静感也来源于人们的联想,它与色彩对心理产生作用密切相关,色彩的动静感与画面色调气氛和意境也有着紧密的关系,色彩的运用应于主题,在进行色调设计时,色彩的动静感效果是必不可少的思考因素.

二、确定颜色主题

你创建一个网站,这个网站只有一种颜色这是不可能的,除非你打算用纯单色。所以你应该考虑整体的配色方案和使用的每个色彩,以及它们的统一性。另外还要考虑颜色对用户的影响,以及如何让你正在使用的主色和辅助色相匹配。

1、三角色彩计划

这是一个基本的,并且稳定平衡的方法。原理是使用了色彩的活力和互补特性。使用12项色环,你可以选择任何三种颜色,这三种颜色的位置关系是彼此是120度的距离,依次作为背景,内容和导航的颜色。

2、复合色(互补色)

第二种方法有一点难并且你可能为了证明它是恰当合适的颜色不得不去做些实验,如果实验做得好,它会是非常有效的。这个概念用了四种颜色,即两组对比色(色环上相邻两个颜色的180度补色)

3、近似色

这个方法仅侧重于互补色,当决定你想要的计划要去传达给用户的时候,你可以考虑这个方法。它强调了选择颜色的活力,当这些色彩被夸大后就可能太多了。因此考虑色彩心理学时,重要的是你应该把所有色彩作为一个整体去考虑,它们在一起怎么工作,而不是只选一个颜色,还有希望颜色要与其它的内容如背景,文本等这些按钮起到作用。

①背景颜色——黑色的背景展现了网站的优质,精细,正式和统一的企业形象。显然,当考虑网站提供辅导的时候,你应该会想传达卓越,精益求精这些东西。网站的形式上表明,当和学习相关的这些企业社团表明用户可能不是作为一种爱号学习代码,而是作为他们未来职业生涯中的一种技能来学习的。

②按钮的颜色——该网站使用了红色的按钮作为交易按钮。和黑色的背景形成了鲜明的对比,鼓励更多用户去注册。对于不太重要的按钮则使用白色描边,与整体方案一致。

③文本颜色——对于文本,白色规定了所有重要的对比度,同时和整体颜色方案相匹配。白色的线性图标(白色半透明的按钮)被放在了下面来鼓励用户在必要的时候向下滚动来获取更多内容。

总体来说,设计工作做得很好——我们都知道黑色和白色搭配在一起能够协调,在这种情况下,这个网站感觉优雅和相对正式。红色,如果使用过度,可能会使网站的取意远离整个信息的传达,所以它在使用时非常的谨慎,只是为了突出并让它清楚的表达所需的动作是去注册这个功能的目的就好了。