是否有关于字体间距的一般规则?

平面设计 字体 结盟 字体设计 空白
2022-01-06 14:08:49

最近我一直在研究设计自己的字体。


作为练习,我做了一些小的家庭工作,比如我用 3 个字母创建了这个设计,整个事情几乎是一个“自定义字体”。我把它展示给我的家人和朋友...

我的叔叔(从事创意行业的人说:

您完美地对齐了它(数学上),但就视觉而言(它看起来仍然非常好),不同字母之间需要不同的间距量。

[比如E和下一个字母之间的空格更小。]


所以我开始研究它,并查看了各种字体并注意到他是正确的:

在 Arial 字体中, ri之间的空间非常小,并且在a的两侧是两倍以上,但A 的空间更小。

我的问题是:

是否有制作这些空间的规则,也许这是我需要学习的某种数学东西,或者它只是设计师自行决定的视觉方面。(玩到你喜欢它的样子为止)

注意:线是使用字母每一侧的最远到达点和穿过的直线测量的

注意:线是使用字母每一侧的最远到达点和穿过的直线测量的

2个回答

它称为kerning,它是应用于特定字符对的附加间距1

目的是让字形之间的间距相等。基于每个字形的边界框的数学上相等的间距并不总是有效,因为字形具有非常不同的形状;有些在边界框内有很多空白空间,有些几乎没有。通常需要字距调整的字形是带有倾斜形式的字符(例如“W”、“V”、“A”)和带有“arms”或大横杆的字符(例如“T”、“F”)。

以字符串“AVAIL”为例。在没有应用字距调整的情况下,“A”和“V”之间的空白非常明显:

在此处输入图像描述

所以我们应用一些负字距调整来引入它:

在此处输入图像描述

另一件需要注意的是碰撞。举个例子……不做任何特殊处理,“f”的罩子和“i”的圆点发生碰撞,所以我们需要把它们拉开:

在此处输入图像描述

与“f”的碰撞通常也用特定的连字固定(但我离题了......)

在此处输入图像描述

还要注意衬线之间的碰撞。这里的“y”和“p”看起来很草率,例如:

在此处输入图像描述

另请参阅:有哪些常见的字距调整对?


一些常用的技巧

克恩倒置

翻转文本可以让您专注于形状和空间,而不会被实际的字母、单词和含义分散注意力;您可以将它们视为形状...

在此处输入图像描述

眯眼或交叉眼睛以模糊您对字体的视觉,可以让您更好地了解整体对比度和空间使用情况(这不仅适用于字距调整,而且适用于任何布局或间距)。如果有帮助,您也可以在您正在使用的任何软件中为您的类型设置实际模糊...

在此处输入图像描述

Glyphs——我最近一直用于字体设计——将这两个功能都内置到了编辑器中:

在此处输入图像描述

气球?

我见过几次提到的更抽象的技术是气球技术......你基本上只需要想象每个角色之间的气球。气球需要适合字符之间,气球和字符之间的空间尽可能小,并且不会溢出到 x 高度之上或之下;同时保持相同的区域。

在此处输入图像描述

实践...

与所有事情一样,学习和改进的最佳方法是练习、练习和更多练习。

字距调整游戏是一个很好的小工具,可以练习您的字距调整并将其与专家字距调整进行比较...

在此处输入图像描述


1有时更多。请参阅什么是多项式字距调整表?

考虑到 x 高度范围时,字形之间的空闲空间应该具有相等的面积。此外,如果不能完全满足面积标准,您应该定义不应忽略的最小距离。这是为了防止角色看起来像彼此接触。

这确实是一种自由形式的简化,但可以作为起点使用。获取一本排版书或检查字体编辑软件教程中应该提供的基础知识。