设计中的留白:每个设计师都应该知道的...

  • 经验类型经验/观点原作者:Jenn Pereira

  • 经验属性自译外文
  • 经验版权不使用原创授权
18370 0 3 2022-03-08

留白在每个图形设计构图中都非常重要。

设计师使用术语“留白”来指代负空间或各种设计元素之间的空间。它并不一定意味着它是“白色的”;但是这个空间可以是不同的颜色或将元素分开的纹理。


设计中的留白根据其在布局中的用途分为两种类型:

活动留白

这是您设计中的空间,您有意识地努力将其包括在内以强调和结构。故意省略以引起对内容的注意并将一个元素与另一个元素区分开来。


被动留白

这是自然的留白,例如一行文字之间的空间或徽标或图形元素周围的空间。


区分空格的另一种方法是通过它们相对于内容的大小和密度:

微留白

微留白是指设计组件之间的小间隙。它跨越行和部分出现。它包括网格图片之间的间隙和菜单链接之间的空间。

微留白也对内容可读性有直接影响。例如,段落周围的留白数量会影响用户的阅读速度和理解。当内容出现在典型段落之外的整个边界时,读者会更慢地查看它。比没有边界的材料更难掌握。


宏留白

主要布局元素之间的大空间,以及围绕设计布局的空间,称为宏留白。大多数网站内容的左右两侧以及内容块之间的空间中都可以找到宏留白。与微留白相比,宏留白作为整体设计的容器。它有一个“大画面”的白色步伐,更容易注意到。


什么是设计中的留白,为什么它很重要?

留白无处不在,但它是如此谨慎,以至于我们并不总是关注它。但这正是它应该如何运作。留白不是为了吸引,而是帮助我们专注于它周围的元素。

与所有其他设计元素(如图像、字体、图形、插图等)一样,留白非常重要。设计中没有太多的留白,因为设计师不知道该放什么。它旨在引起对布局的其他元素的关注和/或传达特定的情绪。


以下是对留白在设计中的重要性的一些解释:

1. 便于阅读和理解

留白用于分隔元素并帮助我们识别访问区域。没有空格,就很难阅读、理解和识别不同的元素。因此,设计将很难被解释。简而言之,留白对于有意义的设计很重要。


2.它引导用户/观众

留白允许用户专注于动作、单词或元素,从而获得更舒适的导航,从而更好地达到建议的目标。元素周围的空间越大,它就越被解释为设计中的重要组成部分。


3.它使设计更具吸引力

一个好的设计通常有大量的留白,留白往往会给设计增添优雅。一个明显的例子是香奈儿,它的所有元素:网络、包装、印刷品;它们包括白色空间,以加强品牌的优雅形象。此外,白色空间在数字产品中呈现出简洁和干净的外观,从而改善了用户的感知和体验。

空间还可以减少杂乱,缓解杂乱的头脑。明智地使用白色空间可以提高设计的视觉质量,并且通过强调每个元素,人们更容易接收信息,从而激发积极的信号。


4.它使设计更有效

需要空间来强调重要部分并专注于重要的事情。在设计中,留白将帮助观众了解构成其整体的每个元素的重要性。因此,空白有助于设计更有效地将信息传达给您的受众。

留白也可以表示不同的背景颜色。颜色为您的设计增添了精华,对于激发观众的情感很重要。您为目标受众选择的颜色越好,您的设计就越有效。


5.留白意味着可用性

留白对用户总是有帮助的,在印刷材料中,由于易于阅读,用户更喜欢具有宽边距的书籍而不是没有空白的书籍。用户的这种习惯通常会被转移,也有研究支持阅读理解可以改善设计中的更多留白。此外,留白区域直接指向用户想要在数字产品中执行的操作,如 CTA 的情况。


6.留白使您的内容清晰易读

尽管留白不是影响文本易读性的唯一因素,但它们对于这些文本的定界和层次化很重要。此外,用户欣赏不同内容之间的空间以及文本呼吸。


7.留白让你的用户休息一下

在数字领域,技术在进步,数字产品也越来越复杂。出于这个原因,对功能进行良好的优先级划分,以及将导航菜单与数字产品的其他元素明确分隔开的留白区域的存在变得越来越重要。此外,留白区域有助于用户清楚地区分不同的内容您向他们展示并帮助他们做出更好的决定,因为您不会用过多的信息压倒他们


在设计中使用留白时要考虑的三个要素:

1.可读性

设计中的留白对于使网页内容具有可读性至关重要。作为设计师,我们必须考虑空白,尤其是在选择设计类型规范时:大小、字体、样式、颜色、行距、跟踪和字距调整。更改空白区域的布局会影响读取性能和整体用户体验。


2.色调和品牌设计

留白空间有助于整体设计的基调。例如,留白较多的网站可以体现极简主义。正是出于这个原因,我们对空格的使用不仅应该改善用户体验,还应该符合我们品牌的基调。


3.专注和关注

设计中的空白可以帮助引导用户浏览网站的内容,无论是从计算机还是从任何其他媒体(如智能手机)查看。空白可以更容易地创建焦点,帮助将用户的注意力引导到设计的特定部分。

网站战略规划的一部分是优先考虑特定元素或内容。我们可能会使用各种视觉技术来强调某些特征,其中之一是试验这些焦点区域周围的空白区域的数量。


下次设计时,请注意留白空间以及如何在设计中应用它们。观察空间布局和元素距离的差异,你就会知道一个简单的空间会有多大的影响。

Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票