可变式字体variable font在设计上的应用,以明/宋体为例

2021-05-17 23:27:31.0

分類: 字体产品与应用

可变式字体(variable font) 发布于2016年,发布至今,我们观察到许多字体设计公司逐渐地发布自家的可变式字体,经过这几年的推广,最近我们从问卷调查上发现国内的设计师对这样的产品仍然感到陌生,今天,我们藉由几个演示,再一次让大家认识可变式字体。

 

可变式字体的特色在于可随使用者的设定或是依应用程序的自动判断,变化出将近无限种的字体属性组合。只需要一个字体档案,就可以无间段调整该字体提供的字重、字宽或对比等可变属性,让设计师用字的创意不再受局限,同时也减少了庞大字体家族所需要的海量存储器空间。

 

不知道大家有没有思考过一个问题,字体设计师都是在60公分距离前的屏幕做字体设计,使用时,有可能近到20公分,远则超过5公尺以在使用的字体,这样的应用情境,字体的设计如果都一样,合理吗?设计师如果在用字的时后,思考到这样层次的问题,有没有产品可以上设计师挑选使用呢?

 

通常在进行字体开发前先会决定使用目的,而在选用字体时,会依情境来选用造型,在使用明/宋体这类的字体时,通常横向笔画的粗细是固定的,在可变式字体里,可以将横向粗细的变化设计在可变式字体的变化轴上,使用者除了传统的字重外,还可以使用到横向笔画(对比/Contrast)变化轴的调整。下方以文鼎书苑宋体书苑宋作为举例,因应复杂化的使用情境,书苑宋设计了四个横笔粗细的产品,为横笔宽度16(EM Square =1000 ) 到64 的响应式设计,使用者可依据使用配方建议,从内文到标题,从纸本到屏幕,因应不同情境选取适当字体使用。

 

有个多个横笔粗细对比这样的产品,我们思考一下,如果在设计这样的指示标示,怎么样可以让阅读讯息用的字体在画面上呈现的更好呢?画面上『南京三民站』这几个字分别使用思源宋体(上)与文鼎书苑宋体(下)做展示,我们可以看到这五个字符笔画数并不算多,但『三』这个字的笔画相对起来特别少,整体看起来视觉灰度少了一级。

这时候如果我们要对他加粗,通常的作法就是在AI里转外框,加笔画,但这样一来,字就变成图,不是字了,会增加后续版本维护的困扰。使用书苑宋可变式字体的微调后的成果,我们来看看调整前后的差别,经过适当的调整后,每个字符的视觉量感变得更平均了。

我们认为,设计师宝贵的时间应该要用在设计思考上,如果字体可以协助设计师解决问题,节省设计师的时间,那就是我们对设计产业的帮助。关于更多可变字体的信息可参阅下方文鼎iFontCloud云字库的展示说明

https://ifontcloud.com/index/variablefont.jsp


字体产品与应用

长体

长久以来,大多数中文汉字数字字体的设计规格都局限在正方形的方框中,从而产品化出结构方正的字体,然而,当遇到字符宽度无法在有限的宽度空间中做文字排版时,即延伸出「长体」的字体产品,用以缩减排版时整体的字符宽度。早期长体的设计,相对于正方形标准产品的设计规格,保持相同的字体高度,但缩小左右的水平空间,所形成长型的字体即称为长体,相对于未变形前水平、垂直100%的比例,缩小左右10%比例的字体,称为长一,缩小左右20%比例的字体,称为长二…。

为什么要使用长体字?
长体数字中文字型的数量相对来的少,在早期,由于软、硬件环境的不成熟,长体字被设计在正方形的方框中,缩小后的左右水平空间以留白的样貌呈现,在水平横向排排版应用时,会形成字符间距过大的情况。随着外部软硬件技术的提升,新技术、新应用情境的发生,字体设计的弹性更加的广泛,让字体设计师的创意可以尽情的发挥。

