打开一个深色模式的设计工具,深灰色的画布铺满屏幕,白色的设计稿内容放在中间。我们的注意力自然会落在白色区域,没有人告诉我们该看哪里,但我们就是先看到了那里——深灰色的画布退到了背景,白色的内容浮在前面,成为了视觉的主体。
然后当我们打开了一个属性面板,一个更深色的浮层从右侧滑入,浮层上的文字和图标是亮灰色的。在这个浮层里,图和底的关系又被重新建立了一次:浮层的深色背景是底,亮色的文字和图标是图。
这个过程里,感知系统完成了多次图底分层,整个过程几乎不需要任何主动的思考。
图底关系(Figure-Ground)是格式塔心理学中的一条基础感知规律,也是人类视觉系统处理任何画面时最先完成的工作之一:感知系统会把视觉画面自动分为"图"(Figure)和"底"(Ground)两层——"图"是前景,是被注意的主体;"底"是背景,是衬托主体的环境。
鲁宾之杯(Rubin's Vase)是图底关系最经典的示例。在这幅图里,白色区域和黑色区域都可以分别被感知为"图":当黑色是图时,看到的是两张相对的白色侧脸;当白色是图时,看到的是一只黑色的花瓶。两种解读不能同时保持,感知系统每次只能选择其中一种,在两种解读之间反复切换。鲁宾之杯的意义在于,它让这个平时无意识的过程变得可见——图底的划分是感知系统的主动选择,而不是被动的信息接收。
被感知为"图"的元素,通常有几个共同特征:有清晰的轮廓,形状明确;视觉分量更重,颜色饱和度更高或亮度对比更强;感知上在"前面",像是漂浮在底的上方。被感知为"底"的元素则相反:没有明确的形状,向后退,感知上是"衬托"图的环境。图有中心感,底有延展感——图是画面的主体,底是画面的容器。