恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计中的留白:每个设计师都应该知道的留白准则
0.0°
2022-03-08 自译外文 经验/观点 原作者: Jenn Pereira 举报 8991 1 3 0

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

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


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

活动留白

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


被动留白

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


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

微留白

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

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


宏留白

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


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

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

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


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

1. 便于阅读和理解

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


2.它引导用户/观众

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


3.它使设计更具吸引力

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

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


4.它使设计更有效

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

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


5.留白意味着可用性

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


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

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


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

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


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

1.可读性

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


2.色调和品牌设计

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


3.专注和关注

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

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


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

Powered by Froala Editor

更新:2022-03-08

收藏

1人已收藏

Talon

原迅雷高级UI设计师

  • 31

    作品

  • 103

    粉丝

  • 9

    关注

  • 如何设计更好的空状态?
  • LEXUS 官网重新设计
  • 深色模式 UI 最佳实践
  • 完美图标集设计指南
相关标签

    猜你喜欢

      2022-03-08 自译外文 经验/观点 原作者: Jenn Pereira 举报 8991 1 3 0

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

      0.0°

      你确定要举报设计中的留白:每个设计师都应该知道的留白准则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年03月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录