免费可变字体软件 可变字体时代即将到来
2019年9月24日下午,小米在北京召开“小米5G新品发布会”,推出了小米9 Pro、小米MIX Alpha等系列新品。发布会上,全新的MIUI 11系统也正式上线。外貌。 MIUI 11系统以“声色并重、效率创新”为宗旨,围绕“设计”、“办公”、“出行”等方面进行了全面升级。
作为中文系统字体定制的先行者,MIUI 11系统不仅带来了全新的小米兰馆Pro,还推出了全球首个动态字体系统,希望为用户提供极致的阅读体验。
在MIUI 11系统中,用户可以通过“设置-显示-字体大小和粗细”的操作进入字体模块并拖动相应的滑块来更改手机界面中使用的文字的字体大小和粗细。 MIUI动态字体支持无级调节文字粗细,每个人都能找到适合自己的字体粗细。
智能加粗还会根据内容层次和重要性对文本进行不同程度的加粗,让阅读体验更加极致。
MIUI 11搭载了动态字体系统,在交互细节上也做了很多优化和改进。
在系统字体越来越受到手机厂商重视的当下,小米推出的MIUI动态字体系统无疑是行业的重大突破,也是手机系统安装可变字体的有益尝试。据了解,MIUI动态字体系统荣获2019红点奖。
*以上视频及图片来自小米官方,版权归原作者所有。
很多设计师朋友都听说过可变字体,但其在中文领域的实际应用还非常有限。 MIUI的大胆尝试不仅体现了小米对用户体验的重视,也体现了其前瞻性和探索精神。接下来,本文将和大家详细讨论“可变字体”。
▼
什么是可变字体?
Variable Fonts技术源于Adobe、Apple、Google和Microsoft于2016年发布的OpenType v1.8字体格式规范。该规范的发布将允许单个字体文件同时支持多种字体形状。它可以将多种字体紧凑地打包在单个字体文件中,并通过定义字体内的变化来实现单轴或多轴设计空间。
目前大多数主流操作系统、浏览器、设计软件都不同程度地支持可变字体。设计界最知名的图像编辑软件Photoshop CC 2018和Illustrator CC 2018也支持该技术。设计者可以使用这两款设计软件来调用预览和使用可变字体。
可变字体的优点
前所未有的自由
方正兰亭黑系列字体是方正公司家族字体最丰富的。它们支持 10 种字体粗细,并提供额外的扁平字体和长字体。也就是说,方正兰亭黑提供了10种字重尺寸变化和2种字宽尺寸变化。 ,提供 2 种字符高度尺寸变化,总共 14 种变化。设计师在使用兰亭黑系列字体时,仍然存在现有字重无法满足排版水平需要的情况。这一级的笔画太细,下一级的灰度太重。
▲方正兰亭黑家族字体支持10个字粗尺寸、2个字宽尺寸、2个字高尺寸的变化。
可变字体的存在可以很好的解决这个问题。可变字体包括单轴或多轴设计空间。通过调整可用的轴,可以控制文本的精确粗细、宽度、高度、中心等,实现字体的平滑、连续的微调。设计者可以轻松获得满足不同布局设计需求的定制字体。
▲ 可变字体多轴无级变化,让字体有更大的变化自由度。
以Illustrator CC 2018中方正友黑三轴可变字体的操作为例。在字库列表中找到方正友黑可变字体。当我们通过“窗口-文本-字符”的操作打开字符面板时,会发现在字符样式右侧有一个可变字体按钮,下面提供了可变字体的可变移动滑块这个按钮。其中,方正友黑可变字体在三个轴上有变化:粗细轴、宽度轴、高度轴。相应的调整滑块是“权重”、“宽度”和“高度”。通过滑动这些调整滑块,可以实现单一字体在不同维度上的变化,而这些都是普通标准字体库所不具备的特殊属性。
▲ 设计软件Illustrator CC 2018中方正优黑三轴可变字体的可变操作界面。用户点击可变字体按钮,可以看到方正优黑可变字体的粗细、宽度、高度轴三个轴。可变轴,调整滑块以获得满足您需求的字体样式
小体积,大能量
对于常规标准字体,目前比较流行的家族系列字重组合有Thin、Light、Regular、SemiBold、Bold、Heavy,总共6种字重,以6种独立字体的形式存在。每个文件均符合GB18030-2000标准组织字体,字体文件大小超过8MB,6个字体文件大小接近50MB。
而支持粗细轴变化的可变字体,仅在一个字体文件中即可提供800种字重,符合GB18030-2000编码标准,文件大小约为20MB。在更小的空间内实现更大的改变。
▲ 可变字体不仅比传统的家族字体有更大的变化空间,而且其文件大小也比家族字体小得多。
可变字体的应用
网页字体+可变字体
Webfont技术有很多优点:可以将高质量的字体应用到网页上,提供极致的阅读体验;网页上的文字易于修改和编辑;支持搜索、选择、复制等功能,支持工具翻译;突破字体需要转换为图像的限制免费可变字体软件,将文本信息从图像恢复为字体对搜索引擎更加友好,可以提高关键词搜索排名。
▲《纽约时报》英文官方网站以Webfonts的形式将多种家族字体嵌入到网站中。其中,纽约时报切尔滕纳姆家族字体主要用于标题内容显示,纽约时报富兰克林家族字体用于注释。 、菜单标签等位置,同时满足版面的逻辑层次关系,使不同主题的文章具有不同的风格和效果。
▲ 作为英国三大报纸之一,《卫报》在其网站上使用了巨大的家族字体Guardian。这个家族字体是由多个名副其实的定制字体组成的。主文本字体的设计力求既减少字数,又在每页留出更多的留白,使阅读更加轻松舒适。
如果Webfont技术搭载可变字体,会带来什么惊喜?首先,可变字体的无限变化可以为多层次信息的排版提供不同风格和效果的字体样式。可变字体将为页面带来更多自由的设计空间,读者可以体验到更流畅的阅读环境;其次,由于与家族字体相比,可变字体的文件大小被显着压缩,较小的字体文件大小意味着更少的服务器响应和更低的带宽要求,页面加载时间将显着缩短。
▲ Webfont是配备可变字体的应用演示页面。当网页嵌入的可变字体被激活时,网页会根据信息层次和布局效果自动调整字体样式,使其更符合用户的浏览习惯。此页面由 OLIVER SCONDOFER 开发
网页适配
不同的显示设备具有不同的横竖屏比例、屏幕分辨率以及匹配不同的观看距离。我们无法预测用户将使用什么设备和分辨率来打开网页。页面适配已经成为网页设计师和前端开发工程师急需解决的问题。因此,能够自动响应用户设备环境的响应式网页设计已经成为一种趋势。可变字体的应用可以在字体层面为响应式网页带来便利,并利用视觉缩放来增强不同屏幕尺寸下的显示输出。
▲ 响应式网页设计,配备可变字体。随着文本区域的变化,各个字符的字体大小、字体粗细、字体宽度和字符间距也会相应调整。
阅读模式
随着对用户体验的重视,系统阅读模式的个性化探索越来越受到关注。苹果在 macOS Mojave 和最新的 iOS 13 系统中引入了深色模式。深色模式使用较暗的配色方案。苹果用户在系统偏好设置中选择此模式后,整个系统,包括 Mac 自带应用程序以及第三方应用程序的外观都会全局切换为深色背景,以帮助用户专注于系统上的工作。
▲ macOS Mojave 系统内置深色模式,用户可以根据使用习惯在深色和浅色模式之间切换。
同时,越来越多的移动设备配备了光传感器,能够感知外界光线的变化,从而反馈给设备,使其能够根据光线的亮度自动调整屏幕亮度和对比度,提高用户的体验。阅读体验。
▲ 配备光传感器的移动设备可以根据光线的亮度自动调整屏幕亮度和对比度。
如果将可变字体嵌入到系统中,则可以对这两种情况做出适当的响应免费可变字体软件,对字形进行细微调整以提高页面上文本的可读性。
方正字体中文可变字体
由于中文字体与西文字体差异巨大,汉字库字符集较大,字形复杂,实现无限可变字体难度较大。作为中文字体设计领域的领导者,方正字库基于丰富的字体设计经验,通过技术创新实现了中文可变字体设计的探索。
方正友黑可变字体
2017年11月,方正字库发布全球首款中文三轴可变字体——“方正优黑”(点击蓝字即可阅读)。这个可变字体实现了粗细轴(Weight)、宽度轴(Width)和字符高度轴(Height),以后我们会考虑添加其他轴,比如重心、中宫、笔画粗细对比等。
方正友黑可变字体每个轴至少需要两级字形数据,提供字体设计不同极端之间的具体变化;它还允许在每个轴上添加中间范围数据,从而增加对整个字形集或单个字形的需求。随着设计空间的变化,中间设计可以更好地控制字体适用性的变化。
方正友松可变字体
随着移动设备的广泛使用,方正字库于2018年初发布了全球首款屏幕显示的宋体——“方正悠宋”。方正悠宋作为一款采用最新技术的数字字体,同时也是一种可变字体,具有以下特点:无限的字体变化。
方正优松可变字体支持改变字体粗细和中心尺寸。设计者可以对字体的字体粗细和文字宽度进行细微的调整。字重、中宫无限可变的特点,让方正优松能够满足不同媒体场景的视觉需求,增加了优松视觉识别的可塑性和信息化水平。方正字库将宋体改为粗体的尝试,也为中文可变字体的尺寸变化创造了新的可能。
▲ 方正优松可变字体在实际字体产品中实现了字重尺寸的变化
▲ 方正有松的中工变量,以及从方正有松到方正有黑的实验性尝试,开辟了中文可变字体变革的新维度
结论
随着技术的改革和创新,字体设计进入了一个开放、变化无限的新时代。可变字体的出现,使得在预定范围内任意放大、缩小、加粗、细化、拉伸或弯曲字体成为可能。设计师可以将字体调整为他们想要的比例和大小。 。
字体形式的变化是微妙的,而这些细微的变化往往能在潜移默化中体现出不凡的品质。通过可变字体技术与不同场景的结合,可以最大限度地发挥无限变化的可能性,帮助用户选择最符合自己需求的字体组合,从而打造完美的用户体验。最终,用户、设计师和字体制造商都将从该技术的广泛应用中受益。
原文:方正字体