Scalenut 成为 2022 年 G2 秋季领导者 - 内容创作类别

你永远不会有第二次机会给人留下第一印象。

我们听到人们在我们生活的几乎每个方面都重申和应用了这一点。 它也包括我们的网站。

不管你是 SaaS 还是电子商务品牌，但是当访问者第一次访问你的网站时，他首先注意到的是布局和字体。 因此，在设计您的网站时，击中靶心对您来说至关重要。

设计是一项紧张而繁琐的任务，因为它包含一系列相互协同工作的方面。

有些人可能更喜欢谷歌字体，而其他人可能会选择排版或草书。 但它是否有效取决于设计过程中涉及的其他因素。 你有导航、字体、布局、颜色模式、易读性等等。

至于字体，它们在网页上无处不在。 您会在标题、正文和其他任何地方找到它们。 因此，选择正确的字体可以影响您的整体网站外观。

今天，我们将讨论如何为网站选择字体。

为网站选择最佳字体的重要性

您的字体就是您的品牌大使

您只有 0.5 秒的时间来确保访问者对您的网站和字体选择有正面评价。 其中大部分，94% 取决于设计元素。

必须了解每种字体都有一组独特的特征。 因此，如果您想让访问者相信您的专业知识，就必须通过网站的设计语言和字体选择来做到这一点。

它有助于增强整体用户体验

我们为什么要花时间和资源来建立网站？ 因为我们希望我们的访客在使用它时感到舒适。

打造无可挑剔的用户体验需要您对细节有敏锐的眼光。 这也意味着站在访问者的角度考虑并衡量特定的设计选择是否适合他们。

为网页设计选择好的字体是其中不可或缺的一部分。 它可以帮助您产生更多的访问者、更高的转化率和更高的整体满意度。

网页字体分类

‍

我们已经提到每种字体样式都有自己的故事和特征，这意味着您可以将它们分为几组。 此外，还有大量付费和免费字体供您选择并添加到您的网页中。

我们可以将网站字体分为以下几类——

衬线体

示例 – Times New Roman、Garamond、MS Serif、Merriweather、Abril Fatface、Playfair Display、Georgia

Serif 字体是人类已知的最古老的字体类型之一。 文艺复兴风格的字体在过去以其高可读性而闻名。

现代的 Serif 字体继承了同样的传统，尽管也是数字化的。 您可以通过注意横向或对角线末端来识别它们。 它为设计语言增添了优雅，使其成为书籍和正式网站的绝佳选择。

大多数设计师将这些字体用于其他内容元素或出现在其网页上的内容元素。 因此，您更有可能发现它们作为标题、副标题、徽标和类似文本。

无衬线字体

示例 – Arial、Alegreya、Open Sans、Montserrat、Comic Sans、Verdana、Oswald、Roboto、Lato、Helvetica

Sans-serif 字体是 Serif 的现代迭代。 顾名思义，这些没有衬线，提升了极简主义的感觉。 在最初的日子里，计算机显示器还不够先进，无法以原始形式显示衬线。 因此，设计师们发现了更便于数字阅读的字体。

Sans-serif 也不会让读者感到厌倦，并通过迎合更广泛的受众为设计师提供灵活性。 这些字体的最常见用户迎合了年轻一代的需求，并希望在他们的方法中被认为是现代和专业的。

默认的 Windows 操作系统字体 Segoe UI 是一种 Sans-serif 字体样式。 Base 9 & 12 是您可能遇到的最流行的 Adob​​e 字体类型之一，它属于 Sans-serif 类别。 苹果平台上最受欢迎的字体之一SF Pro也属于这一类。

平板衬线

示例 - Sentinel、Clarendon、Adelle、Arvo

一种 Serif 字体，也称为 Slab Serif 作为埃及字体。 这些是块状且外观坚固的字体样式，对比度低于传统的 Serif。

根据您选择的字体样式，这些样式可以从老式复古到更现代的外观。 通常，您会发现 Slab Serif 作为显示文本的一部分，但这些也可用于设置正文文本。

脚本

示例 – Arizonia、Tangerine、Great Vibes

顾名思义，脚本字体是最接近人类手写的东西。 它们很华丽，您经常会发现它们装饰着网站的标题、徽标和类似的短语。

此外，这些可以被认为是非正式的。 Script 字体最令人兴奋的事实是它们具有很高的情感色彩。 这些可以引起反应（在大多数情况下是特定的）并引起访问者的大量关注。

鉴于它们的复杂性，它们的使用受到限制。 然而，大多数设计良好的网站都使用它们来增强整体感觉。

装饰性的

示例 – Helios、Casandra、Cherie Bomb、Countryside

也称为显示字体，装饰字体是指不一定具有共同特征的各种字体。 识别它们的唯一共同方法是注意它们精致的形状和高雅的装饰。

这些在 19 世纪开始流行，此后一直用于网页设计和广告目的。

与可以在不同情况下自我融合的其他字体类型不同，装饰字体有其局限性，即它们中的每一种都散发出特定的情绪（快乐、恐惧或任何其他）。 这些是具有高度表现力且易于识别的原始字体。

这些是您只能在标题中使用的粗体字体，我们建议不要将它们用于您网站的正文。 以简约的方式吸收它们进行网页设计将使网站脱颖而出并给访问者留下持久的印象。

字体和字体之间的区别

