element ui校验两个输入框的是否相同_UI设计中负空间的力量

在UI设计中，理解产品最简单的方法是识别组件以及它们在视觉是如何呈现的。很多时候，界面看起来非常相似，但只是简单的一瞥，我们可以很容易地分辨出有一些会更好，而有一些界面给人的感觉就像是少了什么。

“缺失”的部分实际上是一个视觉平衡，而设计两个最重要的东西。它们被称为负空间和行间距。

负空间不是浪费的空间

简单地说，负空间是UI中对象周围和内部的空白区域。负空间也用于指示这些区域，但这并不一定意味着空白区域总是白色。白色来自印刷设计，在早期印刷日期，文本主要印在白纸上，因此负空间默认为白色。负空间来自摄影，它指示背景和所有焦点，主要对象成为正空间。在UI设计方面，白色空间和负空间具有相同的含义且统称留白。

“形式的真正含义会因其相反的存在而更加清晰。如果不存在夜晚，我们不会认出白天。实现对比的方法是无穷无尽的：最简单的是大/小，浅/暗，水平/垂直，方形/圆形，光滑/粗糙，闭合/打开，彩色/素色; 近距离/远距离，都提供了许多有效设计的可能性。“ - Jan Tschichold

正如Tschichold所说，为了在布局中实现良好的视觉层次，我们使元素产生对比。负空间通过物体之间的距离产生对比度。

这就是负空间如何变成一个积极设计元素的方式。

负空间应作为积极设计元素

客户通常认为，我们应该减少界面留白，而向用户呈现更有价值的内容。但是在一个界面中显示更多内容并不一定能实现这个目的。

如今，我们每天向用户提供许多信息。我们作为设计师，通过为UI元素增加更多空间，可以为用户体验的情感方面做出贡献。我们在UI中添加了更多的呼吸空间，可以放松用户与整体UI上的互动体验。

间距使UI具有呼吸感，让用户使用时感觉更舒适。

我们如何在设计中应用负空间

负空间有两种类型，微观和宏观负空间。简单地说，宏观空间是布局中较大组件之间的空间，微观空间是布局中较小组件之间的空间。

宏观和微观负面空间的例子。