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


10

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


作为练习,我做了一些小型家庭工作,就像我用3个字母创建了这个设计一样,整个过程几乎都是“自定义字体”。我正在向我的家人和朋友展示...

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

您可以完美地(数学上)对齐它,但是就外观(看起来仍然很好)而言,不同字母之间需要不同的间距。

[减少E和下一个字母之间的距离。]


所以我开始研究它,看了看各种字体,发现他是正确的:

在Arial字体存在之间的空间非常小- [R和超过两倍的任一侧一个,但具有更少的空间。

我的问题是:

是否有制造这些空间的规则,也许这是我需要学习的某种数学知识,或者仅仅是设计者自行决定的视觉方面。(喜欢玩,直到您喜欢它的外观)

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

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


6
叫做kerning。回顾一下以前的常见问题解答(例如我的问题:graphicdesign.stackexchange.com/q/68245/52050),您会发现很多有用的信息

Answers:


14

这称为字距调整,这是应用于特定字符1的附加间距。

其目的是为具有感知字形之间相等的间隔。由于每个字形的形状完全不同,因此基于每个字形的边界框在数学上相等的间距并不总是有效。一些在边界框内有很多空白,而几乎没有。通常需要字距调整的字形是具有倾斜形式的字符(例如“ W”,“ V”,“ A”)和具有“臂”或较大的横线(例如“ T”,“ F”)的字符。

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

在此处输入图片说明

因此,我们应用了一些负面的字距调整来引入它:

在此处输入图片说明

要注意的另一件事是碰撞。以下面的示例为例...未经任何特殊处理,“ f”的引擎盖和“ i”的点发生碰撞,因此我们需要将它们拉开:

在此处输入图片说明

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

在此处输入图片说明

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

在此处输入图片说明

另请参阅:什么是常见的字距调整对?


一些常用技术

内核倒置

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

在此处输入图片说明

斜视或双眼使类型的视觉模糊,使您可以很好地了解整体对比度和空间的使用(这不仅是字距调整,而且是任何布局或间距的一种好技巧)。如果有帮助,您也可以在所使用的任何软件上为类型设置实际的模糊效果...

在此处输入图片说明

字形 -我最近一直在用于字体设计的字形 -将这两个功能都内置到编辑器中:

在此处输入图片说明

气球?

我见过几次提到的一种更抽象的技术是气球技术……您基本上只需要想象每个角色之间的气球。气球需要放置在角色之间,并在气球和角色之间留出尽可能小的空间,并且不要溢出到x高度的上方或下方。同时保持相同的面积。

在此处输入图片说明

实践...

与一切一样,学习和改进的最佳方法是练习,练习以及更多练习。

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

在此处输入图片说明


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


0

当考虑到x高度范围时,字形之间的自由空间应具有相等的面积。另外,如果不能完全满足面积标准,则应定义不应忽略的最小距离。这是为了防止字符看起来相互接触。

这实际上是一种自由形式的简化,但是可以作为起点。获取印刷书籍或查看字体编辑软件教程中可用的基础知识。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.