在宾夕法尼亚州工作的最佳地点
空白区可以为您做什么
空白是一个强大的工具，可以把你的设计带到下一个层次。只要有策略地使用，就是这样。
揭穿神话：空白是浪费空间
早在1930年，具有开创性的瑞士设计师兼排版师Jan Tschichold就写道，空白“应该被视为一种。活跃的元素,而不是被动的背景。”
很久以前，Tschichold可以看到，空白空间不仅仅是死角或浪费的空间，而是一个设计元素本身。
让我们讨论一些可以使用空白来改进的事情。
可读性
互联网用户不要阅读，他们只是浏览. 这只是意味着要进行更多的扫描，而不是逐字阅读。
由于人们的本性是扫描内容，我们希望确保尽可能让他们轻松地浏览内容。
良好地利用空白可以帮助读者浏览页面和信息，找到最重要的要点。
威奇托州立大学进行的一项研究表明，用最优的前导和边距(文本之间和周围的空白)理解能力提高。这项研究从根本上证明了空白会影响阅读体验。
许多设计可以简单地通过增加文本的前导来改进。与网页设计领先地位类似的是行高CSS属性。
对于网页设计，一个流行的行高和字体大小的比率是150%。例如，如果字体大小是20px，然后呢行高将是30像素。
150%的比例取决于你使用的字体，但这是一个很好的起点。
比较下面两段。文本内容和字体大小是一样的，但是行高和填充属性是不同的。哪一个版本更容易阅读？
版本1的CSS属性：
字体大小:16 px行高:16pxpadding-left:三倍右侧填充：三倍
版本2的CSS属性：
字体大小:16 px行高:24像素padding-left:15px右侧填充：15px
在格式中有足够的空白行高和填充，我们可以大大提高可读性。
安慰
留白可以使设计看起来更赏心悦目。
看看下面的例子关于空白的文章在一个单独的列表:
两个版本具有相同的文本内容。然而，右边的页面有更多的空白，因此读起来更舒服。相比之下，左边的版本在视觉上是不和谐的和繁忙的。
眼流
空白是一个很好的工具，可以引导用户焦点在一个设计。
看看空白是如何在应用程序中有效地使用的苹果iMac网页：
即使在它的右边有一个巨大的、色彩鲜艳的iMac竞争图片，你的眼睛仍然会流到产品名称和标语上，因为它周围的空白被巧妙地利用了。
强调
在每一个设计中，总是会有更重要的元素比其他人。
使用空白是让你的主要元素获得更多关注的最简单的方法之一。这在本质上是由于与它们相邻的竞争性视觉效果较少。
例如，你的行动要求很重要。为了使它们在页面上有大量其他信息的情况下也能脱颖而出，您可以在它们周围留出空白。
以下面市场圈网站截图上的号召行动按钮为例。
由于按钮的视觉权重和周围的空白，按钮很难错过，即使页面有许多其他元素。
分组
让我们看看下面的例子。通过简单地在列表项之间添加空白，我们可以立即在列表中创建逻辑分组，而无需耗费我们的大脑：
我们对列表所做的只是添加一点空白；我们没有改变颜色、字体大小、添加文字效果或任何复杂的东西。
总结
正如我们在示例中所看到的，在我们的设计中，空白是一个非常有效的工具。
易读性、舒适性、眼流、强调和分组只是我们使用时可以增强的一些东西空白作为活动元素。
额外阅读空白
这些将帮助您学习如何更有效地使用空白：
约翰·麦克弗森为媒体外科工作，提供
