负数或空白描述元素和内容组之间的区域。重要的是要了解负空间不是空白空间。并不是没有什么可以放在那里——负空间不会故意显示任何内容。
负空间有多种用途。它增加了可读性，建立了层次结构，强调了重要的元素，并将用户的注意力引导到了设计师想要的地方。在本课中，我们将研究如何将负空间应用于网页以实现这些目标。
负空间在页面上提供“喘息空间”
在设计中添加负空间不仅仅意味着在元素之间创建更大的间隙。如果做得好，负空间有助于保持视觉平衡，增加宽敞的感觉，并强调预期的信息。
在示例中，缩小图像使其成为焦点。设计看起来有空间，同时平衡。
请记住，负空间是设计的一个活跃元素，因此您需要将其与其他内容平衡。
积极的负空间使视觉上有趣的设计
积极的负空间可以创造活力并为构图提供能量。它作为一个独立的设计元素，打破了重复的模式。示例中元素之间的不等间隔创造了一种运动感和节奏感。结果，设计看起来更有趣，用户界面类似于杂志页面。
被动负空间提高了易读性
被动负空间提高了易读性和整体用户体验。看到太多的元素或单词出现在一个狭小的空间里可能会让用户不知所措。在图像和文本之间添加一致的边距使内容易于阅读和扫描。
在向设计添加主动负空间之前，请确保应用足够的被动负空间。
外部负空间确保空间平衡
外部负空间是指围绕内容块或将它们彼此分开的空间。它的目标是提供良好的空间平衡并为眼睛创建路径。当有效使用时，外部负空间会框住焦点对象并确保它引起用户的注意。
内部负空间确保元素不会发生冲突
内部负空间 是关于一组元素之间的关系。一些示例包括边距和行距。
这个内部负空间旨在控制元素的接近度并确保 元素不会相互冲突。小元素之间的间距会影响页面的可读性和流畅度。
负空间可以突出元素
有时，突出元素的最简单方法是增加它周围的负空间。缩小元素的大小并在内容组之间保持舒适的距离会引起对焦点的关注。
抵制用更多内容填充任何空白空间的冲动。每次你在设计中添加另一个元素时，问问自己它是否符合目的并帮助用户完成他们的目标。
排版中的负空间确保易读性并建立层次结构
好的排版不仅关乎正面的形式，还关乎它们之间的空间。内部负空间（例如，行和字符之间的空间）有助于确保文本清晰易读。
外部负空间有助于引导页面的流动并建立层次结构。联系方式周围的空间会引起用户的注意。同时，围绕它流动的正文强调了这两个内容组之间的联系。
根据 Web 可访问性指南，行距应至少比字体大小大 150%。
元素周围的负空间有助于建立重要性顺序
在图像、插图或视频周围添加额外的负空间会引起人们的注意。如果做得好，它会建立一个强大的视觉层次结构。反过来，这有助于用户更快地理解消息。
在示例中，负空间确定了重要性顺序。观众会立即注意到较大的图像，然后转到较小的图像。与标题一起，作品有效地传达了信息
向网页添加负空间可改善用户体验
负空间在包含大量文本和图像的页面上具有多种用途。行间距确保页面的易读性和可扫描性。元素之间的空间创建了信息的层次结构。有足够的负空间可以让页面呼吸。
如果做得正确， 网页上 的负空间可以显着改善用户体验。此外，用户更有可能返回到漂亮、结构良好的页面，在那里他们设法找到他们正在寻找的东西。
负空间永远不应该是事后的想法——在整个设计过程中积极使用它。
本文内容为转载
网友评论