设计

从Zed到Shuffle:当代字体设计如何用变量与光学尺寸解决真实问题

从Zed到Shuffle:当代字体设计如何用变量与光学尺寸解决真实问题

当代字体设计正超越美学,直面阅读体验、文化包容与数字环境的复杂挑战。本文通过剖析Zed、Shuffle等前沿字体项目,揭示了字体家族如何通过双重光学主字、多轴变量控制、以及对全球文字系统的支持,为设计师提供解决实际问题的强大工具。你将理解字体如何影响可读性,掌握变量字体的实用方法,并学会在项目中平衡个性表达与功能性需求。

你将学到
  • 理解字体光学尺寸(Optical Size)对文本与标题可读性的决定性影响
  • 掌握变量字体(Variable Fonts)中权重、宽度、圆角等多轴的实际应用场景
  • 了解字体设计如何通过支持多文字系统,实现真正的文化包容性设计
  • 学习如何为不同视觉能力的用户优化字体,提升设计的无障碍性

背景:字体设计正从风格塑造转向问题解决

如果你还认为字体设计只是关于美学风格的选择,那么最新的行业动态将彻底改变你的看法。当代顶尖的字体项目,正将重心从创造新风格,转向解决真实世界中复杂的设计问题。这些问题包括:如何在数字与物理环境中确保最佳可读性?如何让设计系统包容全球多样的文字与文化?如何让字体在保持个性的同时,具备前所未有的灵活性?

近期发布的几个重量级字体家族,如Typotheque的Zed、Local Type Co.的Shuffle Variable、Almarena Creative的Valmy以及TypeMates的Rosco Jr,共同指向了这一趋势。它们不再仅仅是“另一款无衬线字体”,而是集成了研究成果、变量技术、多语言支持和无障碍考量的综合系统。对于设计师而言,理解这些字体背后的设计逻辑,比记住其名称更为重要。 这能帮助你在项目中做出更明智的字体选择,并更有效地利用其功能。

小技巧关注字体项目的“设计叙事”。一个优秀的字体系统通常会清晰地说明它解决了什么问题,这比单纯展示字形样张更能揭示其价值。

核心一:双重光学主字——为“阅读”与“观看”分别优化

Typotheque的Zed项目始于一个看似简单但长期困扰设计师的问题:能否设计一款同时在小字号正文和大字号标题中都表现卓越的无衬线字体?创始人Peter Bilak指出,许多批评都指向了Helvetica在小字号下的糟糕表现,但人们常常忽略一个关键事实:广泛预装在电脑中的Helvetica版本,最初是专为标题显示(Display)设计的,而非连续文本阅读。 将标题字体缩小用于正文,必然导致阅读疲劳。

Zed的解决方案不是妥协折中,而是彻底分离。他们创造了两套独立的光学主字(Optical Masters):Zed Display和Zed Text。Zed Display遵循几何新怪诞体(geometric neo-grotesque)模型,比例紧凑,在放大时能形成有力的节奏感。而Zed Text则从人文主义字体(humanist letterforms)中汲取灵感,拥有更开放的内空间(counters)和更宽松的字间距,专门为小字号下的流畅阅读而优化。

从眼科医院到通用洞察

项目中期,为巴黎Quinze-Vingts国家眼科医院设计标识系统的需求,将Zed推向了临床低视力测试。研究得出了颠覆性的结论:可读性(legibility)并非通用标准。 患有管状视野(tunnel vision)的患者阅读较窄的字母更快,而依赖周边视觉的患者则需要更宽的比例。更有趣的是,测试显示,更宽的字体比例也能加快视力正常参与者的阅读速度,原因是减少了字符间的拥挤感(crowding)。

这一发现让Zed Text发展出了多种宽度变体。项目也从最初的两个主字,迅速扩展为一个超过500种样式的庞大家族。

Zed Display 与 Zed Text 核心差异对比
Zed Display灵感:几何新怪诞体用途:大尺寸标题/显示内空间:相对紧凑字间距:较紧密适合:创造视觉冲击力Zed Text灵感:人文主义字体用途:小尺寸连续文本内空间:开放宽敞字间距:宽松适合:提升长文可读性VSZed Display灵感:几何新怪诞体用途:大尺寸标题/显示内空间:相对紧凑字间距:较紧密适合:创造视觉冲击力Zed Text灵感:人文主义字体用途:小尺寸连续文本内空间:开放宽敞字间距:宽松适合:提升长文可读性
基于低视力研究,两种光学尺寸在关键设计参数上做出不同取舍。 · NicePSD 原创示意图
常见坑不要将同一字体的“Display”版本用于正文排版。务必检查字体家族是否区分了光学尺寸,并为不同使用场景选择正确的子集。

核心二:变量轴——从静态样式到连续可调的视觉表达

如果说Zed代表了字体在解决功能性问题上的深度,那么Shuffle Variable、Valmy和Rosco Jr则展示了字体在表达维度上的灵活性与趣味性。它们的共同武器是变量字体(Variable Fonts)技术。

变量字体将多个样式变体整合在一个文件中,通过定义轴(Axis)来实现连续、平滑的视觉过渡。 这不仅减少了文件体积,更重要的是,它为动态设计和精细的视觉微调打开了大门。

