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

2021-12-22 10:41:00.0

分類: 字体产品与应用

 

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

 

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

 

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

 

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

 

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

1.     光线明、暗

2.     直射光、反射光

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

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

 

 

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

 

范例:文鼎方新书

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

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


Products and Applications

文鼎方新書

文鼎方新書立於黑體,保留黑體的簡練、穩重,融合明體的舒適、清雅,並以高規格審視標題用字之識別性、內文用字易讀性,期望帶給使用者最佳的使用體驗。文鼎方新書造型設計捨棄明體傳統點、捺造型,收筆如眉,清新盈盈,兼容字構的均衡平穩。

因橫直筆寬度的搭配及收筆縮減,文鼎方新書融合黑體和明體的優點,加上反覆雕琢視覺濃淡,排版視覺清晰不突兀。拓展Condensed 系列後,使方新書在排版的表現更為出色,提供使用者多元選擇。

 

本影片透過Adobe Illustrator來呈現方新書的使用方式,分別演示中文常用全型符號調和設計(Proportional)、長體Condensed家族、經過字元灰度調整後的方新書,使用在桃園機場第三航廈的介紹以及方新書的可變式字體(Variable Font)。

 

應用設計

Products and Applications

可變式字型variable font在設計上的應用,以明/宋體為例

可變式字型(variable font) 發佈於2016年,發佈至今,我們觀察到許多字型設計公司逐漸地發布自家的可變式字型,經過這幾年的推廣,最近我們從問卷調查上發現國內的設計師對這樣的產品仍然感到陌生,今天,我們藉由幾個演示,再一次讓大家認識可變式字型。

 

可變式字型的特色在於可隨使用者的設定或是依應用程式的自動判斷,變化出將近無限種的字體屬性組合。只需要一個字型檔案,就可以無間段調整該字型提供的字重、字寬或對比等可變屬性,讓設計師用字的創意不再受侷限,同時也減少了龐大字體家族所需要的大量記憶體空間。

 

不知道大家有沒有思考過一個問題,字體設計師都是在60公分距離前的螢幕做字體設計,使用時,有可能近到20公分,遠則超過5公尺以在使用的字體,這樣的應用情境,字體的設計如果都一樣,合理嗎?設計師如果在用字的時後,思考到這樣層次的問題,有沒有產品可以上設計師挑選使用呢?

 

通常在進行字型開發前先會決定使用目的,而在選用字型時,會依情境來選用造型,在使用明/宋體這類的字型時,通常橫向筆畫的粗細是固定的,在可變式字型裡,可以將橫向粗細的變化設計在可變式字型的變化軸上,使用者除了傳統的字重外,還可以使用到橫向筆畫(對比/Contrast)變化軸的調整。下方以文鼎書苑宋體書苑宋作為舉例,因應複雜化的使用情境,書苑宋設計了四個橫筆粗細的產品,為橫筆寬度16(EM Square =1000 ) 到62 的響應式設計,使用者可依據使用配方建議,從內文到標題,從紙本到屏幕,因應不同情境選取適當字型使用。

 

有個多個橫筆粗細對比這樣的產品,我們思考一下,如果在設計這樣的指示標示,怎麼樣可以讓閱讀訊息用的字體在畫面上呈現的更好呢?畫面上『南京三民站』這幾個字分別使用思源宋體(上)與文鼎書苑宋體(下)做展示,我們可以看到這五個字元筆畫數並不算多,但『三』這個字的筆畫相對起來特別少,整體看起來視覺灰度少了一級。

這時候如果我們要對他加粗,通常的作法就是在AI裡轉外框,加筆畫,但這樣一來,字就變成圖,不是字了,會增加後續版本維護的困擾。使用書苑宋可變式字型的微調後的成果,我們來看看調整前後的差別,經過適當的調整後,每個字元的視覺量感變得更平均了。

我們認為,設計師寶貴的時間應該要用在設計思考上,如果字體可以協助設計師解決問題,節省設計師的時間,那就是我們對設計產業的幫助。關於更多可變字型的資訊可參閱下方文鼎iFontCloud雲字庫的展示說明

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

Products and Applications

文鼎DC云康行楷

由施隆民教授書寫的文鼎DC云康行楷,字型書寫旨在掌握書法的美感,筆法上以流暢、生動為原則;結構上為了排版印刷的美觀,盡量保持「端莊」的體態。云康行楷在設計時,加入中文排版裡「疊字」效果的巧思,施隆民教授在書寫時,特意創作「相同字的不同寫法」,以展現書法中「不雷同」「不重複」的美感,讓云康行楷更能呈現書法藝術的精神。此外,云康行楷提供了兩種不同書法風格作選擇,其中云康行楷碑帖版,藉由部首共用、改變寫法、增減筆畫等多方式,保留傳統書法運筆藝術之美。

 

本影片透過Adobe Illustrator來呈現云康行楷TrueType(TTF)與OpenType(OTF)兩個字型格式的使用方式,分別示範疊字的選用,以及中文常用全型符號調和設計(Proportional)。

應用設計