当前位置: 首页 > 平面设计 > 平面设计经验分享 > 平面设计里的可变字体样式是如何生成的?

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

更新时间:2020-04-26 18:15:33 来源:环球网校 浏览135收藏27

平面设计报名、考试、查分时间 免费短信提醒

地区

获取验证 立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

摘要 可变字体是由从事字体样式设计的四家最大的技术公司——Apple,Google,Microsoft和Adobe共同开发的。顾名思义,可变字体使设计人员可以从同一字体样式中获取无限数量的字体样式,这样字体便可以在不同的设备软件里兼容。那么它是如何进行设置的?

字体样式

一、为什么使用可变字体?

可变字体大大减少了当前字体样式限制。当今的网络字体不灵活,缩放比例也不是很好。它们只为我们提供一些固定样式,例如“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命名实例采用权重轴和对比度轴的最小值)。

可变字体样式的出现,令我们的印刷、网页等字体选择的数目得到了巨大的增长,虽然它的许多功能仍在实验中,待它完成的时候,将是平面设计行业最实用的选择之一。环球网校将会持续更新平面设计的相关资讯及技巧,也可以在文末下载平面设计的相关软件及教程,我们下期再见!

分享到: 编辑:环球网校

资料下载 精选课程 老师直播 真题练习

平面设计资格查询

平面设计历年真题下载 更多

平面设计每日一练 打卡日历

0
累计打卡
0
打卡人数
去打卡

预计用时3分钟

环球网校移动课堂APP 直播、听课。职达未来!

安卓版

下载

iPhone版

下载

返回顶部