色彩心理学对网页设计的作用有哪些

来源:本站日期:2018-8-9

根据网站网络数据分析结果表明,当我们观察颜色的时候,我们的眼睛会将消息发送到我们大脑中被称作下丘脑的这个区域。然后这将进一步的信号传输到脑垂体,最后到甲状腺腺体。然而这个信号激素的释放会导致我们情绪和情感的波动,并且最终导致我们的行为结果。

根据网站网络数据分析结果表明,当我们观察颜色的时候, 我们的眼睛会将消息发送到我们大脑中被称作下丘脑的这个区域。然后这将进一步的信号传输到脑垂体,最后到甲状腺腺体。然而这个信号激素的释放会导致我们情绪和情感的波动,并且最终导致我们的行为结果。
科学告诉我们,颜色可以引起我们消极的负面感觉。对于一个站点来说,访问者只需花费90秒就可以做出判断或者意见。进一步来说,“62%—90%的交互是由产品自己的颜色决定的。”

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

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

所以,如果你是给女性设计的,那么紫色是一个不错的选择,因为一般来说它是普遍女性喜欢的颜色,但是男性是不喜欢的(当然通常情况下是这样)。在下图中,对巴黎欧莱雅来说是一个很好的效果 。正如你所看到的那样,页眉和页脚都是黑色的,它表明了地位感和优雅感,让你总体感觉到该产品并不便宜,而是高端产品。

此外,文字用白色的,表示着现代和平静感,然而选定的紫色代表着奢华的,优雅和女人味——所有这些都清晰的适合于一个网站。

当我们进入到网页的次层级中,那么标题的颜色理所应当使用在每一个页面上。当你快速浏览减肥标签下的页面。

确定颜色主题
你创建一个网站,这个网站只有一种颜色这是不可能的,除非你打算用纯单色。所以你应该考虑整体的配色方案和使用的每个色彩,以及它们的统一性。另外还要考虑颜色对用户的影响,以及如何让你正在使用的主色和辅助色相匹配。
考虑到这一点,你应该会关心怎样混搭颜色能匹配并且能够帮你解决网站颜色问题。那么你可以了解下面三个颜色混合的基本方法。
1三角色彩计划
这是一个基本的,并且稳定平衡的方法。原理是使用了色彩的活力和互补特性。使用这个12项色环,你可以选择任何三种颜色,这三种颜色的位置关系是彼此是120度的距离,依次作为背景,内容和导航的颜色。

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

3近似色
这个方法仅侧重于互补色,当决定你想要的计划要去传达给用户的时候,你可以考虑这个方法。它强调了选择颜色的活力,当这些色彩被夸大后就可能太多了。

因此考虑色彩心理学时,重要的是你应该把所有色彩作为一个整体去考虑,它们在一起怎么工作,而不是只选一个颜色,还有希望颜色要与其它的内容如背景,文本等这些按钮起到作用。
看看下面的这张图片,并且考虑下它向用户传达了什么内容。

1背景颜色——黑色的背景展现了网站的优质,精细,正式和统一的企业形象。显然,当考虑网站提供辅导的时候,你应该会想传达卓越,精益求精这些东西。网站的形式上表明,当和学习相关的这些企业社团表明用户可能不是作为一种爱号学习代码,而是作为他们未来职业生涯中的一种技能来学习的。
2按钮的颜色——该网站使用了红色的按钮作为交易按钮。和黑色的背景形成了鲜明的对比,鼓励更多用户去注册。对于不太重要的按钮则使用白色描边,与整体方案一致。
3文本颜色——对于文本,白色规定了所有重要的对比度,同时和整体颜色方案相匹配。白色的线性图标(白色半透明的按钮)被放在了下面来鼓励用户在必要的时候向下滚动来获取更多内容。
总体来说,设计工作做得很好——我们都知道黑色和白色搭配在一起能够协调,在这种情况下,这个网站感觉优雅和相对正式。红色,如果使用过度,可能会使网站的取意远离整个信息的传达,所以它在使用时非常的谨慎,只是为了突出并让它清楚的表达所需的动作是去注册这个功能的目的就好了。
避免一些颜色
棕色在设计中通常会唤起自然感,但是这个颜色是大多数男性最不喜欢的颜色,但它确实在某些情况下工作使用,因为用它来表示可靠性。

当然,你可以使用现成的调色板,你的选择色彩的时候来帮助你。当涉及到网页UI设计,你不需要重新发明色轮。
0
首页
报价
案例
联系