来自过去的爆炸
多年来,设计中的空格一直被贴上“过于朴素”或“缺乏设计”的标签,甚至被称为负面空格和需要避免的东西。这一趋势在网页设计中非常普遍,以至于即使是最好的品牌也会在设计中填满所有东西,以避免空白。看看90年代以来的苹果网站吧,S。
早期的网页设计包括用gif填充负空间,用表格布局来组织内容、文本、动画文本、页面点击计数器等。
21世纪初,增加了对允许内容和设计分离的css的支持。这使得网站维护变得更容易,因为降低了复杂性,更快的加载速度,更大的灵活性,并为内容开发提供了独立于设计的空间。
人们对空白的理解也在增长。花哨的霓虹灯按钮被混色取代,图标取代了文本,分辨率和像素化受到了关注,内容的放置也增加了。那是极简主义的萌芽时代。
极简主义与空白的区别
到了2000年末,S的设计变得时髦、直观和干净。今天,随着极简主义的到来,人们对空白的理解和它在网页设计中的重要性也随之而来。虽然极简主义和空白是有重叠的,但我认为两者之间的区别简单地说,就是极简主义是对英雄元素的关注,使用了大纲或最小的细节,而空白是增强英雄元素的重要(在大多数情况下,是背景)空间。
让我们举个例子:
在这张海报中,我们可以清楚地得出结论,它是一种极简主义的设计,英雄元素是阿拉丁的轮廓,而负面空间则加强了英雄形象,使其脱颖而出。我们之前关于极简主义的博客告诉你如何将极简主义融入设计中。
空白的重要性
从上面的阿拉丁例子中可以看出,空格对于让英雄元素脱颖而出很重要,但空格还有其他用途:
创造平衡:从早些年的设计实例来看,有一件事是明确的--杂乱。动画,多种颜色,gif,都造成了混乱,而空白打破了这种混乱。一张文字最少的整洁图像会创造平衡,而且看起来很舒服。
品牌范例:超真实
优雅:白色空间为设计增添了一种奢华和精致的氛围。这是因为极简主义已成为优雅的代名词。高端品牌通常使用厚重的空白,因为产品本身就能说明问题,而拥挤、拥挤的网站给人一种廉价的印象。
品牌例子:苹果
苹果相信,这款产品不言而喻,而且它确实做到了。空白处只会招呼你接受产品,而不是其他任何东西。
把焦点吸引到你的产品/功能上:正如我们以前看到的那样,负面空间有助于英雄元素脱颖而出。它还有助于只关注您想要的功能或产品。
品牌范例:谷歌
我是说,除了搜索你还能做什么吗?
令人愉快的用户体验:杂乱无章会造成混乱,经常会分散用户对购买、注册或订阅的主要目标的注意力。此外,空白是冗长文本的一个很好的分隔符,这可能会使阅读变得困难。
品牌范例:Dropbox
儿童般的插图和空白结合在一起,使技术恐惧者平静下来,并提供了一种放松的效果,使其对用户来说是一种愉快的体验。
传达专业和信誉:因为白色空间传达的是成熟和奢华,信任和信誉随之而来。
此外,设计中的空白空间创造了一种专业感。对优秀设计的投资意味着品牌是严肃的,用户是重要的。
另一方面,杂乱无章的设计使设计看起来像是业余设计师创造的。
品牌范例:香奈儿
虽然“coco”和“crush”都是口语化的词汇,但正是空白的使用、菜单的定位和字体让它具有专业和可信的氛围。
引起对重要信息的注意:重要信息可能是您的产品,可以是多个。那么,你如何在不显得拥挤的情况下展示和吸引人们对多个项目的关注?
品牌范例:水牛城打造
由Buffalo建造,展示了多个物品,但由于设计周围打破杂乱的空白空间,看起来并不拥挤。
对CTA的高度回忆:有时,让事情脱颖而出的最明显的方法就是把它做得更大。然而,周围的空白处也同样有效。
品牌范例:态度设计
强烈的行动号召和足够的空白让你想要点击一个选项。试一试,你至少会上瘾几分钟。
增加交互:空白通过减少分心的量来增加交互,尤其是当用户浏览站点时。根据国际人为因素进行的研究,空格可以提高近20%的理解力。
品牌范例:BeoPlay
空白在网页设计中很重要,可以传达很多东西。它是设计师的无形武器,可以增强周围的一切。我喜欢把空白想象成把戏剧艺术家放在聚光灯下的幕后工作人员--掌声是给英雄的,但是工作人员把一切都集中在了一起。