等等......字体和字样不是一回事吗?
你想过如何为你的项目选择字体吗? 字体呢? 等等......有什么区别? 这些术语被错误地反复使用。 因此,为了帮助突破噪音,这里有一个快速概述。
字样与字体
让我们从世界上最混乱的类型术语开始......
字体指的是一个字体系列。 Arial、Times New Roman和Helvetica都是字体的例子。 当你指的是一个字体的具体样式时,你说的是一种字体。 例如,Helvetica Light、Helvetica Oblique和Helvetica Bold都是Helvetica字体的例子。
- 字体 = Helvetica
- 字体 = Helvetica Bold Italic
早在古代,文字是用金属制成的字母印刷的,这些字母在墨水中滚动,然后压在纸上。 如果你想使用Helvetica,你必须有一个巨大的金属字母箱,里面有各种尺寸、重量和样式的Helvetica。 现在,我们有神奇的计算机机器,我们可以通过选择它们来使用各种不同的字体。 同时,约翰内斯的幽灵古腾堡在他毫无生气的呼吸中诅咒着我们。
{{lead-magnet}}。
4种(主要)类型的字体
你现在肯定听说过的字体家族(又称字体)的主要类别是有衬线字体、无衬线字体、字体和装饰性字体。 如果你想变得超级书呆子,这些类别中还有许多类型的家族,你可以在fonts.com上查看它们。
塞舌尔语 - 有衬线字体系列有附在字母部分末端的装饰或重音(又称衬线)。 这些字体通常更多地用于印刷材料而不是视频。
![](/wp-content/uploads/history/195/wei1p1dpcl.gif)
无衬线 - 无衬线字体没有字母末尾的小重音或尾巴。 这些字体通常在MoGraph中更容易阅读。 注:"Sans "是 "没有 "的另一个词。 现在,我没有咖啡,我必须尽快纠正这种情况。
![](/wp-content/uploads/history/195/wei1p1dpcl-1.gif)
脚本 - 脚本字体看起来像草书。 如果你是1990年以后出生的人,你可能不知道那是什么,但没关系。 只要把脚本看作是看起来像手写体的字体就可以了。
![](/wp-content/uploads/history/195/wei1p1dpcl-2.gif)
装饰性 - 装饰性类别基本上涵盖了所有不属于前三类的其他字体。 它们可以变得很奇怪...
![](/wp-content/uploads/history/195/wei1p1dpcl-3.gif)
类型解剖学
有一些字体的属性可以在不改变字体本身的情况下进行改变。 下面是一个快速的基础知识图解。
KERNING
字母间距是指两个字母之间的水平空间。 这通常是针对单个字母对进行的,以调整大写与小写相邻所造成的问题。 在reddit上也有一个很好的专门讨论字母间距的坏例子的网站,叫做keming(明白吗? 因为r和n太近了...),这是一个字母间距的例子。
![](/wp-content/uploads/history/195/wei1p1dpcl-4.gif)
追踪
追踪与字符间距相似,但会影响所有字母之间的水平空间。
![](/wp-content/uploads/history/195/wei1p1dpcl-5.gif)
领先的
最后,领先(读作 "ledding"),影响文本行之间的空间。
书呆子事实!在过去的金属字母印刷时代,铅条(你饮用水中的有毒物质)被用来在印刷机上将文字行与行之间隔开,因此这个术语。
![](/wp-content/uploads/history/195/wei1p1dpcl-6.gif)
通过在你的项目中调整这些字体修改器,你将成为一个字体摇滚明星。 说到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团队分享一些他们最喜欢的类型搭配。 以下是一些最喜欢的类型。 请在你的下一个项目中自由使用它们。
![](/wp-content/uploads/history/195/wei1p1dpcl.jpeg)
祝你在学习所有新的排版知识时好运。 但是,当涉及到字体时,最重要的事情是要记住...
永远不要使用Comic Sans...。
![](/wp-content/uploads/history/195/wei1p1dpcl-7.gif)