设计的7条心理学原则和定律

在设计中,心理学无处不在。正因为心理学,我们才了解红色很适合用于餐饮业的logo——因为它能增进食欲——或者让首屏的行动指令按钮产生更多转化。

也就是说,作为设计师,你不能忽视心理学。因为人类大脑的这些原则,决定了人们对你的设计作何反应、如何相互作用。回顾这7条心理学原则和定律,你能够将它们结合到实际运用中。

1. 冯·雷斯托夫效应

冯·雷斯托夫效应告诉我们,某个元素越是违反常理,就越引人注目、令人难忘。

Hedwig von Restorff在1933年检验了这个理论。她让实验对象观看一系列相似的物品。如果其中某个很特殊,比如说有聚光灯照射,那么相比其他物品,受试者就更容易回忆起这件物品。

这条原则能以多种不同方式应用到设计中。最明显的是如果你想要让某物引人注目,就要使它特殊化,例如通过色彩、尺寸、留白等等。

但是,由于人们更在意特殊物体,他们对于整体的印象就不深。思考是否要突出显示某物时,要牢记它的负面效应。你是想要人们记住一件事情,就只有这一件事,还是说其他元素也同样重要?如果所有都同等重要,你希望人们全部记住,就不要凸显其中某个。

2. 色彩心理学

丰富的设计师,对于色彩以及它与设计的关系,有着固定的理解。但是,设计新人们容易忽略色彩对心理的影响,而是选择他们自己喜欢的颜色进行设计。即使你精通色轮,知道如何搭配互补色或者相近色,你有没有考虑过你的设计如何影响受众呢?

没错,颜色可以影响情绪。Adobe列出了一些色彩和与之相符的情绪,下面是一些积极的方面:

  • 黑色:精致和力量(案例网站)
  • 白色:干净、精致、纯洁
  • 红色:勇气、激励、力量;也能激发欲望
  • 蓝色:冷静、安定、信任、安全(案例网站)
  • 黄色:乐观、欢乐
  • 绿色:平衡、可持续的增长
  • 紫色:皇权、精神意识、奢华
  • 橙色:友谊、舒适、食物
  • 粉色:平静、女性化、性

记住,颜色给人们带来的情感,会随着文化和宗教背景而改变。以上列出的仅代表西方文化的观点。

3. 马斯洛需求层次理论

可能你在高中或大学学过马斯洛需求层次理论。如果需要回顾一下,请看下图:

译者注:上图的中文版金字塔并非原文内容,找来帮助大家理解。

这个金字塔形,用来表现一个人要达到自我实现,需要经历哪些步骤。例如,在能感受到爱之前,他们的生理和安全需求一定要得到满足。

那这个在心理学课堂之外有什么用处?营销人员和设计师们,可以将马斯洛需求层次理论应用于广告和公共关系。

设计推广材料时,创建消费者人物角色就能用这套理论。想想你目标客户的需求,处在金字塔的哪一层。你的设计如何激发他们向更高的一层迈进?

也可以用它来挑拨人们的情绪和需求,让他们被吸引到你的设计中来。比如看看这些Salvation Army的海报,就在挑拨爱与归属感。

4. 席克定律

席克定律关系到一人需要多久来做出决定。如果人们有更多选择,就需要更长的时间做出抉择。某些情况下,需要花费的时间太长了,以至于他们根本做不出决定,因为决定的负担太沉重。这就是你为什么在餐馆经常见到简短的菜单——他们不想把顾客吓跑。

这个概念也可以运用到设计中。例如你设计网站时,你就会想要保持导航栏尽可能简洁,只有少数几个选项。如果有必要,将一些页面分组放入下拉菜单,网站访客就更容易对选项归类,并且迅速做出决定。

这对于行动指令也成立。设计海报时,你可不能一下子讲6件不同的事情。你想要人们一两个选择。例如,你的设计或许主要是为了募捐,主要的行动指令是“今天就捐赠吧——拨打(888)888-8888”。还有一个次要的行动指令“在Facebook上我们”,通过一个二维码,把客户引向Facebook页面。

5. 面部辨识

在设计中加入人脸,是最有效的设计技巧之一,可以吸引人浏览你的海报、网页、或书籍封面。人们天生会被面部吸引——甚至我们能在没有人脸的地方看出人脸来,例如月球或火星表面。更有甚者,研究显示,当网站里加入了人脸,转化率会增加。

这个概念有多种应用方式。

首先,可以使用面部来连接你的受众。只要在设计中放上一张人脸,就更容易吸引访客视线——即使那不是一张真实的脸,而是某个感觉像脸的物体。

还可以根据模特的面部和视线的朝向,来引导用户的注意力。眼部追踪研究显示人们会循着别人的视线,就像跟随指示箭头一样。

还可以使用面部来传递感情。有六种公认的面部表情:

  • 快乐
  • 难过
  • 惊讶
  • 害怕
  • 厌恶
  • 愤怒

利用这项原则,你立马就能确定设计的基调,并且跨越语言的界限进行沟通。

6. 费茨定律

