了解色彩心理学的影响网页设计
来源:
杰云网络建站SEO优化公司
日期:2018-03-26 09:09:02
点击:10439
属于:网站建设
色彩心理学在设计的各个方面都被广泛应用,这已经不是什么秘密了。从日常用品的颜色,到品牌标识和网站设计,颜色是一个重要的元素,可以向用户传达特定的信息。
理解色彩心理学
图片来源:Dropbox
根据Kissmetrics的说法,当我们看到一种颜色时,我们的眼睛会向大脑的下丘脑区发送信息。反过来,这又向脑下垂体发出进一步的信号,然后进入甲状腺。这就意味着荷尔蒙的释放会引起我们情绪、情绪和行为的波动。
科学告诉我们,颜色会唤起情绪,导致消极、积极或不匹配的情绪。Kissmetrics还说,网站访问者只需90秒就能做出判断或判断。此外,“62-90%的交互是由产品本身的颜色决定的。”
正如在免费电子书网页设计中所描述的人类眼睛,颜色在给用户创造一个强烈的第一印象方面起着不可否认的作用。
颜色是什么意思
每种颜色对每个人都有意义,尽管这个意义取决于我们的个人喜好和文化背景。
为了便于参考,请查看下面的颜色图表。
颜色
图片来源:UXPin
色彩心理学在设计上并不是一门精确的科学,研究已经表明它受个人感知的影响。社会因素,比如性别,也会影响人们对颜色的认知。进一步的研究发现,影响的颜色本身并不总是颜色本身,它也说明了用户感觉使用的颜色与使用它的品牌是多么合适。
只有
图片来源:只有
所以,如果你是为女性设计的,那么紫色是一个不错的选择,因为它被女人普遍喜欢,但男人不喜欢(一般来说,当然)。在下图中,这对巴黎欧莱雅的效果很好。正如您所看到的,页眉和页脚是黑色的,它表示类和优雅,这样您就会得到整体的感觉,即产品并不便宜,而是高端的。
只有
图片来源:只有
此外,白色用于文字,这代表了现代性和一种平静感,而紫色则被选择来表示奢华、优雅和女性气质——所有这些都很明显适合这样的网站。
(为了更多地了解极简设计,并将白色空间作为设计工具,请查阅免费电子书《极简主义的优雅》和《网页设计中的白色空间的禅》)。
在下面的图片中,女性健康杂志的顶部横幅是粉色的,但除此之外,网站的颜色相对缺乏,取而代之的是图像和大胆的导航。这是一个有趣的选择,可以在网站上工作。
首先,粉红色是一种非常典型的颜色,当一个网站针对女性的时候,它会吸引到喜欢甜食的人,所以网站的信息,就是关于女性健康的信息,可能会因为这个而丢失。
妇女的健康
图片来源:女性健康
一旦我们深入到网站,标题的颜色当然是在每一页上使用,但是快速访问的减肥部分返回下面。
妇女的健康
图片来源:女性健康
正如你所看到的,这个页面甚至更多的是粉色,这可能会对观众产生反作用。然而,我们看到的第一个图像是在一个滑块上,当你停留在页面上时,它会发生变化。
确定配色方案
你不太可能创建一个只有一种颜色的网站(除非你是纯单色的),所以你应该考虑整体的配色方案和每一种颜色,以及它们在一起的效果。还要考虑对用户的影响,以及次要颜色如何与您正在使用的主颜色相匹配。
考虑到这一点,你应该注意把颜色混合在一起,并帮助你这样做,你可以用三种基本的颜色混合方法来指导你。
# 1:三元
这是最基本、最平衡的方法,使用色彩的振动和互补。使用12步色轮,你可以选择任意三种颜色,它们分别位于120度左右的背景、内容和导航。
三合一的配色方案
照片学分:射线Trygstad。维基共享。知识共享。从最初的编辑。
# 2:化合物(互补)
第二种方法比较困难,你可能需要进行实验才能使它正确,但如果做得好,它会非常有效。这个概念使用了四种颜色——两对对比(靠近色轮)和两个互补的对(在色轮上)。
复合(分裂互补)配色方案。
照片学分:射线Trygstad。维基共享。知识共享。从最初的编辑。
# 3:类似
这个方法只关注互补色,当你决定你想要的方案时,你应该小心。
扫一扫,加我微信
理解色彩心理学
图片来源:Dropbox
根据Kissmetrics的说法,当我们看到一种颜色时,我们的眼睛会向大脑的下丘脑区发送信息。反过来,这又向脑下垂体发出进一步的信号,然后进入甲状腺。这就意味着荷尔蒙的释放会引起我们情绪、情绪和行为的波动。
科学告诉我们,颜色会唤起情绪,导致消极、积极或不匹配的情绪。Kissmetrics还说,网站访问者只需90秒就能做出判断或判断。此外,“62-90%的交互是由产品本身的颜色决定的。”
正如在免费电子书网页设计中所描述的人类眼睛,颜色在给用户创造一个强烈的第一印象方面起着不可否认的作用。
颜色是什么意思
每种颜色对每个人都有意义,尽管这个意义取决于我们的个人喜好和文化背景。
为了便于参考,请查看下面的颜色图表。
颜色
图片来源:UXPin
色彩心理学在设计上并不是一门精确的科学,研究已经表明它受个人感知的影响。社会因素,比如性别,也会影响人们对颜色的认知。进一步的研究发现,影响的颜色本身并不总是颜色本身,它也说明了用户感觉使用的颜色与使用它的品牌是多么合适。
只有
图片来源:只有
所以,如果你是为女性设计的,那么紫色是一个不错的选择,因为它被女人普遍喜欢,但男人不喜欢(一般来说,当然)。在下图中,这对巴黎欧莱雅的效果很好。正如您所看到的,页眉和页脚是黑色的,它表示类和优雅,这样您就会得到整体的感觉,即产品并不便宜,而是高端的。
只有
图片来源:只有
此外,白色用于文字,这代表了现代性和一种平静感,而紫色则被选择来表示奢华、优雅和女性气质——所有这些都很明显适合这样的网站。
(为了更多地了解极简设计,并将白色空间作为设计工具,请查阅免费电子书《极简主义的优雅》和《网页设计中的白色空间的禅》)。
在下面的图片中,女性健康杂志的顶部横幅是粉色的,但除此之外,网站的颜色相对缺乏,取而代之的是图像和大胆的导航。这是一个有趣的选择,可以在网站上工作。
首先,粉红色是一种非常典型的颜色,当一个网站针对女性的时候,它会吸引到喜欢甜食的人,所以网站的信息,就是关于女性健康的信息,可能会因为这个而丢失。
妇女的健康
图片来源:女性健康
一旦我们深入到网站,标题的颜色当然是在每一页上使用,但是快速访问的减肥部分返回下面。
妇女的健康
图片来源:女性健康
正如你所看到的,这个页面甚至更多的是粉色,这可能会对观众产生反作用。然而,我们看到的第一个图像是在一个滑块上,当你停留在页面上时,它会发生变化。
确定配色方案
你不太可能创建一个只有一种颜色的网站(除非你是纯单色的),所以你应该考虑整体的配色方案和每一种颜色,以及它们在一起的效果。还要考虑对用户的影响,以及次要颜色如何与您正在使用的主颜色相匹配。
考虑到这一点,你应该注意把颜色混合在一起,并帮助你这样做,你可以用三种基本的颜色混合方法来指导你。
# 1:三元
这是最基本、最平衡的方法,使用色彩的振动和互补。使用12步色轮,你可以选择任意三种颜色,它们分别位于120度左右的背景、内容和导航。
三合一的配色方案
照片学分:射线Trygstad。维基共享。知识共享。从最初的编辑。
# 2:化合物(互补)
第二种方法比较困难,你可能需要进行实验才能使它正确,但如果做得好,它会非常有效。这个概念使用了四种颜色——两对对比(靠近色轮)和两个互补的对(在色轮上)。
复合(分裂互补)配色方案。
照片学分:射线Trygstad。维基共享。知识共享。从最初的编辑。
# 3:类似
这个方法只关注互补色,当你决定你想要的方案时,你应该小心。
标签:
本文来源:杰云网络,转载请注明出处!如果需要 营销型网站建设、 微商城、 小程序商城、 多端小程序 请联系我们!
扫一扫,加我微信
上一文章:如何聘请网页设计师或设计公司
下一文章:十大错误让你的网站看起来不专业