网站建设时如何选择合适的字体

网站建设时如何选择合适的字体

字体的选​​择是您在设计时做出的最重要的决定之一,例如传单或书籍封面。

除了使用的封面照片或插图之外,读者从书中获得的第一印象是选择使用的字体。

因此,所使用的字体对于准备读者的内容和阅读体验非常重要。

如何选择排版同样重要,因为它有助于传达信息和内容。

由于有多种选择字体的方法,在本指南中我们将介绍常用的字体选择方法,字体的全面概述:不同的类别,如何使用它们,甚至在哪里可以找到免费的字体下载。

在我们开始之前,我们需要在字体和字体上建立一些理由:

 

字体功能

建议从一开始就考虑字体的功能。重要的是要始终考虑功能以及字体的形式。

向目标受众发送的字体的预期信息不应受到您对给定字体的偏好的干扰。

因此,任何关于字体选择的设计决策都需要是有效设计思维的结果。

 

配对字体系列

配对字体的过程是通过定义项目的目标以及需要传达的信息。一般结果需要和谐与对比。

测试字体

在您看到正确尺寸并经过测试之前,您不会知道字体是否合适。因此,请始终测试您的类型以确定项目的相关类型。

你需要一个关于它的外观和感觉的背景。

测试字符间距,行程重量,字母高度,字符形状和轴的方向(垂直或角度)是否有序。

对于您正在考虑包含字母和数字的文本段落的任何字体,请尝试此测试:键入大写字母I,小写字母L和数字1。

如果两个或两个以上看起来相同,那么您的读者可能会发现某些单词或字母/数字组合很费劲。

 

字体还是字体?

您可能听说过在设计项目中使用的文本,称为字体或字体。这两个术语是否意思相同?

从技术上讲,它们是不同的,但在大多数情况下,它们可以互换使用。
以下是可能有用的指南:

字体是设计; font是该设计的交付方式。

字体+样式+大小=字体

你使用的是字体; 你看到的是字体。

我们通过名称识别的字母表的独特风格或设计 – 例如,Helvetica或Arial将被视为字体。

进一步详细说明,字体用于定义一系列字体。

当这些字母的大小或重量变化例如10点粗体时,这将被视为字体。所以10点。Helvetica灯和24磅。Times Helvetica Medium是两种不同的字体,但字体相同。

 

字体类型分类

在本指南中,我们将重点介绍四种基本字体类别,这些类别将有助于您了解何时选择合适的字体,为您的设计项目组合字体,或与其他人讨论您的类型选择。

有许多分类,每个分类都有自己的历史和技术定义。一些分类包括Old Style,Blackletter或Humanist。

 

衬线

衬线字体在一些字母的主垂直和水平笔划上有一个小的额外笔划“尾巴”或附加的线条。由于字体的独特性,它们通常被认为在长版和印刷作品中更容易阅读。

常见的衬线字体示例包括Times New Roman,Trajan,Georgia和Garamond。

 

无衬线字体

“Sans-serif”的字面意思是“没有衬线” – 这些字体在字母末尾没有额外的笔划。
Sans serif字体主要用于网络文本,博客文章和网页。它背后的原因感觉更现代,即使在较低的屏幕分辨率下看起来也很棒。

 

脚本

脚本是我们可能认为的草书或手写风格的字体。

它们更多地基于不同的流体冲程。脚本字体有许多不同的样式; 优雅,有趣和休闲,甚至手绘。

 

装饰/展示

当您听到分类为装饰,显示或新颖的字体时,这一切都意味着 – 字体意味着引起您的注意。这种字体分类在外观上通常更不寻常,只能用于特定的效果或目的。

 

为什么字体选择很重要

不同的场合需要不同的服装。

在面试时穿泳衣看起来很荒谬; 同样,你也不想在海滩度假期间穿西装打领带。

你考虑的是合适的元素。

根据您所穿的服装,人们可能会对您的风格,个性,社会经济背景,年龄或您想要的印象(正确或错误)做出假设。

字体选择通常也会为整个设计定下基调,并可能影响观众对您设计的感受和相互作用。

排版通常会给人以第一印象,即个人称重并判断设计的其余部分 – 因此您的字体选择需要功能正常。

