英文网站设计中字母间距的问题

来源： All文章

发布时间：2023-06-01 09:32:50

　　从排版上看，英文比中文在间距问题上，面临的困难更多。其一，中文不存在单个汉字拆开的问题，但是英文存在，需要使用连字符；其二，英文单词占用的空间更大。所以，英文网站字母间距对网站设计师来说，是一个挑战。

　　基于此，我们需要系统地论述这一问题。

　　字母间距调整的目的

　　在我们看来，调整字母间距有两个目的：

　　一是可读性。如果不调整，可能单词与单词之间间距较小，有的单词很难辨认，无法认识。

　　二是易读性。如果不调整，需要使用大量的连字符，阅读起来效率不高。

　　所以，英文网站，调整字母间距，是必要的工作。

　　调整字母间距的挑战

　　调整字母间距，并不是一项简单的工作，需要兼顾如下两组矛盾。

　　一是屏幕大小。响应式网站，可以使用不同大小的屏幕，但是，这并不意味着在不同屏幕上看起来，否很舒服。在手机上一行呈现6个单词，是较为合适的，但是如果在电脑上，一行呈现6个单词，看起来就较为空洞。

　　二是分辨率。低分辨率展示了网页设计元素的大尺寸，这反过来会使屏幕变大。另一方面，高分辨率压缩网页，以适应一个屏幕的网页降低可读性。由于字体大小具有固定的像素，保持较高的分辨率将使字体更大，而较低的分辨率将减少字体的大小。

　　如何调整字母间距？

　　办法一：使用大写字母

　　当大写字体彼此相邻时，可读性会降低，因为在短时间内区分字母变得困难。然而，当大写字母靠近小写字母时，它提高了可读性，空白看起来更合法。因此，为了使网页设计具有足够的可读性，网页设计师经常调整大写字母之间的空间。

　　办法二：正文间距调整

　　设计师需要处理的字体数量很多，因此，对每种字体应用相同的规则可能不是明智的做法。尽管如此，尝试字母间距是必要的，并做必要的工作来提高可读性和外观。

　　办法三：调整行高

　　如果使用两行之间100%的空间，你可能是对的。如果行高超过120%，它会减少字母之间的空间，并需要一点调整。

　　办法四：调整背景

　　为了创造外观和区分文本，背景的使用是标准做法。这就是为什么在深色背景下使用浅色字体可以提高可读性的原因。

　　只有当设计师使用粗大的字体并应用大字体时，小写字母和字符之间的字母间距才会很小。因此，有一些习惯和惯例需要遵循，而这些习惯和惯例，是在大量设计网页和网站之后形成的，是需要经验的积累。

* 文章来源于网络，如有侵权，请联系客服删除处理。