在UI和Web设计中选择最佳字体的方法
在UI设计过程中,选择字体似乎是快速而次要的步骤。但是有这么多的选择,实际上很难缩小理想字体的范围或决定正确的字体配对。
在UI设计过程中,选择字体似乎是快速而次要的步骤。但是有这么多的选择,实际上很难缩小理想字体的范围或决定正确的字体配对。

您也可能会惊讶于了解到一些关于字体选择可能未考虑的内容。我创建了这个字体漏斗,以帮助您缩小选择范围,选择最适合您的产品,受众和品牌的正确字体,并使选择美观和实用字体的过程变得容易。

阶段1:从何处获取字体
根据价格和选项,有很多不同的位置可以获取字体,这些位置称为字体库。

其中两个最受欢迎的资源是Google字体和Adobe字体。Google和Adobe是事实上的选择,因为这里的字体是开源的,它们针对快速加载时间进行了优化。
阶段2:产品品牌和受众
这部分从研究开始。如果您尚未在UX流程中进行此操作,那么了解将与您的网站的用户或客户的品味和美感非常重要。
查看竞争对手使用的字体也是一个好主意。您是否想让自己成为某个行业的重要组成部分,还是想脱颖而出?

了解您的用户将引起共鸣的是什么,以及您想要在产品中突出显示的独特差异是通过字体选择调整产品,受众和品牌的第一步。
阶段3:字体可扩展性
字体既实用又艺术。
为了获得最大的实用性,可读性是最重要的。无论大小如何,字体都应可读。
请特别注意较小的尺寸。考虑一下上下文,它在手机和台式机屏幕上的外观如何,请在暗黑模式和明亮模式下进行检查。

阶段4:加载时间
您已经找到了最漂亮的字体,并完美地反映了您对该品牌的愿景。
我们在创建静态模型时很少考虑作为设计师的事情是加载时间,但是我们选择的字体的性能成本可能会对用户体验和业务目标产生巨大影响。
那么为什么加载时间如此重要?
Doherty Threshold是UX的一项定律,说我们应该“在400毫秒内提供系统反馈,以吸引用户的注意力并提高生产率”。

Web开发人员必须采用我们在设计中使用的字体,并通过导入字体文件来实现要在浏览器中呈现的字体文件,具体取决于该文件的大小,这会增加页面的加载时间。
因此,在选择字体之前,查找字体的加载时间是一个非常重要的考虑因素。
减少网站上字体加载时间的另一种方法是仅下载所需的字体粗细。所包含的每种字体粗细都会增加额外的大小,因此要遵循大约3-4个对您的设计很重要的主要层次结构。
阶段5:字体属性
字体格式-另一个考虑因素是并非所有浏览器都支持所有字体格式。确保它是网络安全字体。如果字体是TTF,OTF,SVG和WOFF,则它是Web安全的,以确保您的字体将在所有最常见的浏览器中呈现。
字体样式-根据用户研究,您希望将字体的个性与之前研究的品牌个性相匹配。
通常,通过更仔细地查看字母形式,您可以了解字体的个性。

字体家族-选择来自大家族的字体(可以使用更多的大小和样式选项,而要处理的字体家族则更少)。
字体组合-不能太近,也不能太远-如果您必须组合多个字体家族,那么了解什么可以很好地组合以及什么不能很好地组合是很重要的。
尽管这是很主观的,但有些组合比其他组合更不合逻辑。
阶段6:字体角色
为字体或印刷处理分配不同的角色,例如所有大写字母,h1s,h2s,正文,字幕等。

阶段7:字体后备
您是否曾经注意到,除了您为设计选择的字体之外,在代码中还定义了一串字体吗?那是因为浏览器尽管很聪明,但仍需要备份计划。

这意味着,如果由于某种原因您的字体无法正确呈现,那么浏览器将默认使用用户的系统字体。因此,仅需进行最后一个测试,确保您的类型看起来好于默认值,并让您的开发人员知道您的后备选择。
通过使用此漏斗过程,您将能够更有意地过滤掉诸如魔术字体这样的字体选择,从而为您的UI或Web设计提供最佳选择。











































































