英文站字母的网站设计间距指南

作者:优德体育中文app   |   时间:2020-07-22 01:23   |   浏览:179   


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

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

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

让我们来看看Roboto和SanFrancisco字体(第一个用于材料设计,第二个用于苹果的生态系统)。20到48像素的标题可以是正的字母间距值,也可以是空的。如果字体较大,则字母间距为负。这些确切的数字并不适用于其他字体,但在尝试了不同的方法后,我可以声明这是一个常见的模式。

如果您读过任何有关字母间距的文章,您可能已经从印刷术家FredericGoudy那里看到了这种流行的智慧:“任何用小写字母隔开字母的人都会偷羊”。(有一种说法是他仅指的是Blackletter字体。)一些设计师将其作为硬性规定,现在从不调整小写字母的字母间距。

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

如果我们看一下前面的例子,在“Roboto”和“SanFrancisco”字体的指导原则中,字母间距被应用于正文;尽管旧金山有专门的“SFPro显示”标题和“SFPro文本”正文文本,字母间距仍然用来完善它们。

与标题和正文不同,较小的字体在字母间距上没有太多变化。通常情况下,当字体小于13px时,会增加字母之间的空间以使其更清晰。但也有例外(“SFProText”指南建议,只有当字体大小在11px或以下时,才使用正间距)。一定要对设置进行试验。



Go To Top 回顶部