用途:Whitespace Mastery 聚焦界面设计中的留白(whitespace)与负空间运用,帮助设计者用间距表达信息层级与视觉关系。
主要能力:区分宏观留白(区块之间)与微观留白(组件内部)。宏观上,间距越大表示概念分隔越强,区块间距应为组件间距的 2-3 倍;Hero 区块用留白传达重要性,奢侈品牌会采用极端留白(每个视口只放一个元素)。微观上涵盖卡片、按钮、输入框的内边距,文本行高,标题字距,以及图标与标签之间的间距。
比例原则:标题上方的空间应大于下方空间,从而在视觉上把标题与其内容绑定。资料给出的参考值为上方 32-48px、下方 8-16px。
反模式:到处使用统一间距导致没有层级;为“塞进首屏”而挤压元素;为填满空间而加间距(留白也需有目的);间距不一致造成非预期的分组。
使用方式与限制:资料未提供安装命令、代码接口或具体工具用法,仅以设计原则与示例说明为主,适合作为设计规范与评审时的参考。