不同的字体家族定义了不同的轴,以满足其独特的设计目标:

  • Shuffle Variable (Local Type Co.):核心是Weight(字重)和Width(宽度)双轴。从极重到极轻,从极宽到极窄,字形在保持结构辨识度的同时剧烈变形,兼具复古照相排版(phototypesetting)的弹跳感和精致的几何轮廓。
  • Valmy (Almarena Creative):定义了Weight(字重)和Rounded(圆角)双轴。后者尤其有趣,通过调整圆角参数,字体终端可以从尖锐的机械感平滑过渡到温暖柔和的人情味,为品牌在不同场景切换情绪提供了便利。
  • Rosco Jr (TypeMates):除了常规的Weight轴,还包含一个罕见的Slant(倾斜)轴,范围从意大利斜体(italic)一直延伸到后斜体(backslanted)。这为设计师在单一字族内提供了第二种“声音”,而无需改变字母的基本骨架。
变量字体常见设计轴及其效果
设计轴 (Axis)Weight控制笔画粗细,影响视觉重量与层级。Width控制字宽,影响排版密度与节奏。Rounded控制终端圆角,影响风格温度与个性。Slant控制倾斜角度,创造动态或特殊风格。设计轴 (Axis)Weight控制笔画粗细,影响视觉重量与层级。Width控制字宽,影响排版密度与节奏。Rounded控制终端圆角,影响风格温度与个性。Slant控制倾斜角度,创造动态或特殊风格。
不同字体家族通过自定义轴实现独特的视觉控制。 · NicePSD 原创示意图

核心三:全球文字系统——从技术编码到文化包容

Zed项目的宏大愿景远不止于拉丁字母。Typotheque将其定位为一个“全球字体系统”,支持包括拉丁文、阿拉伯文、中文、切罗基文、加拿大土著音节文字(Canadian Syllabics)、盲文(Braille)以及可变图标在内的多种文字与符号。

这背后是深刻的技术与文化考量。Peter Bilak指出,“我们无法为尚未完全编码的文字设计字体。” 如果Unicode标准中存在缺口,下游的一切工作都会被阻断。Typotheque直接与土著社区合作进行实地研究,他们发现,只要数字基础设施中缺失任何一环——字体、键盘布局、软件支持或不完整的编码——都可能导致一种语言在数字环境中 effectively unusable(实际上无法使用)。这常常迫使母语者转向主流语言,仅仅因为工具存在。

因此,支持小众和边缘化语言,尽管需要不成比例的时间和精力,却具有巨大的社会价值。Bilak分享道:“我们设计过一些字体,让人们第一次能够用已发布的字体正确书写自己的名字。……没有什么比看到改善语言支持(无论是字体、键盘输入还是更好的文档)能够强化一种本已承受巨大压力的语言,更令人满足的了。”

Zed家族中的图标和符号也服务于类似但不同的目的:消除沟通中的语言障碍。这些图标是变量化的,允许用户调整字重、圆角和光学尺寸,以适应特定的环境或输出大小。

支持类型在Zed项目中的体现对设计师的意义
主流文字系统拉丁、阿拉伯、中文、西里尔、希腊、希伯来、日文、韩文等满足全球化项目的基本多语言排版需求
小众/土著文字切罗基文、加拿大音节文字、Ol Chiki等实现真正的文化包容性设计,触及特定社群
盲文 (Braille)作为另一种书写文字纳入研究框架拓展无障碍设计维度,考虑触觉阅读体验
可变图标 (Icons)可调整字重、圆角、光学尺寸的图标集创建视觉统一的标识系统,跨越语言障碍
注意当项目涉及多语言时,务必检查字体对目标语言字符集的支持是否完整,特别是重音符号、连字和本地化标点。

案例分析:独立字厂的差异化道路

纵观这些项目,可以发现独立字体公司(Foundry)与大型商业字体公司的不同路径。它们更倾向于探索特定的设计理念或解决被忽视的问题。

Typotheque (Zed) 走的是研究驱动、系统构建的道路。他们与程序员Just van Rossum合作开发了在线四轴导航器,将558种样式变成一个可探索的景观,本身就是一个教育工具。他们的工作接近“出版”,既发布字体,也发布研究成果。

Local Type Co. (Shuffle Variable) 则专注于表达性显示字体(expressive display type)。它在保持严谨工艺的同时,拒绝机械中立,拥抱趣味和个性,通过交互式样张测试器和印刷样张,鼓励设计师探索字体的玩法。

TypeMates (Rosco Jr) 从历史中汲取灵感,但不是简单复兴,而是聚焦于照相排版时代对几何字体的改造(如压缩的大写字母和裁剪的上伸部),并加入现代的可变轴控制,打造出适合大品牌和强势标题的“厚重、块状、华丽响亮”的字体。

这些案例表明,当代优秀的字体项目往往具有强烈的观点和明确要解决的问题,而不仅仅是提供又一套“安全”的选择。