如前述,规格上,长体是缩小左右比例后的字型产品,在应用上存在经济效益,此经济效益说明的是节省版面的空间,具有较窄字宽的长体字,能够将更多的字符呈现在一行、标题、段落、区块文字甚至是页面中,具有在有限的排版空间上呈现较多字符数的特性,反之,在同样的版面空间上,可以有较多的字符数来呈现内容。 但是,长体字也不是没有缺点,毕竟在汉字,尤其是笔画数多的汉字,在缩小字宽后的辨视度、易读性会比标准字宽的字体来的低。


中文长体字的使用在直排、字符数少的情境下效果最佳,以字符数少的情境,当字体家族具有标准与长体字的设计时,如标题、引言等都是长体适合发挥的舞台。使用同一种字体风格的长体字做排版,除了可以凸显要点外,还可以维持整体风格的一致性;当长体字被独立使用时,其长形字的特色容易被凸显出来,用在独立的标题更显特色。



长体字型产品的开发,丰富且扩展了字体家族。
中文字型产品的字体家族(font family)大多以字重的粗细为基础做字型产品的开发,相对于拉丁字的字体家族设计,除了字重以外,还有斜体(italic)、长体/窄体(condensed/ narrow)、宽体(extended)等设计,对应上就显的单薄。在应用上,若设计案件选择到具有condensed/ narrow设计的拉丁字,这时,往往找不到合适的中文字型产品做匹配。



自2017年开始,文鼎字型着手设计并发行具有规格化的长体字型产品,在字型设计时,即考虑使用行为,为了让设计师/用户快速的从软件的字型列表中找到长体字型,我们在字体名称上做区隔,透过代码即可辨视该字型是否为长体字。长体字型以代码C做为表示,代码后的数字表示在EM1000的规格下,字宽的比例,如「C80」表示为长体、字宽80%的字型。



目前,文鼎字型具有长体设计的字体家族有:文鼎UD晶熙黑體E1、文鼎方新書、文鼎書苑宋、文鼎白玉書體,详细如下:(Variable Font:表示变量轴支持长体的变化)

字型名稱 字重 標準 C95 C90 C80 Variable Font
文鼎UD晶熙黑體 E1 MD
DB
BD
EB
HV
文鼎方新書 H7 MD
DB
BD
EB
HV
文鼎書苑宋 HKH32
文鼎書苑宋 HKH46
MD
DB
BD
EB
HV
文鼎白玉書體 H16 LT
MD
DB
BD
EB
HV
EH
DBL
BL
文鼎白玉書體 H32 MD
DB
BD

*○:可透过可变式字型(Variable Font)使用

长体字型产品图例:






字体产品与应用

字体与外部环境改变的交互调整

 

80年代开始的计算机数字字体,在特性上,相较于铅字,有更容易开发多字重字体家族的特性,但是,在物理限制上,同一个字重若要使用在不同字号大小上,排版出来的显示效果就需要设计师稍微的留意一下字符间灰度的一致性。

 

我们一直提到字体的使用与外部环境、载体有着绝对的关系,时间拉回到活版印刷铅字的时代,初接触活版印刷铅字的朋友,看到铅字的规格有着初号、一号、二号、三号、四号、五号、六号等规格,一时间除了看到铅字大小的差异外,并不理解当中的用途以及铅字的设计。

 

概略来说,在铅字印刷的时代,铅字的设计在同一个造型不同字号的大小上,字符设计的结构布局具有细微的差异,这可算是近来optical size(视觉大小优化)概念的前身了,简单来说,就是为了让不同字号的字体可以有最佳的呈现,如:不同的应用情境、更清晰的显示或具有个性…而做的细微调整设计,以达到文字最佳的显示效果。

 

