如何巧用色彩打造动人心弦的网页设计

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

色彩心理学被广泛地运用到各个设计领域,这早已不是什么秘密。从日常的杂货到LOGO设计色彩所起到的作用越来越大,它是给用户传递信息的最重要的因素之一。

如何巧用色彩打造动人心弦的网页设计

根据Kissmetrics 的说法,当我们看到一个色彩的时候,信息会传递到大脑的下丘脑的某个区域中。接下来,信号会进一步传递到脑垂体,然后到甲状腺腺体。这也就意味着,色彩会刺激大脑和腺体分泌激素,引发出我们的情绪反应,并影响我们的行为。

科学研究表明,色彩会影响情绪,会招致正面的情绪,也能带来负面的影响,有的时候带来的情绪与实际要的并不匹配。Kissmetrics 接着补充道,网站的访客通常只需要大概90秒就能针对一个网站作出判断和选择,而在者其中,有62%~90%的因素是取决于某个产品的色彩。

在UXPin的免费电子书Web Design for the Human Eye 中我们曾说过,某个事物在给人第一印象的时候,色彩扮演着无可争议的重要角色。

色彩意味着什么

每种色彩对于每个人而言都有着特定的含义,但是它的具体含义通常取决于他们所处的文化背景、个人经历和喜好。

简单说明这一点,我们不妨看看下面的色卡。

如何巧用色彩打造动人心弦的网页设计

事实上,色彩心理学在设计领域并不是一个精确的学科,个体差异非常明显。社会因素,个人认知,甚至性别也会对色彩感知产生影响。进一步的研究发现,产生影响的并不总是色彩本身,使用这些色彩的品牌与用户之间的关系也会影响用户对于色彩的感知。

如何巧用色彩打造动人心弦的网页设计

所以,如果你的设计是针对女性的,那么紫色会是一个相当不错的选择,因为紫色在女性受众中普遍受欢迎,但是对于多数男性而言,紫色并不太受欢迎。在下方的图片中,紫色被运用在巴黎欧莱雅的网页中,效果非常不错。主体使用的黑白配色,黑色的页头页脚看起来非常优雅,紫色点缀其中,整体感非常不错。实际上他们的产品并不便宜,但是给人感觉比较高端。

如何巧用色彩打造动人心弦的网页设计

另外,使用白色的文本,让人感觉平静又足够现代,紫色则被赋予了奢华、优雅、女性化的含义。所有的这些都能够在这个网站里查到。

(想了解更多极简风的设计以及如何使用留白来营造现代感,可以看看这本电子书: The Elegance of Minimalism 和 The Zen of White Space in Web Design )

下图是女性健康杂志的页面,上面的Banner使用了粉红色,导航设计更为大胆,除此以外网站其他的地方用色倒并不丰富。不得不说这样的选择非常有趣。

首先,对于女性类的网站而言,粉红色本身还是比较老套的,但是作为一个女性健康类的网站,这样的配色和主体并不算是特别搭。

当我们继续探索网站其他的部分,比如当你打开减肥页面的时候,导航栏上相应的位置会变成粉色以示标识。

 收藏