在超市买东西时,您是否见过白色牛奶盒一字排开的货架上,夹着一个红色纸盒的样子?回到家再回想,其他牛奶的牌子都模糊了,唯独那个红盒子记得清清楚楚。像这样,在相似的事物中间,单独与众不同的那一个更容易被记住的现象,就是冯·雷斯托夫效应(Von Restorff Effect)。
简单来说,冯·雷斯托夫效应指的是这样一种原理:“当存在多个相似对象时,与其余不同的那一个最容易留在记忆里。”因为它把不同的东西单独分离出来,也被称为孤立效应(Isolation Effect)。1933年,德国精神科医生兼儿科医生赫德维希·冯·雷斯托夫(Hedwig von Restorff)首次用实验揭示了这一现象。
本文将依次介绍首次展示这一效应的记忆实验、制造差异的对比手段、日常与界面中的例子,以及在设计中运用时必须遵守的原则。
差异如何塑造记忆,以及设计中的运用
什么是冯·雷斯托夫效应?

冯·雷斯托夫在柏林大学心理学研究所,在格式塔心理学家沃尔夫冈·苛勒(Wolfgang Köhler)的指导下开展这项研究,并于1933年将结果发表在学术期刊《心理学研究》(Psychologische Forschung)上。她采用在无意义音节列表中插入一个数字的方式做实验,参与者对该数字的回忆远好于其他项目。
- 孤立项目(Isolated Item):在列表中种类或外观单独不同的项目,也是记得最牢的对象。
- 同质项目(Homogeneous Items):彼此相似的其余项目,混在一起使得每一个都只留下模糊的痕迹。
有趣的是,即使数字出现在列表的第二、第三位——规则尚未显露之前——效应依然出现。她认为,把图形与背景分开来看的知觉原理,在记忆中同样起作用。比醒目的那一个本身更重要的,是环绕它的背景彼此有多相似。在当今的记忆研究中,这种由显著差异帮助记忆的性质被称为区分性(Distinctiveness),而冯·雷斯托夫效应被视为其典型例子。
制造差异的四种对比手段

在设计中,这一原理被转化为视觉对比。整理用户体验原则的《UX法则》(Laws of UX)建议,把重要信息和核心行动做得醒目地不同。此时的出发点不是要强调的那一个,而是先把其余元素整齐对齐。如果周围已经各不相同,再怎么改颜色也无法造出真正孤立的那一个。
(1)颜色与明度
像灰色按钮中间的深蓝按钮那样改变色相或明暗,是最快、最常用的方法。
(2)大小与粗细
在同样的文字中间只把一行写得更大更粗,还没开始读,那一行就会先映入眼帘。
(3)形状与留白
方形卡片中间的圆角卡片,或用空白把某个元素单独隔开,即使不改颜色也会格外突出。在长列表里只把一项固定在最上方,也是用位置制造差异的方法。
(4)运动
在静止画面上轻轻晃动或闪烁的通知会强烈吸引视线,但也是同样容易带来疲劳的手段。
通过简单例子理解冯·雷斯托夫效应

【案例1】资费比较表中的“推荐”卡片
三种资费并排出现时,如果只有中间的卡片边框更粗、还贴着“推荐”丝带,许多人会先读那张卡片,也记得最久。公司等于把最想推荐的选项做成了孤立项目。此时两侧的两张卡片必须故意用相同的颜色和形状对齐,中间的卡片才会更清晰地凸显出来。
【案例2】课本上的荧光笔
只在考试范围内涂几句真正必要的句子,复习时那几行会先浮现出来。但如果整页都涂满,涂过的部分反而变成背景,什么也记不住。强调要起作用,未强调的部分必须足够宽。
【案例3】不可逆按钮
把“删除账户”这类不可逆按钮用红色和警告图标标成不同样子,用户就会在无意中按下之前停顿一下。在这里,帮助记忆的原理成了防止失误的安全装置。
运用冯·雷斯托夫效应时须遵守的原则

对比用得越多,力量就越弱。要真正发挥效果,须记住以下三点。
(1)强调要省着用来
什么都强调,就等于什么都没强调。醒目元素彼此争夺注意力,或艳丽得像广告,用户反而会跳过那部分。一张屏幕上最强烈突出的对象最好只定一个,其余用低一档的强调来整理。
(2)不要只依赖颜色
有色觉异常或视力较弱的用户很难分辨颜色差异。《网页内容无障碍指南》(WCAG)也规定不得仅用颜色传递信息,因此还须一并改变文字、图标或粗细。
(3)谨慎使用运动
有人对移动的画面感到眩晕或晕车。用运动制造对比时,应短而柔和,并让界面遵循设备的“减少动态效果”设置。
冯·雷斯托夫效应表明:人的记忆并不均匀地装下一切,而是先抓住与背景不同的那一个。因此,比起决定把什么做得不同,决定不把什么做得不同更重要。有了安静整齐的背景,真正需要的那一个才能焕发光彩。
只挑选真正重要的那一件,并清楚地把它做得不同,这就是让设计留在记忆里的第一步。