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