查看原文
其他

可变字体,超级变!变!变!

字体设计 2022-09-12
点击上方蓝字,把我设置为星标☆吧


你好,可变字体。这是方正字库昨天发布的一篇文章,对于可变字体介绍有很多干货,包括介绍了50款可变字体带来的变化。经授权今天转载分享给大家。


早在2016年底,Adobe、Apple、Google、Microsoft四巨头发布OpenType v1.8 字体格式规范,该规范的发布允许单个字体文件同时支持多个字体形态,它可以将几个字体紧凑地封装在单个字体文件中,通过定义字体内的变化来实现单轴或者多轴设计空间,可变字体概念正式被提出。


2019年,在小米动态字体系统发布,可变字体的时代要来了?一文中,我们介绍了可变字体的基本概念,以及全球首家动态字体系统——MIUI 11。搭载了小米兰亭Pro可变字体的MIUI 11,支持用户通过自定义无级改变手机系统用字的大小和粗细,系统还会根据内容层级和重要性予以文字不同程度加粗,呈现极致的阅读体验。


睽违两年时间,这次我们构建了一座包含50款可变字体的超级可变大乐园,欢迎大家跟随我们的脚步,前往方正可变字体世界进行观光游览!




可变字体新格式的核心是可变轴的概念,可变轴描述了字体设计中某一特性的允许变化范围,一款可变字体通常包含单轴或者多轴设计空间。方正字库可变字体产品支持通过调整可用轴来精确控制文本的字重(Weight)、字宽(Width)、字高(Height)等,实现字形平滑连续的细微调整。










我们生活在一个多变的世界里,消费者期待着与众不同的、动态的、个性化的设计呈现,以及闪电般的网络加载时间。设计结构适应着环境的变化,视觉语言系统呈现出前所未有的适应性和反应度,我们希望通过这50款可变字体带来的变化,能让生活变成一个充满趣味的游乐场。


可变字体之于生活,
可以是清晨唤醒你的第一声闹铃,
用变幻莫测的魔法力量,
赐予你一整天的活力。





它也是贴心的出行伴侣,
在嘈杂的视觉环境中,
保证温暖、高效的辨识力度,
让苦闷的通勤之路也增添几分幸福感。




它还是筑梦路上的规划师,
用精准无误的计算,
帮你测定人生坐标,
丈量你与梦想之间的距离。





它亦是你闲暇时光的解压神器,
在繁忙的工作间隙,
助你回归轻松自在,
横扫疲劳,纵享快乐。





它当然还可以成为你的游戏玩伴,
跟随操作变幻技能节奏,
用更智能的互动方式,
为你带来沉浸式的游戏体验。





告别白天的喧嚣,

它也能成为你心灵的抚慰剂,

伴随着舒缓悠扬的音乐声,

将疲倦和忧虑一一交托给安静的夜晚。







为什么可变字体很重要?它在不同场合能为设计带来什么?我们如何将可变字体整合到实际的应用中?从可变字体概念被提出至今,这些问题一直在被不同的人群追问。事实上,可变字体在现实生活中的应用,已比你想象的更加普遍。

可变字体的应用方向,一方面,集中在网页性能提升,以及设计项目的应用上,另一方面则体现在为了探索可变字体技术边界而进行的实验性创作。

首先,随着CSS对可变字体的支持,设计师和开发人员在响应式设计上获得了更多的自由,可变字体更小的压缩文件、更精细的文本排版方式和更自由的字形选择方式,使得设计师们可以在网页版面设计、品牌设计项目中应用不同的字体样式组合,在数字环境中探索多样的排版布局和更好的阅读体验。



*小米兰亭可变字体在MIUI 11动态字体系统中的应用,可以根据内容层级和重要性,无级调节字重,为小米手机用户提供了极致、个性的阅读体验






*将可变字体作为户外广告海报的核心,能够创造意想不到的视觉效果,显著提高消费者的关注度,将广告效益最大化


*在响应式网页设计成为潮流的当下,可变字体能够自动适配不同显示设备的横竖比例、屏幕分辨率以及信息层级,根据字形、字重、字宽、字高、倾斜度等不同轴度的变化,来增强不同显示环境下的视觉输出效果


可变字体的无级变化,不在于驯服设计师的创造力,而志在用变化为灵感保驾护航,因而成为设计师及开发人员探索字体表达边界的有力工具。字体有能力适应光线、气温、距离、声音、运动……诸多要素的变化,能够为不同人群,创造巨大的便利,通过交互式可变字体,让字体变成一个真正的实验游乐场。



*当可变字体运用在车载显示屏幕中,根据光线、速度、车外环境的变化,为车主创造更加舒适、安全的行车体验


*当字体能够随着时间、气温、湿度的变化而变化时,为用户界面设计提供更加具有创造力的设计思路(视频源自:Mia Park,来自魏玛包豪斯大学)