传统上,字体由细到粗的字重变化是字体这个素材在应用时最常用到的属性,但随着科技持续的研发创新,字体使用的载体早已不限于纸张材质的媒介,更透过不同印刷方式、油墨特性呈现多元的样貌,甚至在屏幕上的使用,也进化到肉眼分辨不出屏幕画素的是网膜等级。

 

我们整理几个字体应用在外部环境比较常受到影响的因子:

1.     光线明、暗

2.     直射光、反射光

3.     载体的不同:纸本、数字屏幕、纸张材质、屏幕分辨率

4.     数字屏幕:白底黑字、黑底白字

 

 

计算机数字字体相较于铅字印刷时代,在载体、使用环境上都复杂许多,以下,我们以文鼎方新书做为范例,来看看在不同的情境上,遇到汉字笔画数差异高的字符并列时,不加思索的直接使用字体,以及了解字体规格与特性后,微调后的排版效果,希望透过比较后,让用户更加的体认到字体使用上细腻、独到之处。

 

范例:文鼎方新书

文鼎方新书是一款保留着黑体的简练、稳重,也融合着明体的舒适、清雅的一款字体。这个使用情境的范例,上方的白底黑字或下方的黑底白字,都是模拟广告灯箱的直射光用字情境,方新书这个范例,是挑选已经默认好的字体设定来使用,当用字的载体环境都相同时(直射光),变量在于浅色底及深色底,我们会建议浅色底使用标准版的「文鼎方新书H7C95_H」,而深色底我们会建议使用有对汉字笔画数较多的字符进行笔画减细的「文鼎方新书H7C95D_H」,追求的都是降低视觉上光晕的现象发生,进一步的提升阅读的舒适度。

不同变量下使用不同规格、不同设定的字体,甚至是加以细节的微调,如字符间距、字符高度等,以达到最佳的视觉效果,这是我们在本篇文章希望读者可以学习到的地方。

字体产品与应用

字体风味轮

文鼎是一家字型厂商,近几年也陆续承接了许多字型配对的案件,主要都由英欧文字的需求开始,做中文、日文、韩文的字体搭配。以我们所处的环境,每天眼睛看到的繁体中文,对我们来说是最熟悉不过的文字,但是,对于文字来说,透过笔画造型、字体结构等变量因子的设计,会产生许多不同风格的字体产品出来,茫茫字海中有没有什么方式可以让使用者快速的找到所需使用的字体呢?|

喜欢喝咖啡或常逛咖啡馆的同好如果有注意到的话,应该会知道「咖啡风味轮(Coffee Taster's Flavor Wheel)」,它时常以海报的形式挂在咖啡馆中展示,如果没有看过,有机会的话多走几间咖啡馆,留意一下墙面的海报,就会发现啰!我们参考咖啡风味轮的概念,将其延伸到字体来,以汉字为出发点,从以字型应用的角度,试图将抽象的感受具体呈现出来,用图像形式设计出一个具有感性、具有情感的字体分类系统,让用户需要以感受来选字时,可以透过文字风味轮找到对应的字体,减少找字体、选字体的时间。

感受这种东西是一种主观性的认知,为了尽量找出符合大众想法的感受,在绘制字体风味轮之前,研究团队做了以下前期研究:

1. 研究咖啡风味轮期发展过程,是否有可借镜之处?

2. 以人为单位,不同的个体对字体造型是否有共通感受?

3. 字体造型是否受到文化发展的影响

4. 越来越多的跨语系字型Matching,风味轮/个性轮的定义,是否对此有帮助?及智能显示的应用?

 

我们认为感受性的事物会因为人、事、时、地、物等因素而有不同,因此我们也藉由公开的投票系统,让参与者参加文字风味轮分类的统计,让文字风味轮不仅是一个图像,而是能呼应外界的变化具有生命力的模型。

 

最后,整合我们所收集到的数据,将这些数据整合到字体的数据库,让每个字体都有自己的标签分类形成字体风味轮。

 

文鼎字体风味轮档案下载