需要降低界面视觉重量、用负空间暗示结构时…

适用于通过不完整形状、负空间和对齐让用户自动补全结构，从而减少视觉噪声并保持分组可感知的 UI 设计场景。

适用场景

解决思路

1. 用暗示边界替代显式边界：只提供足够线索让用户感知完整形状，不必画出每条线来建立视觉边界。
2. 用最少线索设计图标，并创建能让用户心智自动补全的 UI 结构，在减少视觉重量时保持感知清晰。
3. 利用不完整形式：让用户根据缺失部分补全整体，而不是呈现完全封闭的形状。
4. 图标采用不完整封闭：带缺口的圆可读作环或进度指示器。
5. 图标采用不完整封闭：不完整复选框边框仍可读作方形。
6. 图标采用开放端括号式框架，仍可读作包含分组。
7. 进度弧缺失一段时，仍可被感知为测量完成度的圆。
8. 图标不必完全封闭即可被识别；避免过度指定所有边缘，以保持图标轻盈和精致。
9. 用单边分隔线：在区块上方放一条水平线，暗示区块边界而不包围它。
10. 用角强调：只在角落放置视觉元素，暗示它们之间存在包围矩形。
11. 用渐隐背景：让区块背景在边缘淡出到透明，让心智在颜色结束处闭合容器。
12. 用局部规则线：在一侧放短分隔线，暗示分隔而不使用全宽线。
13. 用上述较轻替代方案传达分组，减少完整边框带来的视觉重量。
14. 在网格与布局中不绘制显式网格线，通过对齐让用户感知列。
15. 让一致左对齐的元素暗示垂直网格线，而无需实际画出该线。
16. 让一致的垂直节奏暗示水平网格。
17. 把网格当作被感知的结构，而不是画出来的结构；显式网格线通常冗余并增加视觉噪声。
18. 在屏幕边缘放置部分可见的元素，暗示该方向还有更多内容。
19. 用裁切边缘制造闭合，让心智补全隐藏对象，从而暗示可滚动性而无需显式指示器。
20. 将上述滚动暗示用于轮播、横向滚动列表和离屏面板。
21. 依赖负空间：用周围空间提供推断形状边界的信息。
22. 使用充足留白和清晰负空间，让闭合容易发生。
23. 避免杂乱布局，因为太多相互竞争的部分形状会阻止闭合。
24. 在依赖闭合前减少周围噪声，因为心智无法闭合它无法隔离的形状。
25. 迭代移除边框：检查没有边框时边界是否仍被感知；如果仍然可感知，则该边框冗余。
26. 在添加完整包围边框前，先尝试角强调或单边规则线。
27. 在 16px、20px 等小尺寸测试图标：形状是否仍能闭合；若不能，则在该尺度增加视觉信息。
28. 将闭合律与接近性或相似性配对，强化心智补全模糊形状的能力。
29. 在深色模式中重新验证闭合：背景值变化会改变负空间关系，浅色模式中闭合的形状在深色模式中可能显得开放。

适用边界 · 注意事项

• 容器边界是主要分组信号而非补充信号时，不要依赖闭合；应使用完整边框或填充背景，或改用 `law-of-common-region`。
• 元素可交互且边界定义命中区域时，不要依赖闭合，应使用显式边界。
• 设计会在空白或间距可能塌陷的上下文中渲染时（如邮件、密集数据表格），不要依赖闭合，应使用显式边界。