跳过导航
学习设计

什么 是字距调整?初学者的终极指南

不仅仅是字母,还有字母之间的空间

当让文本看起来美观时,我们首先想到的可能是更改字体、颜色,甚至大小。但在设计领域,我们可以做更多的事情,比如字距调整!字距调整可以使您的文字看起来美观 *并且* 易于阅读。如果做错了,可能会让您的读者感到困惑。

但是,如果您从未听说过字距调整,请不要担心。我们即将为您提供终极指南,包括字距调整的定义、何时使用字距调整以及如何像专业人士一样进行字距调整。

让我们开始吧!

什么是字距调整?

字距调整是 排版过程,您可以在其中调整两个字母之间的水平间距。如果您曾经看到过一个单词,并认为其中一些字母看起来更靠近或更远,请不要担心。这可能不是因为您多次按下了空格键。

相反,值得记住的是,每个字母都有独特的形状。这意味着它们各自占据独特的空间。例如,字母“S”比字母“I”更弯曲,通常在水平方向上占据更多空间。也就是说,确切的比例也取决于您使用的字体。

当您将大量的不同字母串在一起时,您正在写的单词的某些部分看起来可能有点拥挤或分散,也就不足为奇了。字距调整本质上是通过将字母移近或移远来帮助您“校正”字母之间的默认间距。

但是,字距调整没有数学或科学公式。这一切都取决于使用您的视觉判断来创造完美的视觉错觉——一种有助于使您的文本更易读、更具视觉吸引力和更具吸引力的错觉。

专业提示:许多人将字距调整与字间距混淆,但它们并不相同。在字间距时,您会一次调整多个字母之间的空间。这意味着它们之间有相同的空间。在字距调整时,您一次处理一个空格——这意味着它们不会都相同。
An image showing the difference between kerned and unkerned text.

从这个例子中我们可以看到,当“bolted”一词进行字距调整时,字母“L”和“T”看起来更靠近。

我应该何时使用字距调整?

正如您现在可以想象的,字距调整是一个非常注重细节的过程。因此,了解何时值得付出努力很重要。通常,这是当您设计将被高度可见的文本时。例如品牌徽标、高风险营销活动、报纸标题和电影海报。基本上,在使用大型文本时,值得考虑字距调整——尤其是当它是针对广泛受众时。

如何在 Sketch 中对字母进行字距调整

在 Sketch 中进行字距调整很简单。首先,确保您在画布上有一些文字,并且它具有所需的 外观设置。您可以通过突出显示文本并转到 检查器 来轻松调整这些设置。然后,将您的插入点(显示您正在键入的垂直闪烁条)放在两个字母之间。接下来,转到菜单,选择 **文字 > 字距调整**,然后选择是要 **收紧** 还是 **放松** 这些字母之间的空间。

或者,您也可以按住 并切换到 T 来收紧,L 来放松。

然后,您可以对每个空格重复此过程,直到您对最终结果感到满意为止!为了帮助确保您不过度使用,我们在下一部分中提供了一些提示 👀

您可以通过按住 并多次按下 T 来收紧字母之间的空间。

像专业人士一样进行字距调整的 4 个技巧

如何在进行字距调整时保持您的视觉判断?值得庆幸的是,您可以遵循一些简单的指南。以下是如何正确进行字距调整的 4 个技巧

偶尔缩小

正如我们之前提到的,字距调整是一个注重细节的过程。这意味着您会发现自己经常放大。同时,请记住偶尔缩小您的工作。从远处查看字母之间的间距可能会帮助您确认它们是否像近距离看起来那样紧密或宽阔。例如,如果您从远处甚至无法看到两个字母之间的空格,这可能表明需要将其拓宽。

An image showing the benefits of zooming out when kerning.

在进行字距调整时,缩小可以帮助您从远处评估字母之间的间距。

模糊您的文字

您是否曾经盯着一个单词看太久,以至于它开始看起来有点奇怪?如果出现这种情况,很可能是在进行字距调整时。因此,保持视觉判断的最佳技巧之一是模糊单词。这将帮助您专注于构成单词的形状和颜色——而不是单词本身。

提示:在我们的 Mac 应用程序中进行字距调整?添加模糊滤镜的一种方法是在您的文字上放置一个 矩形,删除 填充,然后 添加背景模糊。然后,您可以调整模糊程度,直到单词只是足够模糊,以至于您可以看到它们。

添加模糊滤镜的一种方法是在您的单词上放置一个矩形,删除填充,然后给它一个背景模糊。

假设您使用的是白色背景上的黑色字体,并且您已经将其全部模糊。如果单词的一部分看起来更暗,则可能是因为那里的字母之间的间隙更小。如果单词的任何部分看起来更亮,则那里的字母之间可能有更多空间。

旋转或翻转您的文字

扰乱读者视角并吸引您的 *视觉* 视角的另一种方法是简单地旋转或翻转您要进行字距调整的单词。通过颠倒或反向查看它,您将更慢地将其读作字母,并更快地将其视为形状。

An image showing the benefits of rotating or flipping words when kerning.

通过颠倒查看字母,我们更慢地将其读作字母,并更快地将其视为形状。

将较长的单词拆分

查看一个单词中的每个空格可能很费时。如果您要处理的单词真的很长,您可能需要进行数天的字距调整!为了使字距调整过程更高效和更易于处理,请考虑将较长的单词拆分为几部分。这不仅可以帮助您减少压力,还可以帮助您缩小并提高专注度——让您能够自信地进行字距调整。

An image showing the benefits of splitting longer words up into sections when kerning.

将像迪士尼的“supercalifragilisticexpialidocious”一样长的单词拆分,可以使字距调整过程更易于处理和更高效。

就是这样。现在您知道字距调整是什么 *以及* 如何进行字距调整。但正如我们所提到的,每个字符和字母都是独一无二的——每种字体也是如此!因此,请务必通过对不同的单词进行字距调整来继续练习。更改字体,并使用不同的字体和背景颜色进行尝试。

如果您在此过程中发现了更多技巧,请随时在 TwitterInstagram 上与我们分享!我们喜欢学习型社区 ✨

您可能还会喜欢

免费试用 Sketch

无论您是 Sketch 新手还是想了解最新功能,我们都会在几分钟内让您做好准备,开始完成最佳工作。

免费开始
免费开始