优秀网页设计中的色彩心理

发布时间：2017-04-14 14:09

  本文关键词：设计中的色彩心理学，由笔耕文化传播整理发布。

色彩心理学被广泛应用于各类型设计中，从日常用品、品牌logo、网站配色等等，颜色是向用户床底信息的重要元素。

据相关分析，当人们看到某种颜色时，人的眼睛会想大脑一块叫做“下丘脑”的区域发送信号，之后这类信号还将被先后传递到脑下垂体和甲状腺，信号刺激荷尔蒙分泌，从而引起情绪波动，影响人类活动。

据科学研究，颜色可以影响人的情绪，在网页设计方面，一个网站的设计可以在90秒内影响网站访客对网站的印象。而其中，色彩的决定性作用站到62%到90%。

色彩意味着什么

每一个不同的颜色对不同的人都有不同的含义，起到不同的作用。另外即使是相同的颜色也会因个人性格和文化背景的差异产生不同的作用和意义。

下图显示了不同颜色的含义或特征。

设计中的色彩心理学并不是一门特定学科，因个人认知不同而区别。性别等社会学范畴的因素也能对色彩的功能产生影响。更深层次的研究显示，并不总是只有色彩本身能够对外界产生影响，某品牌对颜色的运用也会影响用户感受。

通常意义上，女性喜欢紫色，而男性用户则对紫色不太感冒。所以在下图中巴黎欧莱雅的网站，页头和页脚是黑色，，带来经典和优雅感觉。页面中间有紫色半透明图层，向用户传递改网站产品高端且价钱不低廉的信息。

另外，网站字体用了白色，使网站看起来更现代，带给人宁静感，搭配紫色，强调女性化、奢华和优雅。网站整体配色特别适合该品牌定位。

下图是《女性健康杂志(Women's Health Magazine）》网站页面，顶部横幅用了粉色，而页面其他位置则大部分选择无色或白色，基本依靠图片和显眼的黑字体导航指引用户。这样的色彩选择有趣但有可能不太适合这个网站。

通常针对女性用户的网站多会选择粉色，诞生粉色同时会让人想起甜食。在这样一个主要讨论女性健康的网站上，像这样强调粉色显然不合适。进一步浏览该网站，每个子页面的顶部横幅都沿用了粉色，而在减重页面，整个页面的颜色运用了更多粉色和相近的鲜艳颜色。这样的配色可能会起到反作用。

选定配色方案

在网站设计中，通常不可能只运用一种颜色，所以，设计师在动手前应先选定网站整体配色方案，要提前确定每个单独颜色的运用及色彩搭配效果，同时要考虑颜色对用户的影响以及主次色彩间的相互影响。

接下来向大家介绍配色三法，帮助大家进行有效合理的配色。

1： 三色系原则

这条原则是最基本也最具平衡性的一种方法，利用了颜色的生动性和互补性。设计师可以利用十二阶色相环选择任意相距120°的三种颜色分别作为背景色、内容页颜色和导航颜色。

2： 互补色配色

第二种方法稍有难度但十分有效，需提前练习。这种方法需要挑选一组互补色和一组对比色。

3：类似色配色

第三种方法只关注互补色，设计师需要慎重选择，考虑清楚配色带给用户的感觉。这种方法会增强颜色的生动性，所以要控制以免颜色太过夸张。所以，无论选择哪种或者哪几种颜色，都需要考虑整体配色效果。

看下图网站配色，你认为它向外界传递出怎样的信息？

1：背景色：黑色背景色传递出经典、优质、正式与统一的感觉。显然，具有指导性功能的网站需要利用配色传递出“优质”“正式”的特性。“统一性”有利于保证用户粘性。

2：按钮色：网站CTA按钮选择了红色，与黑色背景形成了强烈对比，效果明显，鼓励用户注册，次重要的按钮是带有白色边框的黑色。

3：字体色：白色字体显眼又与网站整体配色搭配，图标也利用了白色呈现简单的描线风格，放在最下方折叠菜单处，鼓励用户下拉浏览更多内容。

整体来看，该网站的设计优秀，配色合理美观，网站给人经典又相对正式的感觉。红色恰到好处的使用即不抢风头又起到了很好的提示作用。

慎用甚至禁用颜色

一般情况下，棕色让人联想到自然，是大多数男性用户最不喜欢的颜色，但在某些特定情况下能够起到很好的效果，因为棕色同时意味着信赖。

在UPSlogo中的棕色效果就很好，因为UPS想传递出的信息就是“可信赖”。

不过有趣的是，棕色还给人以坚固感，因此适合做具有攻击性运动的运动服。

女性用户最不喜欢的颜色中包括橙色。

最后，需要再次强调，设计师一定要注重颜色搭配，尽量营造和谐的视觉体验。

能够帮助设计师选择合适颜色的工具

Adobe Color CC，Paletton，Flat UI Color Picker，Mudcube Color Sphere，Check My Colours，Color。

总结：

色彩是设计中的一个重要元素，也是整体品牌的重要方面，选择的颜色一定要传递出符合品牌特征的信息，又要配合品牌整体故事和含义。通常来讲，设计师需要与现有logo配合，基于已有信息选择颜色。

  本文关键词：设计中的色彩心理学，由笔耕文化传播整理发布。

本文编号：306146