UI/UX设计基础——英文排版介绍

我们几乎连续地与字体和字体进行交互。了解有关排版的术语是交流 UX 设计的重要部分。

彻底了解排版概念如何与 UX 设计相关是很有用的。选择正确的字体并正确实施它们会对可读性和情绪影响产生巨大作用。错误的排版选择会对用户体验产生不利影响。



字体

人们经常将字体和字型误认为是同卵双胞胎,但它们却大不相同。一个字体就像一个家长,字型是一个孩子。历史上,打印机使用一组金属字母来组成字体——具有特定大小、粗细和样式的字符。准确地说,是将相似设计的字型组合成字体。

了解可用字体的种类、他们可以创造的情绪以及他们各自适合的情绪是有效使用字体来创造卓越用户体验的关键。根据您询问的对象,有五到八种(或更多)不同种类的字体。这完全取决于你如何分解它们。

当我们谈论 Helvetica 或 Times New Roman 时,我们谈论的是字体。Helvetica Bold 12 点是一种字型。



衬线字体

衬线字体在字母末尾包括轻微的装饰性笔划(称为衬线)。它们是最古老的字体类型之一,可以追溯到 1470 年代和 Nicolas Jenson 的 Roman Type。

衬线字体非常传统,最初是由早期印刷杂志普及的。由于其丰富的历史和长期的使用,它们可以给用户一种阶级、浪漫和精致的感觉。它们非常适合想要打造值得信赖、可靠甚至正式形象的产品或品牌。



无衬线字体

从字面上看,无衬线字体就是“无衬线”——它们不包括字母末端的装饰性笔划。虽然它们看起来非常现代,但第一种无衬线字体是 Caslon Egypt,由威廉·卡斯隆四世于 1816 年设计。它们在印刷广告中变得流行,并且通常被认为在屏幕上比衬线字体更具可读性,尽管这引起了广泛的争论。 

无衬线字体有时被认为比其他字体更没有个性,尽管这在很大程度上取决于使用它们的上下文和所讨论的特定字体。

最受欢迎的无衬线字体是 Arial、Helvetica 和 Tahoma,它们几乎与任何设备兼容——尽管有些人可能会说它们缺乏个性。



脚本字体

脚本字体最常见于徽标之类的东西(以可口可乐徽标为例)。脚本字体起源于手写和书法。 

脚本字体变化很大,可以唤起从非常女性化、悠闲的氛围到非常正式的感觉。它们适用于大标题、标题和logos,但不适用于大块文本或小尺寸文本,因为在这些文本中可能会难以阅读或无法阅读。



粗衬线字体

粗衬线字体在 19 世纪发布时以其坚固的外观震撼了整个排版界——它们大胆、厚实,可能有圆形或有角的衬线。它们经常用于早期的报纸广告,因为它们的块状形状比传统的衬线和无衬线字体更引人注目。 

粗衬线体的缺点是它们与其他字体配对可能具有挑战性,因为它们巨大的块状形状可能会压倒附近的字体。它们通常也最适合较短的文本,例如大标题或标题。



显示字体

显示字体是杂七杂八的,绝不是谦虚的。几乎任何场合或设计类型都有显示字体,因为它们从一系列字体和字型样式中汲取灵感。它们首次出现在工业革命期间,最初最常用于海报和商业印刷。

在现代 UX 设计中,您通常会在大标题和标题中看到显示字体。它们通常不适合用于正文,因为它们在小尺寸时难以阅读。



等宽字体

等宽体中的每个字母都占据相同的水平空间——想想打字机或 MS-DOS,或者像 Courier New 这样的字体。这与其他类型的字体形成对比,其中每个字母都有自己的比例间距,具体取决于字符的实际宽度。 

等宽字体比例字体更容易扫描,并且经常用于代码之类的东西,因为它们可以更容易地发现错误。但总的来说,它们的可读性低于比例字体

常见的等宽字体包括 Courier、Courier New、Apercu Mono 或 Space Mono。



手写字体

与脚本字体类似,手写字体模仿人的笔迹。它们通常是非常随意的字体,应仅用于创意天赋。手写字体非常适合代表一个人的签名(例如在电子邮件通讯上签名)或短标题。

这些字体在 20 世纪中叶越来越受欢迎,因为照相排版技术在 1950 年代初出现在市场上。在 1970 年代,它们主要用于广告设计。



字型

要了解字型和字体之间的区别,请尝试考虑您的衣橱。字体是一种服装类型,例如来自特定设计师的连衣裙、裤子或衬衫。另一方面,字型将是特定样式和尺寸的连衣裙。简而言之,字型是字体的一种粗细、宽度和样式。

早期的字型是用于打印页面的独立金属字体集。由于它们是用金属铸造的,每个尺寸和重量都需要一组单独的字符——称为排序。

Roboto 是一种字体,而它的变体,例如粗体、常规和斜体,则是字型。



字体粗细

字体粗细是指行程的给定字体的厚度。字体范围从细(也称为细线或轻)到黑色(重),中间有很多权重。在 CSS 中,字体粗细设置在 100(细)和 900(黑色)之间的任意位置。不过,最常见的字重是粗体和常规体。

在 CSS 中,使用从 100(细)到 900(黑色)的 font-weight 值设置字体粗细。



常规字体

常规字体是情感最中性的字体,通常是大多数字体的默认字体。它们介于细字体和粗字体之间,适用于需要大量阅读的大型文本段落。它们可以用于标题等内容,但在那里并不常见。

常规字体是正文或其他大文本块的绝佳选择。



粗体

在常规之后,粗体是最常见的字体粗细。它们以更深更粗的笔触从周围的文本中脱颖而出。由于这种脱颖而出的能力,它们非常适合在您想吸引用户注意力的地方或在头条新闻中添加使用。

使用粗体强调时要谨慎;如果你试图将注意力集中在所有事情上,你最终什么也没有引起注意。

谨慎使用粗体。请记住,如果您突出显示所有内容,则不会突出显示任何内容。



斜体字体

粗体并不是强调文本的唯一方式。斜体字体可以类似地使用,但它们往往更微妙。尽管如此,就像粗体一样,它们应该谨慎使用以强调——只有几个单词或句子。 

那么什么是斜体呢?斜体字体(有时也称为斜体)是倾斜的或类似脚本的。除了强调之外,它们通常用于电影、书籍或戏剧等事物的标题。

同样的规则适用于斜体和粗体——谨慎使用它们!


本文内容为转载

原文地址:https://uxcel.com?invite=7MIOF2H83TCL

你可能感兴趣的:(UI/UX设计基础——英文排版介绍)