F2.04.1whitespace as a grouping cue设计
留白是分组手段而非装饰
别名: 留白 · white space · negative space · 负空间
概念解释
「付款信息」上面多出来的那截空,是在告诉你:下面这几个字段是一伙的。空在干活,不是版面还没填满。有人觉得空着不像做完,就给这组套一张卡片、加一圈线,分组信号换成了新的图形对象,密度被吃掉一截。
**留白(whitespace / negative space)**在布局里首先是分组工具:用「这里没有东西」标出组的边界。它和组内必须显著小于组间的那条定量规则是上下游——这里只问空有没有承担分组职责。
机制
邻近性把彼此更近的对象编成一组。空是这个计算里的材料:加大某段空,等于在那里切开。它不引入新的墨水,所以代价比边框、底、阴影低,也不会和内容抢对比。
把空当成装饰,会出现两种误用。一是在已经分好组的地方继续堆空,只为「高级」;二是不敢用空,改用盒子去圈。前者切断本该连着的东西,后者在窄屏上迅速破产。判断空是不是在分组,就看拿掉它之后邻组会不会并成一块——并了,说明那段空是结构;并不,说明它是剩的。
边界
艺术海报、品牌开场可以让空成为情绪,不必都能还原成「哪一组」。数据墨水极高的专业屏,分组会改用线、色带、表头,因为已经没有像素可空。全出血媒体的空属于构图,不是表单那种字段分组。
空也不能表达「这一组和那一组是什么关系」——它只切开。层级、从属、步骤顺序还要靠位置、标题或编号。
怎么落地
- 给每个视觉组做一次拆除:删掉组间那截空(临时把间距改成组内同档)。若两组立刻混成一块,这段空留下,不要再套框。
- 已经靠空分开的组,默认不加边、不加底;只有空不够、或需要持久对象感(一张可拖的卡片)时才上图形。
- 验证:打印或截图后用笔圈出你认为的组,再对照实际间距。圈在空上、而空删掉后组仍在(靠线或底色撑着)的,空没在分组,可以收。圈散了、一收空组就没了的,空是结构,保留。