paint-brush
如何为您的网站和广告选择完美的字体by@lanamiro
591
591

如何为您的网站和广告选择完美的字体

Lana Miro10m2023/02/15
Read on Terminal Reader

排版是任何平面设计项目的重要组成部分。字体可以使网站看起来更好,并影响用户的情绪和情绪。对于平面设计师来说,了解字样和字体之间的区别至关重要。许多字体特征有助于读者解码文本符号的难易程度。
featured image - 如何为您的网站和广告选择完美的字体
Lana Miro HackerNoon profile picture

排版是任何平面设计项目的重要组成部分。字体可以使网站看起来更好,并影响用户的情绪和情绪。这就是为什么必须为网站选择正确的字体以确保图形设计成功的原因。


然而,为项目找到完美的字体可能是一个挑战。选择正确的字体可能需要很长时间。要做出正确的选择,需要记住以下几点。

什么是字体?

字体和字体是两个经常用来表示相同含义的术语。实际上,当大多数人说font时,他们实际上指的是typeface 。对于平面设计师来说,了解两者之间的区别至关重要。


字体是一组具有共同设计特征的特定字形,它可以被描述为具有相同底层设计的一系列字体。


一个熟悉的例子是Arial字体,它包括大小、重量和其他特征不同的各种字体,但都基于无衬线新怪诞设计。所以,Arial 是一种字体,14 磅 Arial Black 是一种字体,而 14 磅 Arial Regular 是另一种字体。

宋体


搜索时网站的字体组合, 请记住,使用属于同一系列的字体是很常见的。


为什么字体很重要?

在我沉迷于讨论使字体适用于不同上下文的各种字体特征之前,让我们概述一下所有排版设计的目的。

提供可读性

网站可读性衡量访问者阅读和理解书面材料的难易程度。


影响可读性的因素有以下三种:


  • 读者的个人属性(视力障碍和其他健康因素);
  • 文本内容(主题的参与度、正确的语法、句法复杂性);
  • 排版(字体及其框架的选择,即字体)。


可读性不可避免地联系在一起,但不应与易读性.


易读性是一种字体设计特征,可确保每个字符与另一个字符区分开来。许多字体特征有助于读者轻松解码文本符号,从而提高整体文本的可读性,我们将在本文后面更详细地讨论它们。


高度装饰的字体版本为品牌赋予了很多个性,但它们却大大牺牲了文本的可读性。


这就是为什么它们主要用于创建大型独立格式,例如徽标、横幅、T 恤印刷品和标题。请记住,排版是为了传达信息而创建的,因此,在大多数情况下,可读性先于设计。


表示文本层次结构

印刷层次结构允许设计层次划分,通过使用不同的字体和创建不同的文本布局来引导消费者获取特定类型的信息。


使用排版层次结构的最简单方法是为不同的文本部分使用不同的字体大小:较小的字体通常用于正文内容,而较大的字体用于标题和页眉。其他区分不同信息部分的方法包括项目符号、空格、字体颜色等。


由于创建视觉上不同的数据片段的选项太多,因此排版层次结构不一定是一刀切的解决方案。相反,使用它来创建最适合您的项目的原创设计,同时提高网站的可读性。


