**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [【译文】七条可应用于设计的心理学原则](#%E8%AF%91%E6%96%87%E4%B8%83%E6%9D%A1%E5%8F%AF%E5%BA%94%E7%94%A8%E4%BA%8E%E8%AE%BE%E8%AE%A1%E7%9A%84%E5%BF%83%E7%90%86%E5%AD%A6%E5%8E%9F%E5%88%99) - [1.冯·雷斯托夫效应（孤立效应）](#1%E5%86%AF%C2%B7%E9%9B%B7%E6%96%AF%E6%89%98%E5%A4%AB%E6%95%88%E5%BA%94%E5%AD%A4%E7%AB%8B%E6%95%88%E5%BA%94) - [2.色彩心理学](#2%E8%89%B2%E5%BD%A9%E5%BF%83%E7%90%86%E5%AD%A6) - [3.马斯洛需求层次结构](#3%E9%A9%AC%E6%96%AF%E6%B4%9B%E9%9C%80%E6%B1%82%E5%B1%82%E6%AC%A1%E7%BB%93%E6%9E%84) - [4.席克法则](#4%E5%B8%AD%E5%85%8B%E6%B3%95%E5%88%99) - [5.面部识别](#5%E9%9D%A2%E9%83%A8%E8%AF%86%E5%88%AB) - [6.菲茨定律](#6%E8%8F%B2%E8%8C%A8%E5%AE%9A%E5%BE%8B) - [7.奥卡姆剃刀定律](#7%E5%A5%A5%E5%8D%A1%E5%A7%86%E5%89%83%E5%88%80%E5%AE%9A%E5%BE%8B) - [尾声](#%E5%B0%BE%E5%A3%B0) ## 【译文】七条可应用于设计的心理学原则 > 本文译自：[7 Psychology Principles & Laws to Apply to Your Designs](http://justcreative.com/2016/04/13/7-psychology-principles-laws-to-apply-to-your-designs/) > 本文由 Mike Wallagher贡献 心理学在设计中随处可见。是心理学让我们懂得红色适用于餐馆logo--它可以引起食欲--同时它也可以为首屏的按钮带来更多的转化。  身为一个设计师，决不能忽视心理学的作用。因为人类的心里会影响其行为，而这与你的设计紧密关联。接下来瞅瞅这7条可以运用在设计实践中的心理学原则吧。 ### 1.冯·雷斯托夫效应（孤立效应）  冯·雷斯托夫效应告诉我们，一个元素越荒诞，它就越出众并令人记忆深刻。 这个理论由Hedwig von Restorff在1933年证实。她列举了一系列相似的物品。如果有物品被独立，例如高亮显示，那么它在整个群体中就更容易吸引注意力。 近几年来，这条理论逐渐在设计中实践。显而易见的一条是，如果你想要突出某个事物，只需要独立它，用颜色、形状、大小等其他方式凸显它。 然而，当人们集中精力于突出的事物时，就较难记起整体。请仔细斟酌是否要突出一个事物。是只让人们记住突出的重点呢，还是所有东西都很重要？如果重要性都差不多，那就不要使用高亮的标记。 ### 2.色彩心理学  勤劳的设计师都会有一个自己的色彩库，并知道如何运用颜色。而设计新人往往会忽视颜色的重要性，仅仅选择他们喜欢的颜色进行设计。即便你已经掌握了很多颜色，能够熟练运用互补色、近似色，但你知道如何运用颜色打动你的用户吗？ 颜色可以影响情感。Adobe在[这里](http://blogs.adobe.com/dreamweaver/2015/10/the-psychology-and-emotion-behind-color-in-web-design.html)（译者注：戳这里查看[译文](./【译文】网页设计中隐藏在色彩之后的情感和心理学.md)）列出了颜色和它们所管理的感情： - 黑色：老练，掌控，权利（[例子](http://www.vibe.com/)） - 白色：纯净，有修养，美德 - 红色：激励，能量，力量。也可以激发食欲 - 蓝色：平静，和平，信任，安全（[例子](https://hostingfacts.com/)） - 黄色：乐观，开心 - 绿色：平衡，可持续增长 - 紫色：浪漫，精神意识，奢侈 - 橙黄：友善，舒适，食物 - 粉色：平静，阴柔，性感 请牢记，色彩对人们情感的影响会根据其文化背景的改变而改变。上面的列表主要针对西方文化背景而言。 ### 3.马斯洛需求层次结构 或许你在高中或大学的时候学习过马斯洛需求层次结构。下面这个图可以帮你复习一下：  这个金字塔代表了人逐步达成自我实现的各个步骤。例如，在一个人能够感到爱之前，他的生理和安全需求要得到满足。 马斯洛需求层次结构在理论之外有什么应用呢？市场人员和设计师可以将它应用于广告和公共关系中。 在设计市场推广材料的时候，就可以利用这套理论创造一个消费者的形象。细心想想你的目标用户处于金字塔的哪个阶层。你的设计该如何吸引他们进入金字塔的下一个阶层？ 你还可以利用它来挑起人们的情感，将他们吸引到你的设计中去。[这些海报](http://theinspirationroom.com/daily/2006/salvation-army-invisible/)就利用了人们对爱和归属感的渴求。 ### 4.席克法则  席克法则与人们做出选择的时间有关。当人们面临的选择越多的时候，他们耗费在选择上的时间也就越长。有时候，当人们在这种事情上耗费太长时间的话，压力也会随之剧增，或许会因此导致他们放弃选择。这就是为什么你经常看见餐厅餐单比较简洁的原因了--避免用户被太多选择淹没。 同样的，你可以把这个思想运用到设计当中。例如当你在设计网站的时候，应该把导航设计的尽量简洁。即便不得不添加很多选项，也应该将他们分类，做成下拉菜单的样式。 这个原则对于行动式指令也成立。当你在设计海报的时候，不可能一下子讲述六种不同的东西，而是集中在一到两种。例如一个目标是募集捐款的设计，它首要的行动指令是“今天就捐赠吧--请拨打(888)8888888”，而二级指令则可能是一个带有二维码的话“在Facebook上追随我们”，它将引导用户到达Facebook页面。 ### 5.面部识别  将人脸引入设计之中是一个及其有效的做法。人们会不由自主的被面部所吸引，甚至会在一些没有脸的地方看出面部，例如月球或火星。[研究](https://blog.kissmetrics.com/boost-conversions-using-images/)表明，如果在网页设计中引入人脸，则会使转化率大幅度上升。 这类思想可以通过好几种方法得到应用。 你可以通过面部来和用户关联。只需要简单的把人脸放入你的设计，就能够更轻松的捕获人们的注意--哪怕那不是一个真正的人脸而是近似物。 你也可以通过模特面部和视线的朝向来吸引用户。通过对[视线的研究](http://www.ncbi.nlm.nih.gov/pubmed/22512343)，人们会想追随箭头一样，追随他人的目光。 你也可以通过面部传达感情。这儿列举了六种公认的面部表情： - 开心 - 伤心 - 惊喜 - 恐惧 - 厌恶 - 生气 通过这项原则，你可以让自己的设计更加生动，跨过语言障碍与不同用户沟通。 ### 6.菲茨定律  菲茨定律常用于人机交互设计。它的理念是：“移动到目标所耗费的时间与目标的大小和距离成一定的函数关系”。 你可以在网页设计中用到这条理论。本质上讲，一个可点击区域越大，就越容易点击到它。 举个栗子，当你设计网站页面的时候，通常会设计一个可点击的导航菜单。但可点击区域有多少呢？只是指向链接的单词呢，还是说整个tab都可点击？ 同样，你也可以利用它的对立原则。比如说你不想让用户经常点击一些元素--比如说删除或取消按钮--那么就应该给它们很小的可点击区域。 ### 7.奥卡姆剃刀定律  奥卡姆剃刀定律告诉我们，简单的解决方案总是最好的。它更像是一条哲学理论而不是设计原则，不过也能被很好的运用在设计中。初学设计的人往往会做出复杂的东西，添加很多没必要的元素进去，以求展现他们的创造性。但是这些设计往往是对用户不友好的。 这点可以和奥卡姆剃刀定律结合起来。如果你试图往页面上塞进很多元素，而不是简简单单的几样时，可能就会丢给用户太多种选择。选择越多，压力越大（席克法则），最终可能导致用户放弃。如果你不知道自己的设计将会引导出什么，那最好还是尽量简洁的设计。 ### 尾声 心理学贯穿了我们的生活。如果你是个设计师，花费足够多的精力掌握一些心理学原则并与用户交流，这会给你的设计带来很棒的作用。那么，在下次设计时，你会如何运用上面那些原则呢？