返回  

如何为可读性选择合适的字体

2022/7/7 9:28:50 来源:深圳网站建设公司Clh

这已经是一个老生常谈的问题:网站设计的最合适的字体是什么?

根据你正在设计的项目和品牌类型,你可能会得到包含特定字体的答案(设计师经常会开玩笑说在所有设计上使用苹方或者微软雅黑就好,但作为一个特定项目或主题来说,这个答案往往有点过于草率了)。

或者我们应该试着转变一下思路,不妨这么问:网站设计中最易读的字体是什么?答案植根于核心设计原则,可以帮助你选择美观且可读性强的字体。

以下是你如何选择正确的字体以提高可读性的一些看法。


从 Web 排版的基础开始(Start with the Basics of Web Typography)

Start with the Basics of Web Typography

有一些我们都知道的字体,并且可能认为可读性“好”。其中包括一些具有均匀外观和感觉的简单无衬线字体。

但不仅如此。字体必须正确的同上下文和设计配对。

Adobe 的一组研究人员对 350 多名用户进行了一项研究,研究了各种字体和可读性,最终发现字体选择和可读性归结为阅读速度。

他们查看了这些字体(以及其他一些字体):

· 经典字体(Times、Helvetica、Garamond)

· 专为计算机使用而设计的字体(Calibri、Arial)

· 专为易读性设计的字体(Noto Sans、Montserrat)

结论:背景和受众很重要。这对我们意味着什么:你必须首先考虑用户的字体选择。


注意大小和比例(Look at Size and Scale)

现在你正在从用户的角度去看问题,是时候考虑与你的排版选择相关的事情(但不是字体本身):项目中字体的大小和比例。

大小、间距和整体排版比例对可读性有巨大影响。你的内容越容易阅读,这一考虑就越重要(这对于注意力持续时间很短的年轻用户也更重要)。

合适的排版比例在文本元素之间有很大的差异,可以将它们区别开并使阅读更容易。对于某些字体,这并不难实现。由于字母形状和笔划宽度,其他字体可能是一个挑战。


考虑加载和速度(Consider Loading and Speed)

Consider Loading and Speed

你是否知道影响可读性的一个因素是网站上的字体加载和正确渲染的速度?

这是你在真正遇到这个问题之前比较容易忽视的错误之一。访问一个网站,并且在加载另一种字体之前,字体会以一种闪烁或者空白或者默认计算机系统字体的形式进行预加载,这种不一致的时刻足以破坏用户的阅读和可读性体验。

用技术术语来说,这意味着你需要使用运行良好且在线加载速度快的字体。不要试图用不是来自通用集合的古怪字体在这里重新发明轮子。对于大多数网站设计,Google 字体通常是标准。如果你不需要,也不要过于陷入尝试加载自定义字体选择的困境。


不要太花哨(Don’t Get Too Fancy)

正常的宽高比、圆润不太紧凑的字母和规则的笔划宽度可能听起来很无聊,但它们的可读性很高,一定要坚持使用他们。

真的就是这么简单。


注意对比度和背景(Pay Attention to Contrast and the Background)

Pay Attention to Contrast and the Background

虽然背景颜色和对比度不是字体的一部分,但它们会极大地影响字体选择。为确保对比度和可阅读性,请注意 W3C 的指南,即在文本和背景之间使用至少 4:5:1 的对比度。

这不仅仅是可读性的最佳实践,它也是可访问性的绝佳指南。


认真的!打印出来(Print It Out (Seriously))

这是网站设计师不会每天听到的一条建议。把设计打印出来放在纸上看。读起来容易吗?你能稍微远一点点的距离阅读到它吗?

这些可以作为确定整体可读性的重要指南。如果在纸上很难被阅读,那么在屏幕上也可能很困难。

打印字体和你的设计还可以提供其他可读性线索。字体是否锋利?它会以其他比例尺寸或其他用途使用吗(这是响应能力的一个因素)?

一切看起来仍然像您预期的那样吗?令人惊讶的是,从这个新的角度来看,事情会有多么不同。


征求用户反馈(Ask for User Feedback)

Ask for User Feedback

这并不总是一种选择,但如果可以,请寻求用户的反馈。

Adobe 的这项研究发现,人们并不总是对字体拥有最佳的判断,但他们可以帮助你确定某些字体是否适合你的核心受众。

理想情况下,你可以在网站启动之前询问并获取反馈,但如果你质疑字体选择,迟到总比没有好。请记住,用户并不总是知道如何告诉你他们希望在可读性方面看到的内容。你可能使用了很棒的字体,但为了便于阅读,它需要改变大小或比例,对这些机会(和快速修复)保持开放态度。


什么字体在可读性方面最适合?(What Font Is Best For Readability?)

这一切都回到了最初的问题:什么是可读性最好的字体?

虽然我们不能给出特定的字体,但你可以从以下三个规则开始:

· 选择常用字体或同 Google 字体同一类型的字体。

· 选择一种简单的字体(衬线或无衬线),并且具有规则的笔画粗细和 x 高度。

· 选择适合受众的字体(年轻的受众更喜欢无衬线字体,而年长的受众可能更喜欢衬线字体以获得更传统的感觉)。


总结

在可读性方面没有正确或错误的字体。这一切都与应用和项目场景和类型有关。选择网站字体时,请考虑内容、上下文和目标受众,以找到适合的字体。

并且不要忘记测试它。询问用户对字体的想法,查看分析或使用热图工具来查看设计(和字体选择)是否以你想要的方式引导用户完成整体的网页设计









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务