平面设计里的可变字体样式是如何生成的?

一、为什么使用可变字体?
可变字体大大减少了当前字体样式限制。当今的网络字体不灵活,缩放比例也不是很好。它们只为我们提供一些固定样式,例如“Light”,“Bold”或“ExtraBold”。甚至有些字体只有一种重量或倾斜度。但是,通过可变方法,我们可以获得重量,倾斜度,x高度,平板,舍入和其他印刷属性的无限灵活性。
更妙的是,它们提高了性能。我们知道的Web字体需要将每种字体变体存储在单独的文件中。可变字体使用单个字体文件,浏览器只需加载一次。加载后,它可以从一个二进制文件中提供所有变体。
二、从OTF和TTF到WOFF字体样式
那么可变字体使用什么文件格式?最早的时候,它们是作为OpenType字体格式的一部分创建的:为了完全准确,OpenType字体文件规范的版本1.8中引入了包含变体的功能。但是,如今大多数可变字体都打包为WOFF2字体。这些仍然是OTF或TTF字体,但是使用特定的Web安全压缩技术。WOFF是Mozilla基金会,Microsoft和Opera Software共同努力的结果。
三、设计轴
有了这些新规范,字体变体使我们能够沿着众多设计轴对字体样式进行插值-根据Adobe Typekit Blog的统计,最多可以达到64,000。
OpenType1.8规范定义了五个已注册的轴标记:
重量
宽度
光学尺寸
倾斜
斜体
此外,字体设计师还可以在字体文件的“名称”表中定义自定义轴以及它们自己的四个字符标签。如果使用此三轴可变字体,则整个立方体代表我们可以访问的设计空间。仅因为字体具有三个尺寸(重量,宽度,光学尺寸),所以它是一个立方体。轴越少,我们将朝矩形(2轴)或直线(1轴)向下移动,而轴越多,我们将向上移动至多维超空间。
当然,现实生活中的3轴可变字体不一定是立方体,而更可能是矩形长方体,因为在大多数情况下,不同的轴长度并不相同。
四、命名实例
可变字体仍然允许类型设计人员定义命名实例,即无限数量的选项中的特定字体样式。例如,Adobe的可变字体原型包含两个轴(粗细和对比度)和八个命名实例(超轻,轻,常规,半粗体,粗体,黑色,黑色中等对比度,黑色高对比度)。
如果我们想在设计程序(如Adobe Illustrator)中使用可变字体,则命名实例更为重要。在网络上,我们可以轻松地使用CSS生成任何实例(命名或未命名)(例如,在Adobe Variable Font中,Extra Light命名实例采用权重轴和对比度轴的最小值)。
可变字体样式的出现,令我们的印刷、网页等字体选择的数目得到了巨大的增长,虽然它的许多功能仍在实验中,待它完成的时候,将是平面设计行业最实用的选择之一。环球网校将会持续更新平面设计的相关资讯及技巧,也可以在文末下载平面设计的相关软件及教程,我们下期再见!
最新资讯
- 为何在招贴设计作品的基础要求中,简约的平面设计更受欢迎?2020-07-09
- 产品形象设计的作用,包括了哪些平面设计的相关内容?2020-07-09
- 如何通过公司vi系统的创意技巧,来创造平面设计的作品?2020-07-08
- 对品牌的平面设计来说,公司vi系统的影响有哪些?2020-07-08
- 国内博物馆讲解网站的设计风格,还存在哪些平面设计中的问题?2020-07-08
- 不同的平面设计作品,有着哪些不同的品牌标志设计的意义?2020-07-07
- 有哪些公司简介画册的设计要点,是平面设计之前就要了解的?2020-07-07
- 门店vi设计的理念,对平面设计的发展有何影响?2020-07-07
- 门店vi设计的特点中,包含了哪些平面设计该有的注意事项及优势?2020-07-03
- 随着平面设计各种要求的发展,店名logo设计的注意事项也愈加复杂2020-07-03