独立字体项目的不同设计导向
研究驱动型 (Zed)基于临床测试与可读性研究,构建解决功能性问题的庞大系统。表达探索型 (Shuffle)聚焦显示字体,通过变量轴最大化视觉表现力与趣味性。历史重构型 (Rosco Jr)从特定历史阶段汲取灵感,用现代技术(如变量轴)重新演绎。参数控制型 (Valmy)通过自定义轴(如圆角)提供精细的风格情绪调节能力。研究驱动型 (Zed)基于临床测试与可读性研究,构建解决功能性问题的庞大系统。表达探索型 (Shuffle)聚焦显示字体,通过变量轴最大化视觉表现力与趣味性。历史重构型 (Rosco Jr)从特定历史阶段汲取灵感,用现代技术(如变量轴)重新演绎。参数控制型 (Valmy)通过自定义轴(如圆角)提供精细的风格情绪调节能力。
不同字体厂商基于其理念,在字体系统中注入不同的核心价值。 · NicePSD 原创示意图

对设计师的实际建议

面对这些功能强大但可能复杂的字体系统,设计师如何在日常工作中有效运用?以下是一些可操作的建议:

  • 评估需求,匹配字体类型:先明确项目核心需求。是长文阅读(优先选择有独立Text光学尺寸的字体)、品牌表达(探索有独特变量轴的显示字体),还是全球化部署(必须核查多文字系统支持)?
  • 善用变量字体控制面板:在现代设计软件(如Figma、Adobe Creative Cloud)中,学习使用变量字体控件进行实时微调。不要只使用预设的静态样式,尝试在轴线上滑动,找到最适合当前布局的“中间值”。
  • 将无障碍性纳入字体选择标准:考虑用户群体的多样性。对于面向公众或包含老年用户的项目,优先选择内空间开放、字间距宽松的字体。Zed的研究表明,这对所有人都有益。
  • 深入测试多语言场景:如果项目涉及多语言,务必用实际文案测试字体。检查重音符号位置、不同语言下的字间距、以及是否支持必要的本地化排版特性(如阿拉伯文的连字)。
  • 关注字体的“元信息”:阅读字体发布说明、设计背景和规格文档。了解其设计意图、支持的语言和特殊功能(如Stylistic Sets),这能帮助你挖掘出字体更深层的价值。
  • 支持独立字厂:独立字厂往往是字体设计创新的源泉。他们的作品通常带有更鲜明的观点和更细致的工艺,能为你的项目注入独特性。
小技巧在Figma中,为变量字体创建包含多个轴状态(如不同字重、宽度组合)的文本样式(Text Styles),可以极大提升设计系统的一致性和迭代效率。

总结

字体设计正在经历一场静默的革命。它从平面设计的装饰性元素,演变为一个融合了人因工程、计算机科学、语言学和社会学的复杂系统设计领域。Zed用超过500种样式和严谨的研究告诉我们,字体是关乎阅读效率与包容性的基础设施;Shuffle、Valmy和Rosco Jr则用灵活的变量轴证明,字体也可以是充满活力与表现力的动态媒介。

对于中国设计师而言,这意味着我们需要更新对字体的认知。选择字体不再仅仅是挑选一个“好看”的造型,而是选择一个能够解决特定问题、适应特定环境、并承载特定价值观的工具包。未来,优秀的设计师将是那些能理解字体系统背后逻辑,并能将其功能与项目目标精准匹配的人。 当你在下一个项目中打开字体列表时,不妨先问自己:我需要解决的核心问题是什么?而眼前的字体,又能为我提供怎样的答案。

要点速览

  • 字体的“光学尺寸”(Optical Size)是关键设计参数,专为标题(Display)和正文(Text)优化的字体在结构上有本质不同,不可混用。
  • 变量字体(Variable Fonts)通过Weight、Width、Rounded、Slant等轴提供连续可调的视觉表达,是创建动态设计和精细品牌系统的利器。
  • 真正的全球字体需支持多文字系统与Unicode标准,这不仅是技术挑战,更是实现文化包容性设计的伦理要求。
  • 字体可读性研究(如低视力测试)的成果(开放内空间、宽松字间距)能惠及所有用户,应将无障碍性纳入字体选择标准。
  • 独立字体厂商(Foundries)的作品常具有鲜明观点和深度工艺,是寻找独特解决方案和推动设计创新的重要来源。
  • 设计师应深入阅读字体规格,理解其设计意图与支持范围,从而在项目中最大化字体系统的价值。

参考来源

  1. Zed by Typotheque: 500-Style Global Typography System Abduzeedo
  2. Inside Zed, Typotheque’s 500‑style family that turns legibility research into a global type system - TYPE01 TYPE01
  3. Typography: Shuffle Variable by Local Type Co. Abduzeedo
  4. Valmy: Condensed Typography by Almarena Creative Abduzeedo
  5. Typography: Rosco Jr by TypeMates Abduzeedo

封面为 NicePSD 原创设计,未使用原文图片;封面中出现的产品名称和标志归各自权利人所有,仅用于标明文中讨论的工具,不代表合作或认可。原创声明:本文由 NicePSD 基于海外公开资料整理、消化并重写,观点归原作者所有,详细内容请阅读参考原文。转载请注明出处。

更多前沿文章