你的字体元素是否会发生冲突,还是相互补充?他们是否有效地传达了您想要投射的品质?

这些考虑因素是选择字体如此重要的设计过程的一部分,应该仔细考虑。

如何选择字体

字体基础知识

每种字体都有自己的情绪或个性。它可能是严肃的,休闲的,俏皮的或优雅的。您可能需要确定特定字体的通信方式以及是否符合您的设计项目。

如果字体的通信与您的整体设计的消息不匹配,那么您的设计的读者或用户将会出现视觉断开连接。

因此,您为项目选择字体时的第一个问题应该是与设计的信息或目的相匹配。
在您开始浏览字体之前,请集体讨论您希望设计进行通信的一些品质或特征。

这样,当您选择字体时,您已经记住了需要与上下文匹配的字体。
如果你遇到困难。运行分析,字体是否支持我的品牌质量或补充我的设计目的?

考虑最有效的字体选择。

 

考虑背景和受众

浏览字体时,很容易被所有有趣和有趣的选择所吸引。

值得注意的一条规则是,不要让个人偏好妨碍。您可能认为独特或时尚的字体对您的项目或您工作的受众可能没有用或不适合。

您的设计在何处以及如何查看也应包含在您的字体选择中。

例如,名片设计需要一种易于读取的字体。或者,社交媒体图形(主要在移动设备上查看)需要在小屏幕上显示良好的字体。

谁也在查看您的设计很重要。

谁是您的受众或您的人口统计是什么?你的字体选择会与他们产生共鸣吗?

 

想想功能

不仅仅是字体的情绪或特征,还与上下文的关系; 适用性更多是功能性问题。

初学者犯下的最常见错误之一是没有意识到各种字体类别最适合的 – 例如,体字体与显示字体。

您选择的身体字体是否会在您打算使用它的地方工作?在您的设计环境中,它是否实用且易于阅读?

正文字体 – 用于正文:书本文本,杂志或报纸文本,网站内容,任何冗长的段落。这些字体易于阅读,易于阅读。重要的是它们不会分散注意力,因此用户可以轻松浏览或扫描文本。

这是Times New Roman和Arial等字体所属的类别。

另一方面,显示器或装饰字体永远不适合长时间阅读。这些是尖叫的字体,“看着我!”

它们具有不同程度的实用性,从可能用于标题的粗体全大写字体到非常直观或明显的字体。

这些类型的字体可以很有趣并且有其用途,但是良好的设计,特别是针对商业或专业环境的设计,通常比这更精细。

重要的是要记住,显示字体与体字体的不同之处在于它们不易读取并且应该谨慎使用并且有目的地使用。如果您对某种字体是否适合您的设计有疑问,那么选择更中性的字体总是一个安全的选择。

请注意,显示字体在以正确的方式使用时会产生很大的影响,但如果使用不当,它们可能会使设计看起来很忙碌和业余 – 或完全不可读。

 

字体可读性

以图形方式进行交流的方法之一是通过设计中的文字进行交流,因此可读性成为字体中的重要品质,以确保您的受众能够回复您的信息。

除了您自己的视觉评估之外,您如何判断字体是否可读?

有一些技巧可以确定字体可读性:

大小 – 您需要选择适合您的设计上下文的磅值。

名片需要与活动海报不同的字体。

设计可能在移动设备上查看的内容 – 社交媒体图形。

例如,尝试使用您考虑的字体键入一些文本,然后缩小大小。如果它仍然很容易以较小的尺寸读取,那么它可能在小屏幕上表现良好。

X-height – 类型基线与字体小写字母主体顶部之间的距离。
在x-height与字体大写字母成比例的情况下,即使尺寸较小,它也可以提高可读性。

但是,如果x高度和大写字母无法区分,那将是一个挑战。这使得字体大小写之间更加困难。

间距 – 改变字母形状周围的间距,使其适合您的设计,这是提高可读性的一个重要因素。

类型间距中的空间操纵可以是非常重要的工具。在大多数情况下,宽大的间距提高了可读性。

某些字体可能需要调整单个字符以帮助创建更好的可读性和更美观的布局

可以通过字母间距/跟踪(文本的行或字段中的整个字母组之间的间距)到kern(字母对之间的间距)和前导(行之间的垂直空间)进行调整。

 

字体多功能性

