运动设计的字体和字样

等等......字体和字样不是一回事吗?

你想过如何为你的项目选择字体吗? 字体呢? 等等......有什么区别? 这些术语被错误地反复使用。 因此,为了帮助突破噪音,这里有一个快速概述。

字样与字体

让我们从世界上最混乱的类型术语开始......

字体指的是一个字体系列。 Arial、Times New Roman和Helvetica都是字体的例子。 当你指的是一个字体的具体样式时,你说的是一种字体。 例如,Helvetica Light、Helvetica Oblique和Helvetica Bold都是Helvetica字体的例子。

  • 字体 = Helvetica
  • 字体 = Helvetica Bold Italic

早在古代,文字是用金属制成的字母印刷的,这些字母在墨水中滚动,然后压在纸上。 如果你想使用Helvetica,你必须有一个巨大的金属字母箱,里面有各种尺寸、重量和样式的Helvetica。 现在,我们有神奇的计算机机器,我们可以通过选择它们来使用各种不同的字体。 同时,约翰内斯的幽灵古腾堡在他毫无生气的呼吸中诅咒着我们。

{{lead-magnet}}。

4种(主要)类型的字体

你现在肯定听说过的字体家族(又称字体)的主要类别是有衬线字体、无衬线字体、字体和装饰性字体。 如果你想变得超级书呆子,这些类别中还有许多类型的家族,你可以在fonts.com上查看它们。

塞舌尔语 - 有衬线字体系列有附在字母部分末端的装饰或重音(又称衬线)。 这些字体通常更多地用于印刷材料而不是视频。

无衬线 - 无衬线字体没有字母末尾的小重音或尾巴。 这些字体通常在MoGraph中更容易阅读。 注:"Sans "是 "没有 "的另一个词。 现在,我没有咖啡,我必须尽快纠正这种情况。

脚本 - 脚本字体看起来像草书。 如果你是1990年以后出生的人,你可能不知道那是什么,但没关系。 只要把脚本看作是看起来像手写体的字体就可以了。

装饰性 - 装饰性类别基本上涵盖了所有不属于前三类的其他字体。 它们可以变得很奇怪...

类型解剖学

有一些字体的属性可以在不改变字体本身的情况下进行改变。 下面是一个快速的基础知识图解。

KERNING

字母间距是指两个字母之间的水平空间。 这通常是针对单个字母对进行的,以调整大写与小写相邻所造成的问题。 在reddit上也有一个很好的专门讨论字母间距的坏例子的网站,叫做keming(明白吗? 因为r和n太近了...),这是一个字母间距的例子。

追踪

追踪与字符间距相似,但会影响所有字母之间的水平空间。

领先的

最后,领先(读作 "ledding"),影响文本行之间的空间。

书呆子事实!在过去的金属字母印刷时代,铅条(你饮用水中的有毒物质)被用来在印刷机上将文字行与行之间隔开,因此这个术语。

通过在你的项目中调整这些字体修改器,你将成为一个字体摇滚明星。 说到MoGraph世界中的字体摇滚明星,让我们放下一些字体设计的名字。

字体设计的灵感

Saul and elaine bass

如果你不知道索尔-巴斯,那么是时候得到启发了。 他基本上是我们所知道的电影标题的鼻祖。 他最初是一名从事电影海报设计的平面设计师,后来成为第一批创造主要标题来介绍电影情绪的人。 你可能在经典的标题中认识到他的工作,如 金色手臂的男人 , 谋杀案剖析 , 精神病学 ,以及 西北偏北 .

这些不仅是糟糕的、令人敬畏的动作设计,而且也是在After Effects之前的世界中认真的爱的劳动。 在Art of the Title网站上查看他工作的惊人遗产。

凯尔-库珀(KYLE COOPER

还记得你看到的第一个让你脑洞大开的电影名称吗? 对于我们中的许多运动书呆子来说,这就是《大话西游》的名称。 ǞǞǞ .如果你不知道,现在就看吧......

好的,《Se7en》是动感型的最佳作品(以1995年的方式)。

这方面的负责人是独一无二的凯尔-库珀(Kyle Cooper),他是Imaginary Forces机构的联合创始人。 挑选你有史以来最喜欢的十部电影名称,有可能他的名字至少在其中之一。

灵感来了吗? 那里有大量惊人的动感字体的例子。 我现在要把它留在那里,这样我们就可以踏踏实实地学习一些挑选字体的技巧。

为Mograph选择类型

字体是一种交流,字体传达的是字的含义,但字体的视觉风格所传达的内容远远超过了字本身。

为一个项目寻找合适的字体是一个主观的过程。 这有点像选择你的调色板。

想一想你想说什么,然后想怎么说。

它是一个强烈的声明? 一个细微的细节? 一个指令? 信息是坚持的? 匆忙的?恐惧的?浪漫的?

通过对字体、层次、比例、色调和颜色的选择,可以在浏览者的脑海中创造出情感和想法。 最重要的是,这些含义可以被理解。 我们在设计训练营中谈了很多关于字体和布局的问题。

虽然有一些概括性的东西可以做,但它实际上归结为你自己的个人设计选择。 想想你的构图中的关键词,以及你的字体选择如何创造个性和对比。 这个来自MK12的作品是一个讲述故事的动感字体设计的好例子。

像动画一样,动态排版需要时间和实践来掌握。

哪里可以找到字体

有很多地方可以找到免费和付费的字体。 这里有几个我们最喜欢的。

  • Fonts.com - 每月9.99美元
  • TypeKit--包括不同级别的Creative Cloud(我们在School of Motion经常使用TypeKit)。
  • DaFont - 大量的免费赠品

动画类型

如果你还不知道这个,你可能想在读完接下来的内容后亲吻我......这是一个超酷的时间节省器。

阿姆斯特丹一家名为Animography的小公司一直在努力工作,为我们这些MoGraph书呆子购买和使用动画字体。 想想After Effects文本动画预设在MoGraph上的裂缝。 你可以稍后感谢我。

去Animography上看看吧,当你在那里浏览他们的整个资料库时。 这是纯MoGraph的黄金。

还有更多的事情要做...

令人敬畏的类型搭配

我们请School of Motion团队分享一些他们最喜欢的类型搭配。 以下是一些最喜欢的类型。 请在你的下一个项目中自由使用它们。

祝你在学习所有新的排版知识时好运。 但是,当涉及到字体时,最重要的事情是要记住...

永远不要使用Comic Sans...。

滚动到顶部