排版层次结构(来源:https://uxcel.com/blog/beginners-guide-to-typographic-hierarchy)


设计师最重要的职责之一是有效地安排网页上的内容,以便于使用。由于设计人员处理的许多数据都是基于文本的,因此了解不同因素如何有助于构建层次结构至关重要。

改善网站导航

如果您已经在一个页面上创建了一个有效的排版层次结构,即设置多个层次结构级别,选择字体类型、大小、颜色等,以区分所有类型的内容,请确保在网站的任何地方应用相同的方法.


当用户第一次来到你的平台时,他们必须弄清楚导航工具在哪里,最重要的内容是如何表示的,链接是什么颜色等等。如果您在网站的所有页面中保持这些方面的一致性,您将为您的读者创造更好的用户体验。

打造商业品牌

字体是网站品牌的重要元素,极大地影响用户查看您网站的方式。消费者对品牌的看法可能会受到其徽标使用精细印刷组件的积极影响,并且可以通过使用美观的字体组合使产品描述更具吸引力。

有效的排版可以保持读者的注意力,而不会分散他们对内容本质的注意力。它不仅可以使您的网站更具特色,还可以让访问者开始将您的品牌与您网站上使用的字体联系起来。在这个用户每天访问数十种 Internet 资源的时代,您不能过分强调强大的品牌形象的价值和字体在创建品牌形象中的作用。

传达心情和情绪

选择字体时,请务必记住字符的外观会影响读者对内容的感知。排版的功能之一是在情感层面上将消费者与文本联系起来。就像我们在聊天期间将所有字母都大写以表示尖叫一样,不同的字体会产生情绪和情绪。


每种字体都有自己的声音,虽然通常很容易区分特定字体试图传达的情绪(尤其是在比较几种字体时),但大多数人无法解释为什么他们在看到不同的字母设计时会感受到不同的情绪。


一个没有太多意义的过于简单化的解释会告诉你我们对待字体和字样就像对待刻板印象一样。因此,我们会下意识地感知某些情绪。


这个答案对网页设计师没有多大帮助,他们在为网站选择字体以唤起读者的预期情绪和情感时必须有信心。


在下一节中,我将研究字体特征及其用途,以便更好、更实际地了解应在哪些条件下使用哪些字体。

主要表格特征及其使用方法

通过与潜意识合作,字体在形成观众的情绪和情绪方面发挥着重要作用,甚至在他们开始阅读之前。可用字体的数量几乎是无限的,这使得创建独特的设计变得容易。但是,选择合适的字体可能会变得很复杂,尤其是当您不知道从哪里开始时。


本节解释哪些字体特征使字体更适合一种或另一种上下文。

重量

重量是指任何字体中字体笔划的粗细。使字母更粗或更细是创建文本层次结构的简单方法。 Lightregularbold字体粗细是三个主要类别,其中常规字体类型最适合阅读。轻盈和大胆的类型传达了更多的情感,例如一方面的精致和脆弱与另一方面的力量和粗鲁。


超薄字体风格在化妆品和美容行业很受欢迎,因为它们传达了关怀、轻盈和敏感的感觉。粗体字(尤其是所谓的黑色字体,字重更大)不易阅读,主要出现在广告、游戏或演艺界的简短短语中。

字体粗细(来源:https://medium.com/@ltm/typography-part-1-3c3c98211b5)

宽度

与重量一样,宽度是一个容易识别的特征,它会强烈影响阅读速度。压缩字体比非压缩字体占用更少的水平空间,并在需要在小区域容纳大量文本时出现。

此类字体通常用作狭窄的报纸样式栏中的单行标题,您不能在其中使用常规宽度的字体。

窄字体给人一种紧绷感,甚至可能让读者感到不舒服。它们不容易阅读,因为字形中的水平线减少了,而且很难将一个字符与另一个字符区分开来。


扩展的字体样式甚至会使较短的单词看起来很长,并且读者往往会阅读得更慢。这些词变得更加令人难忘,并引起了极大的关注。由于此类字体使用更多的水平线,因此非常适合为需要以一定角度阅读的横幅创建徽标和短语。

扩展字体设计示例(来源:https://commons.wikimedia.org/wiki/File:Logo_Oreo_alt.svg)

衬线和平板

字母中跨越笔划末端的短线称为衬线,使用衬线的字体称为衬线字体。无衬线 - 无衬线。

衬线字体是第一个创建的字体。

A通俗理论据说在罗马帝国,字母首先用刷子画在石头上,然后工人们按照每行开头和结尾张开的笔迹凿刻石头,形成衬线。


即使是小衬线也能增加字母之间的对比度,使字体更清晰。这就是衬线字体在大型科学和文学作品中流行的原因,特别是对于印刷文本,墨水的清晰度会随着时间的推移而降低。


存在了这么久,衬线字体是一种多功能且安全的选择,提供了很多个性和特征。它们在徽标中赋予许多知名品牌永恒和传统的感觉,在新闻、法律、珠宝、时尚和电影领域特别受欢迎。

serif、sans serif 和 slab serif 字体(来源:https://atelierlks.com/how-to-choose-the-perfect-font-for-your-brand/)


与 Serif 字体相比, sans serifs提供了现代的外观,并受到极简设计的青睐。他们经常受雇于技术、游戏和汽车企业。


当衬线是直的、矩形的并且与字符的主要笔划具有相同的粗细时,衬线就会变成粗线。 Slab serif 字体在制造车间、电动工具店、牛排馆和其他“男子气概”行业中显得坚固可靠,看起来自然。

斜体和倾斜字体

Italic 和 oblique 是两个相关但独立的术语,用于描述有角度的字体。


类型设计师创建斜体字体类型以类似于手写书法;从历史上看,它们的目的是突出显示文本。由于倾斜,此类字体的垂直线条更少,曲线更优雅,提供优雅悦耳的色调。斜体或手写字体传达个人感受并出现在问候语和邀请函中。


倾斜字体类型(有时称为假斜体)通过倾斜现有字体的直立字母出现。大多数现代字体包括倾斜字体和其他字体类型。它们会突出显示部分文本,有时还会增加一种速度感。设计师报告说,倾斜的无衬线字体在文本中不如倾斜的衬线字体突出。

常规斜体倾斜字体


对比

字体对比度是字符的细笔画和粗笔画之间的宽度差异。中等和低对比度的字体更适合长时间阅读,不一定会唤起任何情绪或情绪。


Monoweight 字体(具有统一的笔划)具有良好的可读性。它们与笔画不均匀的笔迹联系较少,为文本增添了现代主义和工业主义的感觉。


Extra contrast 字体继承了古典主义字体的特征。细笔画和粗笔画之间的差异创造了戏剧化的感觉,并允许在牺牲一些可读性的同时创建优雅的标题。

X-高度

x 高度或正文大小是小写字母相对于大写字母的高度。体型较小的字体(小写字母的高度比大写字母小两倍以上)在同一种字体的字母之间提供了很大的对比,使眼睛很容易跳到每个句子的开头。此类字体需要在文本行之间留出更多空间。由于它们看起来更具表现力,因此非常适合阅读诗歌和音乐作品。


相反,x-height 大的字体会形成统一的文本,给人一种稳定的感觉。它们还允许在给定空间中容纳更多文本行。

排版中的 x 高度(来源:https://medium.com/8px-magazine/practical-guide-to-font-pairing-da58b9bcd42b)

角落

字母中直线的交点形成带有锐边的角。将这些边缘倒圆角会对字体形成与光滑且手感舒适的表面的关联产生巨大影响。圆角的形式在自然界中也更为普遍,因此带有圆角的字体在食品和婴儿用品行业中流行似乎很正常。

圆角字体(来源:https://www.dunkin.co.uk/)

另一方面,锋利的边缘可能会表现出紧张甚至不适。夸张锐利的字体在制作各种标志时很受欢迎,是金属乐队的首选。

金属头的锋利字体

为您的设计选择合适字体的技巧

对于未经培训的设计师来说,为您的网站选择字体可能很复杂。现在您已经熟悉了主要的字体元素,您可以更好地分析字体并选择适合您的字体。这里有一些额外的提示供您考虑:


  • 想想个性。您想让您的网站显得严肃、有趣、高科技还是优雅?定义哪些字体属性反映您网站的特征并开始收集合适的字体。
  • 不要跳过字体的任何主要功能。例如,不要为大块文本使用难以阅读的装饰性字体,并避免传达没有魅力的中性设计。此外,不寻常的字体可能会分散读者的注意力,因此选择字体始终是一个平衡问题。
  • 将字体数量保持在最低限度。在一个网站上使用三种以上的字体会使它看起来没有结构并且难以集中注意力。
  • 不要在一个项目中使用相似的字体。通过使用不同的字体,您将能够创建视觉多样性和更有趣的设计。
  • 选择扩展字体系列。当您找到喜欢的字体时,请检查该系列中的其他字体。查看字符在不同大小、粗细和其他字体下的外观。

选择字体和创建图形设计可能既困难又耗时。但我希望本文能帮助您深入了解选择正确字体的基础知识。 😉