最有用的字体有各种权重(如浅色,常规,中等,粗体或重)和样式(如窄,浓缩,扩展或小型)。

拥有所有这些选项允许您为设计项目中的不同功能分配不同样式的相同字体,从而创建一个非常紧密的前景。

作为设计师,您需要一些适应各种环境的中性字体。这些类型的字体基本上是serif或sans-serif字体,可以在任何地方使用,因为它们不会引起很多注意。

这就是为什么选择多功能字体 – 特别是如果你计划只为你的设计项目使用一种字体 – 将使更容易设计一个有吸引力,易于导航的设计。

衬线类别中常用的一些通用字体包括Georgia,Crimson Text,Droid Serif或Merriweather。对于Sans-serif,Franklin Gothic,Clear Sans,Roboto,Lato,Source Sans Pro或Merriweather Sans是最受欢迎的。

 

配对字体

选择两个或多个字体一起使用可能会很棘手。

首先配对时可以使用多少种字体?

在各种设计论坛中,有些人会说大多数项目都会有一种字体,其他三种是你应该包含的最大数量,以避免过度繁忙或混乱的布局。

虽然这是设计新手的基础 – 但至少没有规则。

找到具有“恰到好处”的对比度的字体组合不是一件即时的事情,而是通常是个人品味,练习,本能和观察的组合。

你希望字体相互补充,但不要太相似 – 不同,但是它们的冲突非常不同,这里有一些入门提示:

查找字体系列:查找称为“超级系列”的字体系列,它们带有衬线和无衬线字体,专门设计用于互补,以及各种重量和样式可供选择。
每种字体都有独特的方法或可识别的美学。由于它们具有一定的外观或结构,因此可以轻松配对它们。

为每种字体分配任务:所选字体需要足够不同,以创建清晰的视觉层次结构 – 显示查看者的位置和重要性。分配一个sans-serif和一个serif字体通常足以有效地执行此操作。

共享质量:看起来截然不同但共享一些共同点的字体更有可能在一起工作。

字母高度或宽度等字体质量可能是一般比例,也可能是字体之间的共同结构。这种质量有助于为您的字体组合提供基本的凝聚力。

如果有兴趣了解有关如何组合字体的更多信息,请阅读更多关于组合字体和字体的10个黄金规则。

 

在哪里可以找到免费字体

有很多网站提供免费的字体下载。但下载字体时请检查许可证。

这里有几个免费的字体来源,可以帮助您入门:

1)谷歌字体这可能是免费和许可用于商业用途的字体的最佳资源。这些字体是免费的开源软件,并针对网络进行了优化,使得任何项目都可以使用漂亮的类型
它们也可以下载到您的计算机上用于打印项目,尽管有点难以找到这样做。

2)1001字体目前在9,000个家庭中有超过10,000种免费字体,与DaFont一样,质量各异。包括一个特殊部分,其中包含商业用途字体的免费许可,并提供了一个方便的选项,可以按类型/风格/情绪,十年和场合进行搜索。

3)Font Squirrel它是作为免费字体的目录创建的,用于网站或桌面。它包括一系列可通过分类或标记搜索的高质量字体。该目录还具有确定图像使用的字体的功能 – 字体标识符。

4)DaFont超过25,000种免费下载字体的存档。它是一个公共域,可以使用演示字体。它们的质量各不相同,因为任何人都可以提交他们创建的字体。
大多数字体仅供个人使用。

 

更多免费字体下载源代码

这些网站有专门的选项供您选择。但是,它们并不专门用于免费字体,并不广泛。

FontShop:一种优雅的字体代工厂,用于购买提供某些重量和样式的字体。目前,他们有一个免费的字体类别下载质量免费字体。不幸的是,您必须创建一个帐户才能下载。
Fontfabric:一种具有高品质字体的类型代工厂,它们属于自己独特的类别。目前为任何设计师项目提供小而多样的免费,专业设计字体,无论是网页,印花,T恤设计,标识等。

Lost Type Co-Op:一种具有时尚,独特和复古风格字体的协同数字型代工厂。该字体供个人使用,并根据商业用途进行定价。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/261494.html

(0)
上一篇 2022年5月24日 16:34
下一篇 2022年5月24日 16:38

相关推荐

发表回复

登录后才能评论