常见的概念是字体和字体具有相同的含义，但它们不是同义词。 前者指的是具有共同特征和特性的字体家族，而后者指的是单独的字体。

例如， Arial 是字体，16pt Arial Bold 是字体。

为网站选择默认字体时要记住的事情

我们都知道世界上有大量无可挑剔的付费和免费字体。 但是在设计网站的时候，有很多东西在起作用，你不能挑一个你喜欢的。 为网站选择最好的字体是一件整体的事情，需要对其他元素进行彻底的研究和理解。

以下是为网站选择最佳字体时需要考虑的事项 –

掌握正确的基础知识

在为网站寻找好的字体之前，您必须对涉及的其他内容进行排序。 这些包括;

• 了解您的目标受众
• 该网站的目的
• 您的品牌存在的原因
• 它所承载的个性

像亚马逊这样的品牌不会使用恐怖字体（特定场合除外，例如万圣节）。 您使用的字体类型主要取决于您的目标受众和您想要产生的情绪。

例如 -无衬线字体表示极简主义和简单性。 它们还会带来您对传统价值观和灵活性的倾向。 衬线字体具有代表正式表现形式的装饰笔画。

确保您的选择与您的设计目的同步

一切背后都有一个目的，您的网站设计也有一个目的。 您的选择最终将取决于您的目标受众和您希望通过您的网站唤起的整体情绪。 此外，一些设计元素在网页的整体呈现中起着至关重要的作用。

因此，以下是您必须牢记的要素 –

字距调整、行距和跟踪

这三个术语指的是网站中的间距元素。 字距表示两个相邻字母之间的间距。 前导定义文本行之间的空间，字母组之间的间距称为跟踪。 您选择的间距使您能够确定字体的外观。

对比

对比，关于网站，是指文本的呈现方式。 网站设计师使用许多微妙的技巧来使某些元素脱颖而出。 这些包括颜色、形式、大小、结构和重量，以增加关键区域。

结盟

对齐是指您将文本放置在网站上的方式。 它可以是左、右或居中。 完全合理的文本提供了一种更正式的方法，而衣衫褴褛的方法适合打算更加非正式和友好的网站。

通常，左对齐的文本是最易读的。 要记住的另一个方面是文本块两侧之间的距离。 您可以通过将平均字符数设置为最多 80 个字符（包括空格）来设置最佳行长度。

如果您正在寻找更正式的外观，您可以选择完全合理的文本。 它使两侧的字体均匀排列，消除了方向感。

明智地使用字体

鉴于提供的字体和字体种类繁多，您在做出设计选择时很可能会迷失方向。 因此，您必须退后一步，了解您想要创建的最终产品。

下一步是相应地设置字体样式。 这些设计选择反映了您要迎合的受众，并有助于对您的品牌方法有基本的了解。

因此，当您最终确定设计元素时，问自己这样的问题 -

• 你的品牌的本质是什么？
• 是更注重实用性，还是想脱颖而出？
• 您的网站将包含什么样的图形？ 如果图形很重，您可以调低前面部分的色调，让其余部分来说话。 如果是相反的方式，请确保您的字体选择能够唤起您想要的情绪。
• 是基于项目的吗？ 如果有，是什么任务？涉及的条件是什么？

不要忘记考虑加载时间

慢站点等于低流量。 没有多少人拥有等待您的网站加载一个又一个元素的带宽。 错误的设计元素或过分的设计选择会使您的网站运行缓慢并降低您的参与度。

如果您正为加载时间过长而苦恼，您应该查看您采用的字体和样式的数量。 确保只选择那些必要的。

选择网络安全字体

网站字体的选择通常代表您如何描绘您的品牌。 例如，亚马逊、微软和迪士尼等全球品牌使用不同的字体，这些字体已成为它们的代名词。

即使您不能为自己做同样的事情，您也必须确保您的选择被认为是网络安全的。 该术语表示一组可以适应不同环境的动态字体。 简而言之，这些字体可以显示在读者的屏幕上，即使他们没有在他们的设备上安装它们。

如果您不使用其中之一，浏览器将恢复为作为备份保留的通用字体，并在其中显示您的 Web 内容。 它可能会导致功能和设计问题，导致信息不完整并困扰您的品牌。

几年前，要找到足够的网络安全字体是一项挑战，但今天有大量付费和免费字体供您选择和吸收。

例如，Times New Roman 和 Arial 是分别属于 Serif 和 Sans-serif 类别的网络安全字体。 如果您正在寻找装饰性的东西，Script MT 和 Luminari 是分别属于 Cursive 和 Fantasy 类别的自适应字体。

是时候混合使用字体以获得最佳效果了

为网站选择最好的网络字体是关于计算混合和匹配的。 由于每种字体都有其特点，我们建议您选择最多三种不同的字体（主要、次要和第三种），以最终散发出阶级和存在意义的方式。

再加上像字距和行距这样的因素，你有很大的空间来把它弄好。 同样重要的是要了解某些字体可以成对使用，而另一些则不能。 所以不乏选择，但你必须确保它与你的品牌愿景同步。

此外，鉴于当今互联网用户的动态使用模式，必须使用网络安全字体来动态调整屏幕大小。 它确保最终用户按预期查看网页，即使他们没有安装特定字体。

最终，字体的选择取决于许多因素，您必须取得适当的平衡才能获得最佳效果。