文字排版在字體加粗的應用

2021-04-27 00:42:32.0

分類: Products and Applications

在10年前,我們應該很難想到現在字體的使用,也會像聽音樂一樣,線上訂購、跨裝置、隨買隨用,目前,這樣的字體訂閱服務機制,可以讓使用者使用到大量的字體,而在選用字體的時後,各家服務機制都有提供簡易的篩選功能,使用者依據自身的需要,從上千套字體中快速的找到符合需求的字體造型來做使用。

 

在應用上,我們以幾個例子來演示字體加粗/粗體的使用建議。在Windows的使用環境中,文書處理的首選絕大多數想到應該是Microsoft Office系列的軟體,繪圖設計則是illustrator,這對於大多數的文書處理使用者、設計師來說,這絕對是一時之選。

 

但是,我們認為在這兩個軟體中,字體加粗的使用情境有一個可以增加字體閱讀舒視度的小方法,即是多字重、多橫筆粗度的字體應用彈性。下圖方框中的部分是Microsoft Word字體加粗的機制,一般來說,這是透過程式演算的機制產生出來的,對於中文漢字顯示效果的支援較差,在筆畫相對複雜的字元上,就會出現筆畫因空間過於接近而產生沾黏的現象,即便是專業的繪圖軟體illustrator,透過外框的機制也是呈現出不佳的視覺效果。

 

現在大部分的字體在開發設計時,多會以朝多字重的方向做規劃,這個情境下,就可發揮多字重字體的使用彈性了,以文鼎UD晶熙黑體為例,如果我們以Medium這個字重當作內文排版使用,那我們會建義需要做加粗的部分,可以往上跨一個粗度,即使用Bold作為加粗後字體呈現的選擇,以此類推,這是我們對於文鼎UD晶熙黑體在加粗屬性的建議,可以作為排版的使用參考。

另外,在明/宋體的造型上,我們以文鼎書苑宋Display字體家族做演示,字重相同為Heavy,文鼎書苑宋DisplayH16 Heavy的有著輕盈的視覺感受,如果我們需要一個加粗的效果,在Word使用Blod屬性或illustrator外框加粗,得到的都是一個暴力加粗的結果,如果我們嘗試選擇文鼎書苑宋DisplayH62 Heavy,我們依然得到一個加粗的效果,但與程式暴力加粗的效果對比,字體結構不至於變形,視覺感受也相對來的優雅起來。

多字重、多橫筆粗度字體家族的設計,能夠帶給設計師排版上的選用彈性,透過細膩的選用技巧,可以讓字體排版時不再受限於軟體的限制。


Products and Applications

文鼎DC黃陽尖魏

文鼎DC黃陽尖魏體是知名書法家_黃智陽教授,與文鼎合作開發的真跡書法字型;黃陽的字體是書法的專業技術與現代造形特質的新媒合,長時間逐字用心書寫與設計,使尖魏體突顯了瘦金體的利落美,結合了魏碑體的方折感,使字體的使用更具有文化意義與時尚氛圍!黃陽尖魏在設計時,加入中文排版裡「疊字」效果的巧思,黃智陽教授在書寫時,特意創作「相同字的不同寫法」,以展現書法中「不雷同」「不重複」的美感,讓黃陽尖魏更能呈現書法藝術的美感。

 

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

應用設計

Products and Applications

文鼎中文字體設計流程

中文字體的組成包含漢字與符號,其中符號又可分為拉丁、數字、標符、日文Kana等,以繁體中文Big-5的規格為例,漢字所佔字元數的比例高達94%,如何有一個順暢的字體開發流程,以及高效率的造字系統是一個攸關字體產出效率的重要課題。

所謂萬丈高樓平地起,一款優秀的字體必須建築在前端的造型發想與筆畫設計,目前漢字的開發大多以漢字的最小組成單位「筆畫」來進行字體結構的組成,以「筆畫」為單位的開發方式,具有效率較高、利於修改與維護的優點。

