设计原则 / Figure–Ground

Figure–Ground

视觉系统会把场景区分为关注对象与承载它的背景,并在两者之间分配注意。

关键字段

What · 是什么

定义
视觉系统会把场景区分为关注对象与承载它的背景,并在两者之间分配注意。

Why · 为什么

核心问题
用户能否清楚区分当前关注对象、可操作前景与承载它的背景?
作用机制
视觉系统会把场景分成关注对象和承载背景,并据此分配注意。前景线索不足时,用户难以判断可操作对象;背景过强时,内容边界和模态关系会消失。

How · 怎么做

主要用途
明确内容层级、模态关系、可操作对象和阅读焦点。
设计指导
让前景与背景在明度、边界或层级上可区分;遮罩不能破坏必要上下文;复杂背景上保护文字可读性。

Evidence · 证据

局限与边界
背景不等于无关内容,前景与背景可能随任务切换。遮罩和高对比不能破坏可读性、上下文和辅助技术的结构。
最后验证时间
2026-08-21
常见错误
背景不等于无关;对比过强会造成疲劳;图形与背景可能因情境切换。

Lifecycle · 生命周期

状态
待复核