怎样利用成熟的字体排版规则创造令人惊艳的网页?

  • A+
所属分类:设计百科

但是,在网页设计中,截然不同的需求让这两种排印技术显得并不那么有用。连字符会打破用户原有的阅读节奏,所以连字符的意义并不大。而使用两头对齐的技术,会让许多段落内的字间距和行间距变得非常奇怪。所以,忘记这两个东西吧。

怎样利用成熟的字体排版规则创造令人惊艳的网页?

不要强行改变字体

怎样利用成熟的字体排版规则创造令人惊艳的网页?

从技术上来说,你可以让一个胖一点瘦一点,高一点或者矮一点,甚至在高一点的同时还加粗等等等等。这在网页中运用并不可取,因为字体设计师原本已经在力图让一款字体看起来足够一致也足够漂亮,强行改变通常只能让整字体劣化,在页面中显示也往往无法确保好看。

如果你发觉某款字体不适合你的设计,最好是搜索另外的字体。你可以使用 identifont 这样的服务来寻找类似的字体。

对比

怎样利用成熟的字体排版规则创造令人惊艳的网页?

对比度是字体排版设计的时候,最值得注意的几个因素之一。就像你需要使用不同的尺寸的字体对比来营造层次感一样,不同的字体重量是对比,色彩能构成对比,样式不同也一样是对比。

高效的对比手法有不少,但是色彩是来的最高效的。最理想的方案,是浅色的背景上使用深色的文本字体(或者相反)。有无数的配色方案可以帮你实现这一点。不过,值得注意的是,有的对比色过于晃眼,比如蓝色+亮红色,就让人很难受。所以,除了足够的对比,还要在明暗和饱和度上调整,才能带来好体验。

度量也很重要

怎样利用成熟的字体排版规则创造令人惊艳的网页?

网页中文本的载体和度量也很重要,一行有多少字母,一段有多少文字,这些都影响着整个阅读体验。用户始终是需要从左到右阅读文本,并且循环往复扫视来获取信息的,太短了用户需要频繁扫视,太长了会使得扫视范围过广,也容易让人分心。

如果你想拥有良好的阅读体验,将每行文字控制在大概60个字符左右,这个字符数量能够让你的内容拥有恰到好处的可读性。

在移动端上,每行文字应该控制在30~40个字符之间,这也符合目前的用户使用习惯和阅读体验。参考下面的对比图,可以看出,40~60个字符数通常能够取得最佳的阅读体验。

网页设计中,通常使用 em 和 px 来控制文本块的宽度,借此来控制每行的字符数量。

历史上的今天:

发表评论

您必须登录才能发表评论!