我们常常认为沉默,空虚或无色对我们不利。我们认为它们是理所当然的,而不认为它们是对比的坚实基础。只有沉默让我们知道声音的价值。只有空白空间才能让我们了解我们想要填充它的内容。只有无色才能让我们在舞台上出现时感觉颜色更明亮更深。只有缺乏空气才能让我们知道它的重要性。今天我们谈论的是设计中的空气,让我们讨论下什么是负空间。
什么是设计中的负空间?
基本上,负空间或通常称为空白区域 - 是布局的空白区域。它不仅可以放在布局中的对象周围,还可以放在它们之间和内部。负空间是页面或屏幕上所有对象的一种呼吸的空间。它不仅定义了对象的限制,而且还根据格式塔原则在它们之间创建了必要的联系,并建立了有效的视觉表现。因此,白色空间是一个合理的设计元素,对积极的用户体验有很大的影响。“白色空间就像一块帆布:背景将元素融合在一个设计中,使它们脱颖而出。
图形设计中的负空间经常出现在徽标,插图,海报和创意刻字中,它成为视觉呈现的活跃部分,使关键对象更具表现力。例如,在下面的博客插图中,我们可以看到背景元素(月亮)如何扮演对比负空间的角色,使宇航员看起来更生动,更有活力。
在用于网站和移动应用程序的UI设计中,负空间是界面的高可用性和可导航性的重要因素。布局元素周围的负空间也称为宏空间,而它们与内部(对于字母和笔划元素)之间的空间也称为微空间。
白空间和负空间之间有什么区别?
简短的回答:没有区别,这些术语完全可以互换。
为什么这种现象被称为两个不同的术语?如果跟踪原点,很容易回答。“白色空间”一词来自印刷设计,因为页面大多是白色的,所以白色空间是字母或符号周围,内部和内部以及插图周围的所有内容。今天,在设计中使用,这个术语与白色无关:它是关于空的空间而不是颜色。“负空间”一词来自摄影:在照片拍摄中,它们定义了正空间(吸引注意力的物体)和负空间(背景)。
重要的是要记住,网页设计中的负空间不一定只是白色, 你可以使用任何颜色,纹理,甚至图案或背景图像。
为什么负空间很重要?
想象一下,你自己进入一个满是各种员工的房间。货架,箱子,袋子,成堆的书籍和衣服,桌子上摆满了各种各样的东西。你能专注于这样的条件吗?你现在真的需要所有这些东西吗?你能找到你需要的东西和需要多少时间吗?嗯,这与用户在没有消极空间的重要空气的情况下打开页面或屏幕的感觉非常相似。
客户和一些设计师可能希望在一个页面或屏幕上放置尽可能多的元素和功能,以为它将保存游戏并对客户有所帮助。但这是一个错误:事实上,用户并不需要一次性完成任何事情。更重要的是,没有足够空气的太多元素会显着提高注意力分散程度:超载信息和交互式元素,其中大部分都不需要,用户将不得不努力寻找他们需要的东西。正如Aarron Walter所说,“如果所有事情都引起观众的注意,那么什么都看不见”。
在负空间方法的设计中,我们可以提到以下内容:
1.它支持页面的可扫描性 2.它增强了视觉层次 3.它使元素之间的联系可见并自然地感知到没有额外的手段,如表格,框架,箭头 4.它在页面上提供足够的空气,使其不会感到混乱 5.它将用户的注意力放在核心元素上,降低了注意力 6.它为页面增添了风格和优雅
例如,让我们看一下Big City Guide的登陆页面,在这里,设计师应用背景照片,它在宏观层面扮演负空间的角色。更重要的是,照片的元素和主要复制元素的字母是相互关联的:它使负空间成为设计的有效元素,并使页面具有统一的谐波外观。
负空间影响的核心因素
正确使用负空间可能会对以下用户体验因素产生相当大的影响!
可读性和易读性
如果元素之间没有足够的空间,则它们变得难以阅读,这可能是眼睛和大脑紧张的一个强有力的原因,尽管许多用户将无法解决问题。适量的负空间,特别是微空间,解决了这个问题,使得这个过程更加自然。因此,负空间直接影响页面或屏幕上排版的效率。在阅读中它以相同的方式工作:正确放置空白空间使文本更容易阅读。
品牌
如果你检查任何徽标指南,您会发现设计人员在其周围定义了适当数量的负空间,以便正确感知它,违反此规则对视觉效果有害。
资源的性质
负空间对所谓的设计基调有影响。例如,新闻资源在主页上的空白区域比博客更少,以设置心情并理解平台充满了动态显示的数据。
注意率
足够的负空间增强了视觉层次结构,并允许用户专注于关键元素。
基于此,负空间在以下方面对视觉感知产生影响:
1.复制内容 2.图形内容 3.导航 4.身份
我们来看看几个例子。这是The Big Landscape的主页。没有任何可视框架和表格,由于负空间的平衡使用,设计人员构建了强大的视觉层次结构,并允许用户在几秒钟内扫描各种内容块。这种设计看起来井井有条,但又轻盈通风。白色背景和布局布局使其看起来类似于杂志页面,该页面向读者和谐地告知该在线杂志的目的和性质。
另一个例子是移动应用程序Upper app:这里负空间全黑,与界面的核心元素形成鲜明对比。对于所有屏幕,仅使用一条直线。尽管如此,由于空气充足且无干扰,所有布局看起来都很有条理且高度可读。它还支持造型师极简主义的优雅,以满足审美满意度。
需要考虑的陷阱
**1.令人困惑的术语。**当您与可能不熟悉设计术语的客户交谈时,请确保在描述设计解决方案之前解释负空间的含义。
**2.希望减少负面空间,以增加页面或屏幕。**它不仅发生在UI设计中:您可能会听到室内设计师建议如何在一个房间而不是2个房间内为需要4个书柜的客户节省一些空间,或者建筑师解释为什么建筑物周围需要空置空间它看起来更好,服务更好。更重要的是,有时通过更好地利用负空间来重新规划元素会造成房间或建筑物比实际更大的错觉 - 而且必须将数据放在移动屏幕或网页上也是如此。决定什么是更重要的,什么是次要的,什么可以消除,以便直观地导航用户。负空间有助于使屏幕或页面的谐波外观,即使它充满信息和功能。
**3.优先次序不佳。**如果经过深思熟虑的信息架构不支持接口,则负空间并非万能药。在考虑设计皮肤之前,您必须决定用户如何找到他/她的目标的快捷方式,并通过应用程序或网站解决他/她的问题。在你看起来以风格呈现它之前计划这条路线; 否则,即使包括负空间在内的视觉元素的最佳平衡也无法有效发挥作用。
最后分享一套全面学习平面设计的课程,希望能帮助你更进一步学习设计:
【平面设计实战全套课程】《ps平面设计实战案例》5大应用领域深入拓展系列教程:图像后期处理、商业海报、场景合成,人像精修、照片调色,让你快速成为设计大神!
查看更多的课程效果图可以点击链接到课程介绍中查看!