文字间隔对UI设计师意味着什么
新闻来源：优漫教育
日期：2021-08-13
对UI设计师来说，界面上的每一个元素都是至关重要的，今天，UI设计培训学校我就和大家聊聊这众多元素中的“字间距”。
色彩与字体对比一直是大家非常关注的问题。设计规格书时，首先要确定产品的主色调和辅助颜色。对文本而言，不同层次的文本(标题类、正文类、提示类)会选择不同的字体和字体，UI设计培训学校将会出现在您的设计说明中。但是，我很少看到设计说明书中提到间隔，因此从这一观点来看，间距常常被我们忽略。
一、为何使用间隔？
我总是认为设计师制作东西必须“更真实”，你在设计过程中做出的任何决定都要问自己为什么，要多思考。要有针对性，这样会少走很多弯路，也比较容易成长。所以如果我们想知道间距甚至更标准的使用间距，首先我们要明白为什么要使用间距。间隔的使用有许多作用，能吸引用户注意，提高内容的可读性，并阐明元素之间的关系。
实际上，间距的作用可以归纳为一句话：建立视觉层次，简化界面内容，使用户更容易接受。
二、间隔类型。
间隔根据位置可分为两类，一种是用来区别内容块，一种是用来区分内容块中的信息，另一种是用来区分内容块。为便于表达，这里我们称之为：块内间距和块外间距。在对象周围留白越多，就越容易引起用户的注意。就信息层次而言，层次越高的内容间隔就越大。由于内容越重要，就越能吸引用户的注意力，所以为了更好的区分，块内间距小于块外间距。
就拿Airbnb来说吧，因为从信息层次上看，一套房源(内容块)的层次要高于它的介绍信息，所以每一套房源之间的间距要大于房间的图片、位置、价格。
三、行距。
空格的使用可以极大地提高你的文字可读性。这儿字间距主要是指字间的高度间距，我们称之为行高。对于使用者来说，行高过大、过小是不利的。一般而言，行高选择正好适合字符高度的30%。它也可以用来影响产品的设计风格。
四、间隔线和线
本文一开始还提到了间距的主要作用就是内容区分。因此，谈到内容区分，线条是我们回避不了的话题。由于在界面设计中线的主要功能是完成内容区分。并且，随着极少主义风格的兴起，线型设计也开始成为设计的潮流。设计者开始用间隔(留白)来代替线条来完成区分。因此弄清间距与线之间的关系是非常必要的。
相同内容，左边用直线，右边用间距。由此，我们还可以看到设计者对线材的忽视。线型的使用会大大分散用户的注意力，整个界面会稍微拥挤一些。
五、不仅仅是间隔。
对于设计元素的归纳总结能力决定了您的上限。相同的用户提示功能，你只知道dialog是一种简单的使用，但是大牛们会根据提示强度的不同以及是否需要用户操作来选择dialog,toast和snackbar，以建立一个完美的用户提示系统。同理，我们都知道间距能很好地区分内容，那么其实要完成“内容区分”，我们不必非要使用间隔。除前面提到的线条外，我们还可以使用颜色，阴影，图案等。
六、谨慎使用间隔。
尽管本文只是写出了如何更好地使用间隔，但对于间隔的使用，我个人还是认为应该谨慎一些。由于如果通过放大间隔来完成信息层次的区分，那么会出现大量留白，整个界面也将显得格外清新。但老板可能会不爽，这页怎么这么空？难道你很懒惰吗？添加更多的东西进去吧，让整个界面充实起来。这个也算是调侃了一下，我忌讳间距的使用主要来自于页面长度的增加。
由于一旦你把间距拉大，势必会导致界面长度的增加，之前一个屏幕所能显示的内容现在你需要滑动才能看到。我不知道对用户来说，他们更喜欢清爽的界面(多留白)还是简单(不要滑动)。
七、间隔在接口设计中非常重要。
UI设计培训学校学员要做好设计要让自己进入用户的角色，但也不能去“代表”用户。用自己的主观臆想来做设计，觉得这个界面好看就可以了，但是对用户来说不一定是好看的。但是现在设计师很少能够参与到用户调查的过程中，所以，在工作中，我们的一些想法不能被数据所支持。这个阶段也是大多数设计师的痛点。