*当字体将声音进行可视化表达,文字的个性能够得到最大程度的呈现(视频源自Melih Oğuz




*拓展阅读

  Expanded Reading



由于中文字体和西文字体存在巨大差异,中文字库的字符集较大、字形复杂,实现字体无极可变的难度更高。作为中文字体设计领域的领导者,方正字库以丰富的字体设计经验为基础,通过技术革新手段实现中文可变字体设计的探索。

* 全球首款中文三轴可变字体——方正悠黑,实现了字重轴(Weight)、字宽轴(Width)和字高轴(Height)三个轴的变化,未来考虑增加其它轴,如重心、中宫、笔画粗细对比度等



* 方正悠宋可变字体,除了支持字重轴变化,在中宫维度也进行了可变的尝试,字重与中宫的无级可变特性令方正悠宋可以满足不同媒介情景的视觉需求,增加了悠宋的视觉识别与信息层级的可塑性层级


*由方正悠宋变为方正悠黑的实验性尝试,也为中文可变字体的变化维度创造出新的可能


同时,为了学习国外在可变字体领域的探索经验,将国外优秀的字体产品引入中国,为国内设计师提供更多的可变字体用字选择,方正字库与Monotype, Typetogether 等国际知名厂商的合作不断深入,上线了多款西文可变字体产品,方便国内设计师能够更加便捷地选用西文可变字体。



# 01

Helvetica Now Variable



Helvetica Now Variable 是Monotype 的最新可变字体产品,使用最先进的技术,在一个文件中提供了超过百万个全新Helvetica 样式,允许您创造无限丰富的表达层级、美妙绝伦的文本动画、超级精致的字体排印。




这次字体的改版历时 4 年,Monotype 的设计师重绘了每一个字符,Helvetica Now 包含 9 个字重(从极细到超黑),3 种视觉尺寸和 2 种斜体,而每一个样式下包含字母、数字、符号等共有 815 个字符。



Helvetica Now 有三种适用不同场景的视觉尺寸:Micro、Text 和 Display。其中 Display 主要用于标题文本,Text 用于正文,Micro 是这次新推出的尺寸,用于在平板电脑、智能手表等小尺寸高分辨率屏幕上。





# 02

Futura Now Variable


Futura® Now


Futura 是Monotype的另一款经典无衬线几何字体,由Paul Renner 在1927年设计,是20世纪最成功和应用最为广泛的英文字体之一。为了满足现代数字化的字体需要,蒙纳公司推出全新的Futura Now,变化丰富,满足不同需求。








# 03

Protipo Variable



Protipo 是一个字体家族,包含一款标题字体(compact)、三款不同宽度的正文字体以及两个图标字体。为了更好地用于需要灵活性、精确性和微调的信息设计,Typetogether的创始人Veronika Burian和JoséScaglione决定将其拓展为可变字体格式。




Protipo字体并不夸夸其谈,它精益求精、实用性广泛、功能强大,能够帮助读者清晰、明确地找到和处理数据,在呈现大量信息复杂性的同时,仍然不失美学感染力。


*在Typetogether的Protipo可变字体微型网站(http://protipo.type-together.com),可以充分体验这款可变字体的多种性能




# 04

Bree Variable



Bree 字体是Typetogether 设计制作的一个无衬线字体字体家族,为品牌和标题的使用提供了一个充满活力的外观和感觉。Bree展示了一个令人愉快的混合体所具有的显著风格,即不显眼的大写字母和更生动的小写字母;同时它明显受到手写体的影响,字体带有一种庄重感,这样的设计使文本具有生动的表现力。



更新之后的Bree字体被设计成可变字体格式,以满足那些希望完全控制字体外观,同时又希望以千字节和兆字节的形式节省数字重量的用户需求,完美诠释了可变字体给数字工具领域带来的革命性改变。






# 05

 Catalpa Variable



Catalpa 同样是Typetogether的一款重磅家族字体,其灵感源于木型设计,最初是作为一款具有醒目效果的标题字体设计的,它没有常规的字重,只包含四个较纤细和四个较笨重的字重。



Catalpa 的较细和较粗两个系列分别都有自己的可变字体,各自包含一个字重(Weight)可变轴,设计师可以根据需求对字体进行微调,这款字体在网站、移动应用程序、海报、广告和杂志中都能发挥很好的作用。






# 06

Lektorat Variable



Lektorat 是Typetogether 的一款能够全方位满足编辑出版需求的无衬线系列字体,由2019年Gerard Unger奖学金得主Florian Fecher 设计,Lektorat 有6种简洁的文本(Text)风格和21种标题(Display)风格,可以在任何编辑目的中吸引人、教育人、激励人。






# 07

Literata Variable



Literata 是Typetogether 为排版电子书和数字编辑而构思、制作和设计的一种字体,在可变字体技术发展的支持下,无论是在网络、电子出版还是移动应用程序上,它都可以作为一个“万能型”的数字出版工具被使用。






# 08

Belarius Variable



Belarius是Typetogether 开发的一款专注于包装、标题、海报、副标题和广告的字体家族,Belarius在本质上是克制的,以实现其视觉表达的目的。无论是用于包装、标题和副标题,还是广告,它的可变字体技术意味着你能够对字体进行微调,以便每次都能获得完美的版本。





可变字体正在改变我们阅读世界的方式,了解可变字体的最佳方法是深入研讨并开始使用它们,我们通过50款可变字体产品,为想要探索可变世界的大家打开了一扇小小的窗户,接下来的旅程,交由你们开启!



 TIPS 


复制以下网址到浏览器:
www.foundertype.com/index.php/variableFont/index.html
即可进入方正字库可变字体官网进行体验
电脑端打开效果更佳


****************
内容来自 方正字库
@字体设计 编辑发布

重复使用圆形元素,能做出N多种版式!
流动的线条元素,学起来!
不规则图形元素,在设计上可这么玩
让Logo动起来
1857张学生字体动效作业,感受下蜕变

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存