注意：有时，您可能会遇到术语“Web 字体”。Web字体是专门为网站创建的字体，只能在屏幕上使用/查看（这意味着它们不能下载和用于基于桌面的软件，如Illustrator和Photoshop或打印应用程序，因此对于大多数平面设计师来说，它们没有意义）。与在桌面上下载和安装的常规字体不同，Web 字体在网页呈现期间由浏览器下载，然后直接应用于网页上的文本。在这篇文章中，我们将讨论限制在常规字体上。有关如何应用Web字体的更多详细信息，您可以查看Envato的这篇文章。

伟大！我们已经了解了各种字体类型。接下来，让我们看一下文本的 4 个特征，这些特征对于确保正确的用户体验至关重要——易读性、可读性、颜色和对比度——以及影响它们的因素。

易读性是一种字体特征，是指在文本段中识别或区分一个字符和下一个字符的难易程度，并表示阅读文本块的难易程度。任何字体的易读性都取决于多种因素，例如

X 高度（小写字母相对于大写字母的高度）：x 高度越高，易读性越好。

字符宽度：与压缩或扩展字符相比，平均宽度的字符更清晰。

重量：避免使用非常轻或非常重的重量。默认/常规选项通常效果最好，尤其是对于正文文本。

角色设计的性质（中性与异国情调/古怪）：中性设计往往具有更好的易读性。

笔画对比度（细笔画和粗笔画的宽度之比）：对于笔画非常细的字体来说，这可能是一个问题，这可能会影响易读性。

衬线与无衬线：虽然衬线提高了易读性，但由于无衬线的外观和感觉简单，近年来在正文文本中越来越受欢迎。

对于大多数实际用例，“坚持中间”或默认选项效果很好。

可读性涉及字体和单词的排列，以确保内容以清晰，简单和易于阅读的方式流动。可读性从更高层次看待设计，并取决于多种因素，例如

文字大小：文本大小越小，通常更难阅读。没有正确的字体大小，这也取决于所选的字体，但一个好的经验法则是将其保持在正文文本的 9 到 11 之间。

类型大小写：所有大写字母的文本都难以阅读，因为不同字符的高度和形状之间的区别有限。明白了吗？坚持正文的句子大小写。

行距：一个好的经验法则是将行距值置于字体大小的 1.25–1.5 倍之间。

跟踪：使用较重权重的文本通常需要更高的跟踪值。

字距调整：大多数字体都需要重新调整字距以提高可读性，因为总会有一些字符集在彼此相邻放置时看起来太近或太远。

列宽：文本列太窄或太宽会分散读者的注意力。尽量将每行的字符数保持在 45 到 70 之间。

颜色和对比度：文本的颜色及其与背景颜色的对比效果是良好排版的关键。文本与其背景之间的良好对比至关重要。您还需要确保颜色不会“振动”——如果我们选择涉及高饱和度互补色的颜色组合，就会发生这种情况。有关颜色和颜色组合的更详细研究，请查看下面我关于颜色基础知识的文章。

设计中的色彩基础

在选择颜色和对比度时（尤其是当它们与文本一起使用时），请务必牢记辅助功能原则，以便您可以覆盖更广泛的受众。要了解有关可访问性的更多信息，您可以查看我最近关于作家辅助功能提示的文章。

这 9 个简单的技巧将使您的写作更容易理解

我们所有人都是“暂时有能力的”。让我们关注观众的多样化需求，努力为所有人创造。

在介绍了排版的基本原则之后，让我们了解如何应用这些原则为您的设计项目选择字体和字体组合。

为您的设计选择正确的字体

字体就像人类一样——每种字体都有不同的用途、个性和特征。选择字体可能是一个令人生畏的过程，您可能需要在找到正确的字体之前进行大量实验。在决定为下一个设计选择哪种字体时，请记住以下指针：

如果您作为客户与某个品牌合作，则应查看他们的品牌指南。通常，指南会明确提及各种设计细节，例如字体、品牌颜色等，这些细节符合其品牌标识，并确保沟通的一致性。

选择字体时，请记住交流媒介，受众和内容。确保字体的个性与内容的性质产生共鸣。例如，古怪的字体在健康保险小册子上没有多大意义。

衬线字体因其高易读性而非常适合长篇副本，例如书籍、杂志和博客文章。平板衬线应仅用于显示文本，例如标题，因为它们的可读性有限。

无衬线字体用途广泛，可用于正文副本和显示文本。

应谨慎使用脚本字体，并应仅限于短格式副本。通常不建议超过 2 行。当需要个人风格和非正式外观时，例如在生日贺卡、婚礼请柬等中，这些是绝佳的选择。

显示字体应限制为在显示文本中使用。

字体配对

就像颜色一样，字体可以很好地协同工作。并非每种字体都能很好地与其他字体配合使用。由于大多数设计作品最多使用 2 种字体来保持简单和一致，因此花费足够的时间并确保我们选择正确的组合非常重要。

组合已知可以很好地协同工作的两种字体的插图。在这种情况下，Oswald 和 Lato 分别用于标题和正文。

找到正确的字体组合并非易事。这里有一些提示可以帮助您完成旅程。

使用单一字体：这似乎很矛盾，但请坚持下去。字体对在外观上不应相互矛盾或冲突。如果您不确定字体组合，使用单个字体系列的不同变体通常是最安全的途径。这可确保字体彼此很好地融合，并呈现具有足够对比度的简约外观。要获得充足的多样性，您可以选择超级家族，例如 Roboto 或 Source 它们有很多重量和样式可供选择。

异性相吸。我们可以通过组合具有不同性质的字体来获得有趣的结果，例如衬线与无衬线，显示与衬线，短与高，所有大写与小写，常规与斜体等。

在选择字体时，少即是多。这可能会被认为是陈词滥调的建议，但它是相关的，因为它非常强大。大多数设计将受益于最多 2 种字体，一种用于标题/标题，一种用于正文。当然，这对搭档应该合作得很好。请记住，当遇到混乱时，请使用单一字体！

调整字体的大小、颜色和粗细，使设计具有视觉吸引力，确保对比度并建立层次结构。

避免使用两种外观非常相似的字体。对比度是可区分性的关键，即使在字体组合中也是如此。

使用字体二重奏：字体二重奏由两种字体组成，旨在相互协调和完美配对。这为您省去了浏览数千种字体、寻找合适匹配的麻烦。查看这篇关于字体二重奏的文章以了解更多信息。

您可以使用许多在线资源来探索最佳字体对，并从其他设计师在工作中使用的字体中获取灵感。

一些快速提示

对于长文案或正文文本的使用，例如在博客文章中，请坚持使用衬线和无衬线字体。对于较短的文本元素（如标题或艺术插图），您需要吸引注意力或设置层次结构，显示字体类型可能更有效。

有些字体以过度使用和过时而闻名（例如Comic Sans和Brush Script），您应该小心在设计中应用它们。通常，最好查看具有相似外观的其他字体。

某些字体可能具有固有的不良字距调整，这意味着与其他字符对相比，某些字符对之间的间距可能显得异常大或小。在这种情况下，建议选择不同的字体（除非您想经常使用字距调整）。

避免“破布”或文本块的不均匀垂直边距。要解决此问题，请在必要时使用连字符或放置适当的换行符。避免使用“孤儿和寡妇”，它们指的是文本列开头或结尾的单词或短行，这些单词或短行似乎与主块分开或“孤立”。有关更多信息，请点击UI设计公司查看。

上海UI设计公司,高端UI设计公司,用户体验设计咨询公司,交互设计公司