设计定律 / Von Restorff Effect (Isolation Effect)
冯·雷斯托夫效应
当一组元素大体相似时，其中与众不同的元素更容易被注意并被记住。 差异可以来自颜色、形状、尺寸、位置、动效或语义，但必须建立在清晰的共同基线上。
关键字段
Identity · 身份
- 子类型
- 效应
- 父级类目
- 注意显著性与隔离
What · 是什么
- 定义
- 当一组元素大体相似时，其中与众不同的元素更容易被注意并被记住。 差异可以来自颜色、形状、尺寸、位置、动效或语义，但必须建立在清晰的共同基线上。
Why · 为什么
- 作用机制
- • 相似项目形成预期，偏离预期的项目会获得额外注意。 • 独特项目拥有更强的辨识线索，回忆和识别时更容易被提取。 • 显著性具有竞争关系：同时强调太多元素会削弱每个元素的独特性。
Where · 在哪里
- 适用场景
- 注意力与记忆、Law of Similarity
How · 怎么做
- 设计指导
- 1. 把视觉对比留给真正重要的内容 主要行动、关键状态和高风险警告可以获得更强对比，次要内容保持克制。 2. 先建立一致，再制造例外 一组项目需要先有统一的样式基线，例外才会被感知为例外。 3. 让差异表达含义 颜色、图标和文案应共同说明为什么该元素特殊，而不是只追求抢眼。 4. 提供不依赖单一感官的线索 重要差异不要只靠颜色，需兼顾文字、形状和屏幕阅读器语义。
Evidence · 证据
- 局限与边界
- 1. 醒目就等于理解 吸引注意不代表用户知道其含义，也不保证会采取正确行动。 2. 每个重要内容都要强调 当所有元素都突出时，视觉基线消失，也就没有真正的例外。 3. 只用颜色制造差异 色觉差异、低对比环境和辅助技术可能让这种差异不可见。
Lifecycle · 生命周期
- 状态
- 待复核
相关设计原则与机制
关系来自本地关系表，并包含反向关联。
- 注意力与记忆Attention & Memory应用于
处理显著性、序列位置、识别、回忆和信息保留。
- 注意显著性与隔离Salience & Isolation属于
聚焦视觉、位置、语义和动效差异造成的显著性，帮助使用有限的强调手段突出真正重要的信息。
- 美即好用效应Aesthetic-Usability Effect反向 · 相关
用户往往会把视觉上更美观的设计感知为更易用，并对轻微可用性问题表现出更高容忍度。 美感会影响第一印象和主观评价，但不能替代真实的可用性、性能与无障碍。
- 认知负荷理论Cognitive Load Theory反向 · 相关
人的工作记忆资源有限。理解内容和完成任务所需的心理加工一旦超过可用资源，表现、学习和决策质量就会下降。 设计应减少与目标无关的额外负荷，同时为任务本身不可避免的复杂度提供支持。
- 峰终定律Peak-End Rule反向 · 相关
人们回忆一段体验时，往往更受其中情绪最强烈的时刻和结束时刻影响，而不是对全过程进行平均。 关键失败、惊喜、等待结束和完成反馈都可能塑造整体记忆。
- 系列位置效应Serial Position Effect反向 · 相关
人们通常更容易记住一个序列开头和结尾的项目，而位于中间的项目更容易被忽略。 开头优势称为首因效应，结尾优势称为近因效应。
- Law of SimilarityLaw of Similarity应用于
外观相似的元素更容易被感知为彼此相关、属于同一组或具有相同功能。