译者注(图中文字):
费茨定律示例
它是什么意思呢?费茨定律表明,你应当让按钮和其他界面元素足够大,因为用户点击小按钮十分困难。
如果你有个小按钮,像【OK】这样,可以增加一些内边距,或者让它更宽:【 OK 】
如果说网站上有个按钮,让整个按钮都能点击——而不仅仅是文字标签。
而且,如果你把物体放在很远的地方,最好就要增大它的尺寸作为补偿。

费茨定律是一条科学定理,通常用于描述人机交互。它说“移动到某个目标上所需的时间,是一个由目标尺寸和目标距离构成的函数。”

这项原则可以用于网页设计中。本质上来说,点击区域越大,就越容易被点到。

举个例子,当你设计一个网页时,你当然会把导航做成可点击的。但是链接的可点击区域是哪块?只有文字能链接到目标地址,还是标签页本身也可以点击?

同样的,你也可以反过来设计。不想让人轻易点击到的链接——例如删除或取消按钮——就应该有更小的点击区域。

7. 奥卡姆剃刀原理

奥卡姆剃刀原理告诉我们最简单的解决方法往往是最好的。尽管这与其说是设计定理,倒更像是一个哲学概念,但它还是很容易用于设计中。刚入行的设计学生们容易创造出复杂的设计,里面有许多不必要的元素,只是为了展现他们的创造力。但是,你会发现这些设计往往对用户是不友好的。

这个概念也可以和席克定律关联起来。如果你尝试向网页中塞入过多内容,而不是选择最简单的方案,人们就会有过多的选择。然后,设计就会变得令人眼花缭乱,会被人们迅速抛弃。如果你不清楚设计将如何发展,通常可以稳妥地倾向于选择最简单的方案。

心理学在我们日常生活中扮演重要角色,但如果你是设计师,就更要加倍心理学原理,来创造能够与用户交流并为客户带来转化的作品。你的下个项目中会如何使用这些原则呢?

了解更多能够用于平面设计中的原则和定理,例如著名的斐波那契序列、三分原则、黄金比例、帕雷托法则(80/20 二八定律)等等。

justcreative

译文地址:可乐橙

作者:Mike Wallagher

译者:可乐橙

(0)

相关推荐

  • 干货!UI设计的6条黄金原则

    作为一名UI设计师,除了要具备分析并梳理产品需求的能力,视觉基础力,更是会直接影响到该设计师水平的几大点之一.那么其实视觉基础能力,是可以通过刻意练习,来进行提升的.很多设计师朋友盲目的对Dribbb ...

  • 弹窗设计的5条基本原则

    当你将弹窗设计及使用得恰到好处时,它们就会是非常有效的用户界面元素.它们能帮助用户快速且便捷地达成目标.然而当错误使用时,弹窗却会困扰你的用户.学会如何设计弹窗,会帮助你在使用时避免那些可能对用户造成 ...

  • 谷歌设计语音界面的六原则

    新时代的界面将会突破现有的格局.界面将不再被滑动.轻触和点击局限,取而代之的是更自然细腻的语言呈现形式. 用于GUI(图形用户界面)的设计技法和设计语言在语音交互这个全新的领域不再适用,VUI(语音用 ...

  • 网页设计中要遵循哪些原则

    网页设计中要遵循哪些原则呢?怎样才能设计出一个合格的网页.我们知道,设计的个性化表现得非常明显,每个设计师都有着自己的设计理念,而企业也有着自己的需求,因而这两者经常会出现冲突.因此,网页设计中要遵循 ...

  • 跟高手学设计!25条超实用简约原则第一趴

    小编:简约设计一直都备受大家喜爱!那么简约设计是否又有规律呢?今天dooplus为大家分享25条超实用的简约原则的第一趴有8条,简约而不简单,快来收吧>> 极简主义可谓去芜存菁,聚焦重点. ...

  • 动效设计也应该有的体验原则

    来新的项目组后发现我司产品很喜欢加动效,动效需求很多,造成了端内各种互斥以及视觉焦点凌乱的情况出现. 站在交互的角度考虑,动效是用来辅助设计的一种形式,而不是作为一个需求来无脑添加的~ 下面这句宝强哥 ...

  • 面向对象设计的5条基本原则

    这几天重新看了一遍<大话设计模式>,发现果然有不同的感悟,而且自己也上网找了<敏捷软件开发-原则.模式与实践>一书来看,那本书的序言中有一段话我觉得很有道理:"美的东 ...

  • 为应用创建「一致性设计」的几个原则

    @JingDesign:「一致性」可以理解为统一或者更通俗的规范,这篇文章有一定深度,作者从多方面阐述了一致性对于UI设计的重要性.最后给出了为应用创建"一致性设计"的几个原则. ...

  • 怎样使用CSS设计水平导航条

    导航条是我们设计网页时必须要掌握的方法.经典的方法是使用"列表+CSS"的方法创建,下面开始讲解如何使用CSS方法创建出好看的导航条先看一下最终效果图: 步骤/方法 01 需要两个 ...