在UI设计中,理解产品最简单的方法是识别组件以及它们在视觉是如何呈现的。很多时候,界面看起来非常相似,但只是简单的一瞥,我们可以很容易地分辨出有一些会更好,而有一些界面给人的感觉就像是少了什么。
“缺失”的部分实际上是一个视觉平衡,而设计两个最重要的东西。它们被称为负空间和行间距。
负空间不是浪费的空间
简单地说,负空间是UI中对象周围和内部的空白区域。负空间也用于指示这些区域,但这并不一定意味着空白区域总是白色。白色来自印刷设计,在早期印刷日期,文本主要印在白纸上,因此负空间默认为白色。负空间来自摄影,它指示背景和所有焦点,主要对象成为正空间。在UI设计方面,白色空间和负空间具有相同的含义且统称留白。
“形式的真正含义会因其相反的存在而更加清晰。如果不存在夜晚,我们不会认出白天。实现对比的方法是无穷无尽的:最简单的是大/小,浅/暗,水平/垂直,方形/圆形,光滑/粗糙,闭合/打开,彩色/素色; 近距离/远距离,都提供了许多有效设计的可能性。“ - Jan Tschichold
正如Tschichold所说,为了在布局中实现良好的视觉层次,我们使元素产生对比。负空间通过物体之间的距离产生对比度。
这就是负空间如何变成一个积极设计元素的方式。
负空间应作为积极设计元素
客户通常认为,我们应该减少界面留白,而向用户呈现更有价值的内容。但是在一个界面中显示更多内容并不一定能实现这个目的。
如今,我们每天向用户提供许多信息。我们作为设计师,通过为UI元素增加更多空间,可以为用户体验的情感方面做出贡献。我们在UI中添加了更多的呼吸空间,可以放松用户与整体UI上的互动体验。
间距使UI具有呼吸感,让用户使用时感觉更舒适。
我们如何在设计中应用负空间
负空间有两种类型,微观和宏观负空间。简单地说,宏观空间是布局中较大组件之间的空间,微观空间是布局中较小组件之间的空间。