UI设计字体素材|设计中字母间距指南

大部分信息都是通过阅读获得的,所以在设计时注意文字是很有意义的。排版有很多方面,但帮助我提高设计质量的东西之一是字母间距。

字母间距是指在字母之间添加和删除空格。有些人把它和字距化混淆了,但这两者是不同的;字母间距影响整个文本行,而字距调整两个单独字母之间的空间在同一时间。字距最好留给类型设计者,除此之外,不像字母间距,目前在CSS中没有控制字距的方法。

我相信练习和大量的观察也会改变你在工作中对待字母间隔的方式。

字母间距的目的

字母间距的主要目的是提高文本的易读性和可读性。单词的表现取决于它们的大小、颜色和它们所在的背景。通过根据工作环境调整字母间距,可以帮助读者更快、更有效地吸收信息。有趣的是,他们甚至不会注意到这一点——这就是这份工作的全部意义。

请记住,排版人员在设计字体时要考虑字母间距和字距。这意味着你不必把它应用到你所有的文本中,但为了在必要的时候有一个理解,你应该知道一些基本的原则,并使用好的字体。

字母间距如何影响易读性和可读性

文本的易读性取决于行高、段落长度、字体大小、字体选择、字母间距等等。关于字母间距,如果你刚刚进入排版,你能做的最好的事情就是不要过度使用它。我的意思是不要让字母之间的距离太大或太小;即使你认为它看起来不错,人们读起来也会很费劲,这将破坏他们的体验。

字母间距大写字母

大写字母的设计意图是出现在句子或专有名词的开头,与小写字母结合。当大写字母相邻时,它们之间的空间就会太紧。因此,为了达到更好的可读性,需要增加空间。这适用于大字体和小字体。

字母间距正文

如果你曾经读过任何关于字母间距的东西,你可能已经从印刷工人Frederic Goudy那里看到过这个流行的智慧:“任何想要字母间距小写的人就会偷羊”。(有一种观点认为,他指的只是黑字字体。)一些设计师将其视为硬性规定,现在不再调整小写文本的间距。

根据我的实践和看到的设计师的作品,我不同意Goudy的观点,因为有时小的改变可以使你的文本表现出很大的不同。让我们以压缩字体为例。字体小的时候,字母靠得太近,导致可读性差。通过将字母间距增加1.5%,您将看到文本现在更容易阅读。

最后的提示

其中一件事,优秀字体素材帮助提高技能,排版是看着其他设计师,特别是类型铸造厂。通过解读他们的作品,你可能会注意到他们对待字体的细微差别,这将在未来的项目中对你有所帮助。

UI设计字体素材推荐

UI设计字体素材|设计中字母间距指南

Acacio Serif

UI设计字体素材|设计中字母间距指南

Denson Sans Font Family

UI设计字体素材|设计中字母间距指南

Adenn Sans Serif Typeface

UI设计字体素材|设计中字母间距指南

Beloved

UI设计字体素材|设计中字母间距指南

Secret Garden

UI设计字体素材|设计中字母间距指南

Articulat CF V2.0

UI设计字体素材|设计中字母间距指南

Pabicok字体