下圖為文鼎的中文字體開發流程,從最左方的設計造型開始,經過筆畫分析、筆畫繪製的前期準備作業後,進行少量的試造字開發,當中評估設計細節、開發製程、技術,通過核可後,就進入穩定但期程最長的大量造字階段了,以繁體中文為例,一款字體在大量造字階段約需9個月的時間來完成,其後就進入字體美感品質與字體工程品質審核的品管字審階段,以上這些關鍵流程,在開發過程中如果有發現需要改善的地方,就會退回到前面階段,進行檢視與評估,確保字體產品在有品質、有計劃、有效率的情境下完成。

流程關鍵點解說:

  1. 筆畫分析
    依字體造型,選擇合適的筆畫代表字進行筆畫的拆解與繪製,完成筆畫分析表,以文鼎UD晶熙黑體為例,繪製680個筆畫即可完成13060個中文漢字的組成。

  2. 大量造字
    此階段主要執行以筆畫組成漢字的作業,透過文鼎字型開發的造字程式,將已經設計好的筆畫置入工作區,透過設計師的美感來進行建構組合。

  3. 品管字審
    字體美感品質_
    這是很重要的工作,通常一套中文字型需要2~5個設計師協作,主設計師(chief designer)就需要監修各個設計師的產出,以確保整套字體的品質。通常這個工作是和大量造字並行,而且會循環多次。
    字體工程品質_
    此為產品化前最後一個階段,目的在確保每個字元筆畫位置、筆畫接筆、外框曲線、控制點數量等沒有瑕疵
  4. 產品化

    將設計好的漢字、拉丁(Latin)及符號整合轉成TrueType/OpenType字型檔,並在WindowsMacOS上的軟體測試,通過測試後由產品經理派發至ifontCloud銷售平台進行上架銷售。

 

Products and Applications

文鼎字型關於字距的產品規格與應用

若是文鼎字型的鐵粉,有沒有發現近幾年文鼎的字型產品,在安裝後於軟體使用時,在字型選單列裡會出現另一組字體名稱幾乎一樣的字體,仔細一看,差別在於另一組字體名稱中多了「P」、「F」的代號。

 

幾年前,文鼎公司在與外部設計師交流的過程裡,不止一次聽過這樣的聲音,大致是這樣:在文章排版遇到中文全形符號的時後,常常需要花許多時間來調整個別符號的字間距,以免過大的白空間影響著版面閱讀的舒適度。

 

另一方面,真跡手寫數位字體的特色,除了字體造型外,每個字元的寬度、大小也不盡相同,我們將這樣的手感溫度帶入數位字體,讓每個字元在透過軟體排版後,仍然散發著人真人手寫的感受;然而,同時間字體也需要考量不同載體、軟體的相容度,這些都是在字體設計過程中字元規格的設計,連動到字體使用端文字間距調整的情境。

 

近幾年文鼎字型產品,如在印刷排版常會使用到的明、宋、仿宋、楷、黑、圓這幾類的字型產品,而且應用上,會在內文情境出現的字重規格,這些因素下,字型產品就會以TTC(TrueType Collections)的字體格是製作,裡面包含標準規格的漢字、符號以及有對常用39個中文全角符號進行調和(Proporitional)設計

的字型,這些有調整常用39個中文全角符號的字型,在字型選單列表裡,名稱中就會多了「P」這個代號,以下以文鼎書苑宋體為例。

 

而真跡數位化活潑風格的產品的情境剛好相反,通則上,以還原設計師寫字稿時字元的寬度為預設值,此時字元在排版上會呈現文字寬度擬真、有書寫韻律感的視覺效果;在兼容不同軟體對讀取字體的考量下,另外將真跡數位字型漢字的字寬,刻意的做等距的規格,在字型選單列表裡,名稱中就會多了「F」這個代號,以下以文鼎DC陳森田MORITA為例。

 

 

這些字型產品如果在Adobe軟體裡使用,要特別注意字元面版中「設定兩個字元之間的特殊字距」這個設定,若選到視覺,則文字會依Adobe的機制,根據字元的形狀自動調整選取字元間的間距。