F2.02.1gutter width as inter-column separation设计
槽宽决定列间的视觉分离
别名: 槽 · gutter · 列间距 · column gap
概念解释
**槽（gutter）**是两列正文之间那一条空带。它的宽度决定两列是「两股并行的流」，还是「一段被折开的话」。报纸把栏距收得过窄时，左栏行尾和右栏行首会被读成一句——这不是外边距的问题，也不是整页比例的问题，就是槽没把两列切开。
多栏仪表盘同样：指标卡之间的缝如果只剩 8 px，数字会黏成一张表，失去「每列一个对象」的切分。
机制
列与列在垂直方向上对齐、水平方向上紧挨，视觉系统默认把邻近的字块接成同一条阅读路径。槽是这条路径上唯一的中断：它必须宽到让邻近性判定为「不同组」，又不能宽到让两列变成互不相关的小岛。
边框和阴影也能切分，但那是另一套对象（卡片）。槽的工作是在没有额外图形的情况下，单靠空隙完成切分。所以槽宽要跟列宽一起看：列只有 140 px 时，24 px 的槽已经占去很大比例，两列会像两张小纸条；列有 400 px 时，8 px 的槽几乎不可见，阅读路径会横穿过去。
边界
单列布局没有槽，这条不适用。网格里的卡片若已经靠边框或底色成组，槽的切分职责被分担，可以更窄——但窄到内容仍能隔栏连读，边框也救不回来。
竖排文字、从右到左的多栏，槽仍然是列间中断，只是阅读穿越槽的方向反过来。印刷栏距的经验值不能直接当屏幕像素用：屏幕还有滚动、动态字号，槽要随字号和列宽一起变。
怎么落地
- 在设计双栏或多栏正文时，先用一段会在行尾断开的句子做样本，看眼睛会不会顺着读到邻栏。
- 把槽宽写成与列宽相关的量（例如列宽的 1/8 到 1/4 这个量级），避免全产品写死同一个像素。
- 验证：用一张半透明纸条盖住槽。若两列立刻读成一篇，槽太窄。再把槽加宽到约一个字高仍觉得两列「没关系」，则过宽。记下刚好切开、又仍像同一版面的那一档。