定距字型与应用

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,作为新竹车站时刻表的呈现,这定距字的使用,配合设计师排版的专业,增加了时刻表上数字讯息阅读的可读性。

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

 

 

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

 

 

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

 

 

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

 


字体产品与应用

如何呈现国字〇

在使用输入法输出中文字时,你的零是以怎样的面貌呈现呢?是写成国字「零」,还是「〇」、「O」、「○」、「0」或是写「0」?在windows作业系统的环境里,「零」、「O」或「0」使用任何输入法都可以打出来,但是「〇」用一般系统内建的输入法像是注音、新注音、仓颉是找不到的,如果您有额外安装的输入法,如自然输入法,键入零这个字,则可以透过选单找到「〇」。

上面举例的这些字符造型都长的很相近,每一个字符在Unicode字码的定义里都有一组数字来代表自己,这组数字一般通称为字码,这几个字码及其代表的意思分别如下:

零:U+96F6,中文汉字零。

0:U+FF10,全角数字零。

○:U+25CB,空心圆圈,几何图形。

〇:U+3007,空心圆圈,几何图形。

0:U+0030,数字零,属于基本拉丁字母。

O:U+004F,拉丁大写字母O,属于基本拉丁字母。

 

这些造型相似的字符在使用上会有怎样的差异,下图我们以微软正黑以及文鼎UD晶熙黑体、思源黑体做举例,在使用国字显示公元年时,我们可以看到使用 U+3007「〇」字符有最佳的排版效果,除了U+3007这个字符本身就是为了与国字一起使用外,以晶熙黑体为例,还会因应字体造型、字重做优化的设计。

如果在绘图软体,如Adobe illustrator里,我们可以透过「字符」工具面版来找到「U+3007,〇」这个字符,或者是用前面word输入的教学方式,在word中将「〇」呼叫出来,再复制到Adobe illustrator中做使用。

 

字体产品与应用

认识文鼎字体的命名

文鼎成立超过30年,回顾文鼎字库产品,主要投入在东亚的字体开发,包含繁体中文、简体中文、日文这三个语言字体;另外,还有其他如泰文、阿拉伯文、印度文及西文字体。在这些语文当中,又随着各国信息处理发展演变及国际标准化规范的潮流,衍生出不同技术规格的产品,如我们熟悉的简体中文,在字集规格面,可分为GB2312、GB18030…等规格。因此,我们可以理出一个字体命名的大方向:先看语言、字集,再延伸其他字体属性。

 

 

 

技术规格面主要包含字符集(也常称为字集, Character set)、字体格式:

字符集以语言为基础,在繁体中文、简体中文、日文有以下常用的规格:

繁体中文:Big5、Unicode 2.0、Unicode 3.0

简体中文:GB2312、GB18030

日文:JIS X 0208、JIS X 0213、A-J1-3

 

字体格式主要分为两大类:TrueType、OpenType,其中,TrueType又包含了TrueTypeCollections(TTC),这是一种允许将多个字体合并为一个字型档案的格式。TrueType格式的字型产品,在产品名称后面大多加上B5、 HK、U30字符集的缩写来传达产品语言的支持情况,但在OpenType格式的字体产品,我们以字符数量的多寡为基础,分为Std、Pro两个系列。

 

接着,我们就可以来细看一些字体名称上的代号概述:

表示语言/字符集

G30:简体中文GB18030字符集,如:文鼎UD晶熙黑体XG30 (若简体字集没有标示G30则为GB2312字集)

U30:繁体中文Unicode3.0字符集,如:(若繁体中文没有标示U30则为Big5字集) ,如:文鼎UD晶熙黑体U30

HK:字集中含有香港字符集,如:文鼎UD晶熙黑体HK

JP:日文JIS X0208字符集,如:AR UDJingXiHeiJP

KR:韩文_KSX1001字符集(HangulOnly) ,如:ARUDJingXiHeiE1KR

 

表示字型属性

C:长体(Condensed)字体设计,EM1000下的字体设计规格,提供C80、C90、C95等3种字宽变化,C80表示字面框的宽度为高度的80%,如文鼎方新书H7C80。

X:EM1000下的字体设计规格,字体字面宽缩小成95%的版本,形成长型字的字体感受,如:文鼎UD晶熙黑体XG30

E:E (加一码数字)产品中的西文符号为另一种造型的设计,以文鼎UD晶熙黑体为例,标准产品搭配 ARDori Sans造型的英欧文,而文鼎UD晶熙黑体E1搭配ARNewHebe Sans造型的英欧文

 

P(适用于TTC格式):

繁体中文、简体中文_字型中的常用全角符号为调和设计(Proportional),如:文鼎UD晶熙黑体PHK。若无标示P,则字型中的全角符号为定距设计(Fixed pitch),如文鼎UD晶熙黑体HK:

日文_除全角符号外,日文中的KANA符号也做调和设计(Proportional),如:ARマーカー体P。

 

F(适用于TTC格式):中文手写字体汉字字宽维持定距全角的宽度设计,如:文鼎DC香蕉人体F。

 

Display:标题用字,字型设计特征符合标题、大字的使用情境,如:文鼎书苑宋DisplayH16。

 

Text:内文用字,字型设计特征符合内文、长文排版的使用情境,如:文鼎书苑宋TextH32。

 

H16、H32、H46、H62:绝对值,字型设计规格,描述在EM1000的设计规格下,横笔的粗度为上述数值单位的呈现,如:文鼎书苑宋TextH32。

H7:比例值,字型设计规格,表示字型设计上,横向笔画的粗度为直向笔画粗度的70%,如文鼎方新书H7。

表示字重

HR: Hair 

TH: Thin

L / LT: Light 

M / MD: Medium 

D / DB: Demi Bold 

B / BD: Bold 

E/ EB: Extra Bold 

H / HV: Heavy 

EH: Extra Heavy 

DBL: Demi-Black 

BL: Black 

UBL: Ultra Black

 

表示产品设计分类

DC:DesignerCollection,为文鼎与外部设计师、书法家、插画家合作开发的字型产品,如:文鼎DC清圆体。

UD:UDFont (Universal Design Font)字型设计,就是延伸自Universal Design,设计精神包含:识别性、易读性、设计简洁,如:文鼎UD晶熙黑体。

 

表示可变式字体

Wl, Wr, Wu: 字重(weight)轴的极细段(light),中间段(regular),极粗段(ultra)

W: 字宽(width)轴

C: 对比(contrast)轴

G: 中宫(zhonggong)轴

H: 字高(height)轴

O: 光学尺寸视觉调整(optical size)轴(微字型, 标志用字浓淡度调整)

S: 样式(style)轴

 

多种字体名称代号的定义,代表着产品设计因应着外部变化的脚步,让字体产品辅助用户,为设计带来最佳的视觉效果。

 

字体产品与应用

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

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

 

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

 

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

 

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

 

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

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

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

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