定距字型与应用

2021-04-19 18:22:43.0

分類: 字体产品与应用

定距字(monospace font)这是字型设计里重要的设计规格,与其相对的是调和字(proportional font)。定距字是指字符宽度相同的字型,亦称为等宽字、固定宽度字体,本文后续以定距字、定距字型称呼;汉字中的半角字也是定距字的一种,安排后章节做说明。

 

现在大家使用上习以为常的数字字体出现前的时代,字体的呈现是透过铅字排印的方式传达出来,而铅字大多以固定宽度的方式作设计,来符合当时打字机、排印技术上的限制。时代的脚步不断的前行,计算机硬件环境与排印软件对于运算字体的机制也不断的改善,使得排版、阅读感受上,呈现出比较自然的调和字使用变的普及。

 

我们以AR Silver Sans 这款字简单来说明定距设计(Monospace)与调和设计(Proportional)在字符呈现的差异。为了要符合每个字符宽度一致的设计规格,我们可以看到AR Silver Sans Monospace在「i」这个符号字符的空间结构上与AR Silver Sans Proportional有明显的不同,这样的设计主要是为了在空间布局上取得较佳的呈现,另外「m」这个符号字符也因为字符空间的不同,而呈现不同的视觉样貌。

在当代的字型使用趋势中,大多是以兼顾视觉与造型设计的调和字型使用的较多,但定距字的使用,并没有因调和字的大量运用而消失,而是以能清楚呈现信息讯息的功能性使用角度持续存在着,例如微软在2019年发布的开源字型Cascadia Code,就是一款具有固定字距(Monospaced)特性的字型,适合用于计算机系统与工程师程序开发等用途上,让工程师在进行字符阅读时,达到提升程序代码与接口文字可读性的效益。

工程师在进行程序设计时,使用固定字距的字型可增进开发效率。

 

最近,我们也看到一些公共建设,如新竹车站信息面版、桃园机场的班机信息显示面版当中的字体也都是选用了固定字距的字型。以新竹车站显示列车到站的时刻表为例,这是设计师 施博翰使用了定距字设计的AR Silver Sans Monospace,作为新竹车站时刻表的呈现,这定距字的使用,配合设计师排版的专业,增加了时刻表上数字讯息阅读的可读性。

设计师 施博翰在新竹车站列车时刻表的排版设计

 

 

桃园机场的班机信息显示面版以定距字做为讯息阅读的文字选择。

 

 

虽然定距字型出现的时间较调和字型早了很多,但在使用上并没有因为外在环境硬件的提升而消失,反而以在特定情境下具有高辨视度的功能性继续存在着,厂商们也持续设计新的定距字,也让用字多了许多的选择。

 

 

附注:新竹车站列车时刻表引用自设计师 施博翰在「台铁新竹站指示标示系统设计规划说明」

 


字体产品与应用

Emoji图释in文鼎DC曼蒂手書體

2021年,文鼎字型与插画家Mandie合作,将Mandie亲笔书写的手写字开发成数字中文字体。Mandie自己平时一直保持着手写的习惯,希望藉由数字化后的字体产品,让大家在取得计算机打字方便性的同时,也能够重温手写字体的情感,让更多人记得手写字体的温度,回味一笔一画写字的时光。

文鼎字型自2015年开始开发文鼎DC陈森田MORITA、文鼎DC香蕉人体、文鼎DC云康钢笔行楷、文鼎DC蔡燊轩行书体,这类型的字体强调具有个人风格、个性化,近年在台湾市场能见度逐渐提高,应用在印刷、屏幕显示、手机接口上都有别于传统印刷字体的感受体验。

文鼎DC曼蒂手书体除了将Mandie的手书风格记录在字体中,另外还有一个小彩蛋:特别企划商请Mandie绘制了三百多个图释(emoji),让Mandie具有特色的手绘融入字体中。

要如何使用文鼎DC曼蒂手书体的图释呢? 我们以Adobe illustrator为例,当字符选择文鼎DC曼蒂手书体时,开启「字符」面板,滑动面板右方的拉杆,看到图释点选即可。需要注意的是在字符面板共有两个区块呈现这三百多个图释,这两者的差别在于当符号用于横排、直排的位置。



