设计中留白的力量

2024-11-04 23:30:02 204人阅读

留白(或“负空间”)是一个页面元素之间的空白区域。尽管许多人认为这是在浪费宝贵的屏幕空间，但留白是设计中必不可少的元素。

“留白被视为一个活跃的元素，而不是被动的背景”- Jan Tschichold

今天，我将介绍如何在你的设计中使用留白来给人一种干净整洁的感觉。

留白和负空间

“负空间”一词源于传统艺术，它用来更精确地捕捉物体的外形。实际上，空间并不需要是有色的，任何与焦点内容无关的空白空间都可以被归类为“留白”。由于与实际的颜色没有真正的联系，术语“留白”和“负空间”可以互换。

技术分享

ALT：构成至上主义: 飞行的飞机。-梅尔魏契。“负空间”是组合元素之间的空间。

图形用户界面中的留白

与传统艺术一样，图形用户界面中的对象也需要负空间——文本、按钮、图标和其他对象需要有自己的一席之地。所有好的用户界面都会适当地留白且从上到下融合到所有页面元素中。GUI中的留白元素有:

页面上的留白与UI元素占用的空间一样重要，因为即使是留白也可以达到想要的效果，并支持视觉完整性的布局。留白有4个主要的功能:

1.易于理解

留白应该使扫视和阅读内容变得更容易及可预测。

优先考虑易读性和可读性

文本之间的留白很重要，因为它有助于定义页面内容本身。你应该优化你的内容使其易读(你能更好地分辨字母和单词)和可读(你能更好地扫视内容)。

威奇托州立大学的一项实验室研究证实，增加的留白实际上提高了阅读理解能力，尽管它可能会降低阅读速度。正如德米特里·法耶夫所指出的:

正确使用段落之间的留白及左边和右边的页边距可以提高对内容20%的理解力。

在优化文本内容时要注意的两件重要事情是段落间距和行间距(每行之间的留白)。行间距可以极大地提高正文的可读性。一般来说，间距越大，用户在阅读时就会有更好的体验，虽然间距太多会破坏统一，使设计不连贯。当然，你需要在两者之间进行权衡。

技术分享

ALT：左:文本之间靠太近，缺乏留白让读者看起来不适。右:良好的间距有助于可读性。图片来源:苹果

2.明确关系

整个布局是由各小部分组成的。内容关系由周围的留白定义。留白作为一个视觉线索。