在排版ui界面设计中,特殊的视觉元素比较容易给人留下深刻的印象。这似乎跟心理学有点关系。今天有幸跟大家分享一个特别的设计法则——冯·雷斯托夫效应(Von Restorff Effect),是一种记忆现象:特殊的东西比普通的东西容易回想。
什么是冯·雷斯托夫效应
-
冯·雷斯托夫效应(von Restorff Effect)又称隔离效应(isolation effect),以及新奇效应(novelty effect)。德国精神病学家和儿科医生海德维希·冯·雷斯托夫(Hedwig von Restorff,1906-1962)在1933年提出了这一理论。她让实验对象观看一系列相似的物品。如果其中某个很特别,比如说有聚光灯照射,那么相比其他物品,受试者就更容易回忆起这件物品。
百度百科:特殊事物才易被人牢记。
维基百科:The von Restorff effect, also known as the 「isolation effect」, predicts that when multiple homogeneous stimuli are presented, the stimulus that differs from the rest is more likely to be remembered.
通用设计法则:相对于普通事件或物体,要记得独特、有特色的事件或物体可能性会大增。
何时发生冯·雷斯托夫效应?
-
在同一情况下,如果某元素与其他元素不同,就会发生「背景不同」的冯·雷斯托夫效应。
△ 拉勾 App 首页截图
举个例子:拉勾 App 首页的底部导航,按照《那些很熟悉但又叫不出名字的设计法则之「系列位置效应」》首尾两项给用户的印象最深刻,但是中间的「全民升职季」使用了与整体 icon 完全不相同的风格。所以用户记住这样独特、有特色的 icon 的可能性才会大增。特殊性能吸引注意,而且容易留下好的印象。
某件东西与过去经验不同时,会发生「经验不同」的冯·雷斯托夫效应。
△ 淘宝 App 大促版与平日版对比图
举个例子:为什么大促的时候,每个电商 App 都会选择重新设计首页,让首页与以往不同呢?以淘宝 App 为例,首页增加了大促入口,入口 icon 都替换成了节日 icon,从冯·雷斯托夫效应的维度来看,与以往不同的 App 可以更加吸引用户,加深用户的记忆。
冯·雷斯托夫效应的局限性
-
△ 椰树椰汁包装(图片摘于百度图片)
冯·雷斯托夫效应可以用来强调呈现或设计的主要元素,但是不要任何元素都强调,因为什么都强调就等于什么都没强调,所以要谨慎使用这个方法。举个例子:在椰树椰汁的包装和广告中,所有的字体都使用了各种炫酷效果,但是组合到一起却互相抵消了,还是没有重点,当然椰树椰汁的广告风格已经独成一家,但是不建议把这种风格使用到界面设计当中。
在一个清单中,相比于首尾项目,中间项目比较不容易记住(详情请阅读“系列位置效应”),此时,可以运用冯·雷斯托夫效应,加强用户对中间项的记忆。
根据冯·雷斯托夫效应,开篇的题目答案是「梨」。因为相比于其他水果,只有「梨」是单字,特殊的东西比普通的东西容易回想。
排版界面ui设计跟冯·雷斯托夫效应
-
在设计中,设计心理学无处不在。作为设计师也不能忽视心理学。一些人们心理状态和认知决定了人们面对设计作何反应、如何相互作用。今天分享的冯·雷斯托夫效应跟设计就有着神秘的关系。
万事万物都有一定的规律,UI设计也不例外,奥卡姆剃刀原理通知咱们最容易的解决方法一般是最佳的。虽然这与其说是规划定理,倒更像是一个哲学概念,但它仍是可以快速用于规划中。刚入行的规划学生们简单发明出杂乱的规划,里边有很多不必要的元素,仅仅为了展示他们的发明力。可是,你会发现这些UI规划一般对用户是不友好的。
这个概念也能够和席克规律相关起来。假如你测验向页面中塞入过多内容,而不是挑选最简略的计划,用户就会有过多的挑选。然后,页面就会变得令人目不暇接,会被大家直接抛弃。假如你不清楚UI设计怎么发展,一般能够保险地倾向于挑选最简约的设计。
心理学在咱们日常日子中无形起着重要的作用,但假如你是UI设计师,就更要加倍重视心理学原理,来发明能够与用户沟通并为客户带来转化的著作。你的下个项目中会怎么运用这些准则呢?
冯·雷斯托夫效应告诉我们某个元素越是违反常理,就越引人注目、令人难忘。
这条原则能以多种不同方式应用到设计中。最明显的是如果你想要让某物引人注目,就要使它特殊化,例如通过色彩、尺寸、留白等等。
但是,由于人们更在意特殊物体,他们对于整体的印象就不深。思考是否要突出显示某物时,要牢记它的负面效应。你是想要人们记住一件事情,就只有这一件事,还是说其他元素也同样重要?如果所有都同等重要,你希望人们全部记住,就不要凸显其中某个。