对于图释的开发,文鼎的设计师也不马虎,对于符号单独使用在横排、直排以及符号与汉字一起使用时,在横排、直排的排版效果都有加以优化的调整与设计。



在Adobe illustrator另外一个使用图释的方式是透过替换字符的机制做选用,在这个情境中,图释已经输入完成,将鼠标移至该图释上出现的替换字符,呈现的候选符号为上述为直排情境设计的字符。

近年来在Apple、Microsoft等系统厂商开发支持图释的操作系统、软件后,图释在使用上的门坎降低了许多,有兴趣的使用者可以在Mac、Windows上试试以下快捷键,呼叫出可输入图释的小键盘、窗口来使用:
Mac操作系统:Control+Command+空格键
Windows操作系统:Windows(窗口键) + . (句点)或Windows(窗口键) + ; (分号)

但要请使用者注意,现阶段有支持图释的软件有限,以Windows为例,同样是office 356中的Word、Excel、Powerpoint,输入图释后呈现的行为也会有异,这样的情形有待软件开发商的支持,以让图释有一个友善的使用环境。

文鼎DC曼蒂手书体
字体应用及用途:书刊标题、影片/电影标题、食品包装、生活感的广告标语、电子书信书写等。

字体产品与应用

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

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

 

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

 

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

 

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

 

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

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

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

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

字体产品与应用

文鼎UD晶熙黑体的西文造型搭配

中文字体与日文字体同样都有汉字、西文与假名,如果有留意日文字体产品,会发现日文字体同样的一个字体家族,但有着不同假名、西文的造型设计做搭配。

文鼎UD晶熙黑体开发之初也规划有这样的设计,亦即晶熙黑体在西文的造型上,共有三种造型可供设计师选用,以简体中文为例,字体名称分别是:

1. 文鼎UD晶熙黑体

2. 文鼎UD晶熙黑体E1

3. 文鼎UD晶熙黑体Aktiv

这三款字体的西文造型可以追溯回到原始的西文字,分别是AR Dori Sans、AR NewHebe Sans、Aktiv Grotesk;AR Dori Sans、AR NewHebe Sans是文鼎字库近年来在西文设计的代表作之一,除了文鼎内部的字体设计师参与设计开发外,也力邀位于美国波士顿Font Bureau字体公司的总监David Berlow协助设计指导、监修;两款原生西文皆有自Light-Ultrablack 9个字重,在与晶熙黑体汉字12个字重搭配时,设计师重新给予字重的设定,细修曲线、调整架构再加入必要的视觉修正,字重扩充至极细的Hair到极粗的Ultrablack(E1版),再依据视觉灰度给予最佳的宽度比例,让中文汉字、西文搭配出最佳的整体视觉效果。

 

西文符号的设计通常会有因应造型、字重而做视觉校正的处理,目的是为了排版上的美观、舒适性而做。以AR Dori Sans /文鼎UD晶熙黑体的符号为例,在数字1和4就有在不同的字重上做视觉校正,经过视觉校正的字型有字高(Font Height)的不同,但随着字重(Weight)加粗,数字1、4、6将差距会缩小。



文鼎UD晶熙黑体Aktiv,是晶熙黑体的汉字与英国合作伙伴Dalto Maag 公司的Aktiv Grotesk 进行搭配后的字体,共有繁体中文+香港字符集、简体中文、日文三个语言,每个语言各四有个字重,旨在将晶熙黑体的简洁与Aktiv Grotesk干净利落加以整合,感受上均匀平稳,视觉连贯而有当代感,目前已经导入国泰航空做企业字体的使用。

文鼎UD晶熙黑体,拉丁以AR Dori Sans做搭配,整体呈现出几何、工程、现代的氛围,具有Medium-Heavy共五个最常使用的字重,适合在数字显示环境下使用,在中文显示各分句之间停顿的逗号(U+FF0C),设计师简化汉字逗号的造型,在这里尝试着做大胆的简化设计,阅读时营造出简洁时尚的视觉感受。

文鼎UD晶熙黑体E1,拉丁以AR New Hebe Sans做搭配,整体呈现出经典、传统、隽永的氛围,适合使用在书籍排印,现有12个字重的产品推出。

搭配着不同西文造型的晶熙黑体产品,这样的整合设计罕见于中文字体上,让设计师们在字体使用时,多了不同设计情境字体选用上的弹性。