• 网站建设
  • 商城/新零售资讯
  • 小程序动态
  • 基础知识

了解色彩心理学的影响网页设计

来源: 广州天荣信息科技有限公司  日期:2018-03-26 09:09:02  点击:5204  属于:网站建设
色彩心理学在设计的各个方面都被广泛应用,这已经不是什么秘密了。从日常用品的颜色,到品牌标识和网站设计,颜色是一个重要的元素,可以向用户传达特定的信息。

理解色彩心理学

图片来源:Dropbox

根据Kissmetrics的说法,当我们看到一种颜色时,我们的眼睛会向大脑的下丘脑区发送信息。反过来,这又向脑下垂体发出进一步的信号,然后进入甲状腺。这就意味着荷尔蒙的释放会引起我们情绪、情绪和行为的波动。

科学告诉我们,颜色会唤起情绪,导致消极、积极或不匹配的情绪。Kissmetrics还说,网站访问者只需90秒就能做出判断或判断。此外,“62-90%的交互是由产品本身的颜色决定的。”

正如在免费电子书网页设计中所描述的人类眼睛,颜色在给用户创造一个强烈的第一印象方面起着不可否认的作用。

颜色是什么意思

每种颜色对每个人都有意义,尽管这个意义取决于我们的个人喜好和文化背景。

为了便于参考,请查看下面的颜色图表。



颜色

图片来源:UXPin

色彩心理学在设计上并不是一门精确的科学,研究已经表明它受个人感知的影响。社会因素,比如性别,也会影响人们对颜色的认知。进一步的研究发现,影响的颜色本身并不总是颜色本身,它也说明了用户感觉使用的颜色与使用它的品牌是多么合适。

只有

图片来源:只有

所以,如果你是为女性设计的,那么紫色是一个不错的选择,因为它被女人普遍喜欢,但男人不喜欢(一般来说,当然)。在下图中,这对巴黎欧莱雅的效果很好。正如您所看到的,页眉和页脚是黑色的,它表示类和优雅,这样您就会得到整体的感觉,即产品并不便宜,而是高端的。

只有

图片来源:只有

此外,白色用于文字,这代表了现代性和一种平静感,而紫色则被选择来表示奢华、优雅和女性气质——所有这些都很明显适合这样的网站。

(为了更多地了解极简设计,并将白色空间作为设计工具,请查阅免费电子书《极简主义的优雅》和《网页设计中的白色空间的禅》)。

在下面的图片中,女性健康杂志的顶部横幅是粉色的,但除此之外,网站的颜色相对缺乏,取而代之的是图像和大胆的导航。这是一个有趣的选择,可以在网站上工作。

首先,粉红色是一种非常典型的颜色,当一个网站针对女性的时候,它会吸引到喜欢甜食的人,所以网站的信息,就是关于女性健康的信息,可能会因为这个而丢失。

妇女的健康

图片来源:女性健康

一旦我们深入到网站,标题的颜色当然是在每一页上使用,但是快速访问的减肥部分返回下面。

妇女的健康

图片来源:女性健康

正如你所看到的,这个页面甚至更多的是粉色,这可能会对观众产生反作用。然而,我们看到的第一个图像是在一个滑块上,当你停留在页面上时,它会发生变化。

确定配色方案

你不太可能创建一个只有一种颜色的网站(除非你是纯单色的),所以你应该考虑整体的配色方案和每一种颜色,以及它们在一起的效果。还要考虑对用户的影响,以及次要颜色如何与您正在使用的主颜色相匹配。

考虑到这一点,你应该注意把颜色混合在一起,并帮助你这样做,你可以用三种基本的颜色混合方法来指导你。

# 1:三元

这是最基本、最平衡的方法,使用色彩的振动和互补。使用12步色轮,你可以选择任意三种颜色,它们分别位于120度左右的背景、内容和导航。

三合一的配色方案

照片学分:射线Trygstad。维基共享。知识共享。从最初的编辑。

# 2:化合物(互补)

第二种方法比较困难,你可能需要进行实验才能使它正确,但如果做得好,它会非常有效。这个概念使用了四种颜色——两对对比(靠近色轮)和两个互补的对(在色轮上)。

复合(分裂互补)配色方案。

照片学分:射线Trygstad。维基共享。知识共享。从最初的编辑。

# 3:类似

这个方法只关注互补色,当你决定你想要的方案时,你应该小心。
标签:
本文来源:友点软件,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!

扫一扫,加我微信
本文来源:天荣科技,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!

扫一扫,加我微信
上一文章:如何聘请网页设计师或设计公司
下一文章:十大错误让你的网站看起来不专业