文鼎中文字體設計流程

2022-01-17 00:00:00.0

分類: 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

字體與外部環境改變的交互調整

 

80年代開始的電腦數位字體,在特性上,相較於鉛字,有更容易開發多字重字體家族的特性,但是,在物理限制上,同一個字重若要使用在不同字號大小上,排版出來的顯示效果就需要設計師稍微的留意一下字元間灰度的一致性。

 

我們一直提到字體的使用與外部環境、載體有著絕對的關係,時間拉回到活版印刷鉛字的時代,初接觸活版印刷鉛字的朋友,看到鉛字的規格有著初號、一號、二號、三號、四號、五號、六號等規格,一時間除了看到鉛字大小的差異外,並不理解當中的用途以及鉛字的設計。

 

概略來說,在鉛字印刷的時代,鉛字的設計在同一個造型不同字號的大小上,字元設計的結構佈局具有細微的差異,這可算是近來optical size(視覺大小最佳化)概念的前身了,簡單來說,就是為了讓不同字號的字體可以有最佳的呈現,如:不同的應用情境、更清晰的顯示或具有個性…而做的細微調整設計,以達到文字最佳的顯示效果。

 

傳統上,字體由細到粗的字重變化是字體這個素材在應用時最常用到的屬性,但隨著科技持續的研發創新,字體使用的載體早已不限於紙張材質的媒介,更透過不同印刷方式、油墨特性呈現多元的樣貌,甚至在螢幕上的使用,也進化到肉眼分辨不出螢幕畫素的是網膜等級。

 

我們整理幾個字體應用在外部環境比較常受到影響的因子:

1.     光線明、暗

2.     直射光、反射光

3.     載體的不同:紙本、數位螢幕、紙張材質、螢幕解析度

4.     數位螢幕:白底黑字、黑底白字

 

 

電腦數位字體相較於鉛字印刷時代,在載體、使用環境上都複雜許多,以下,我們舉幾個例子來看看,在不同的情境上,遇到漢字筆畫數差異高的字元並列時,不加思索的直接使用字體,以及瞭解字體規格與特性後,微調後的排版效果,希望透過比較後,讓使用者更加的體認到字體使用上細膩、獨到之處。

 

範例一,文鼎毛楷、文鼎顏楷

文鼎毛楷是一款擁有Bold、Extrabold、Heavy三個字重的書法字體,簡潔有勁的筆型線條變化及長形字構設計,呈現秀麗的書法的風格,適合於小標題、大標題使用。

 

下圖白底黑字為反射光用字情境,黑底白字為直射光用字情境

在左上區塊,我們可以看到「蝦」這個字元的灰度弱於其他兩字,這時候,如果我們將「蝦」單獨這個字元的字重換成Heavy(右上區塊),視覺上,三個字元的灰度是不是就平衡了許多呢?

 

 

左下區塊黑底白字為類似廣告燈箱的直射光用字情境,這時候我們看字的光線會從背板直接射入我們的眼球,筆畫多的字,散發出來的光線量會比較多,因此適當的將筆畫多的字元粗度減細,可以降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。

同樣的,下方文鼎顏楷的使用也類似文鼎毛楷的原理,由此,我們可以知道,瞭解一款字體的特性、觀察不同的用字情境,適當的選用、挑選是必要的。

 

範例二,文鼎方新書

文鼎方新書是一款保留著黑體的簡練、穩重,也融合著明體的舒適、清雅的一款字體。這個使用情境無論是上方的白底黑字或下方的黑底白字,都是模擬廣告燈箱的直射光用字情境,與範例一不同。

 

範例一我們透過對字元進行字重的挑選,達到視覺上字元灰度的平衡,而方新書這個範例情情境,則是挑選已經預設好的字體設定來使用。當用字的載體環境都相同時(直射光),變數在於淺色底及深色底,我們會建議淺色底使用標準版的「文鼎方新書H7C95_H」,而深色底我們會建議使用有對漢字筆畫數較多的字元進行筆畫減細的「文鼎方新書H7C95D_H」,追求的都是降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。

 

 

 

不同變數下使用不同規格、不同設定的字體,甚至是加以細節的微調,如字元間距、字元高度等,以達到最佳的視覺效果,這是我們在本篇文章希望讀者可以學習到的地方。

 

Products and Applications

哪些系統、瀏覽器和軟體支援可變式字型(Variable Fonts)?

可變式字型(Variable Fonts)是OpenType字體格式的一種,從2016年發佈至今,與以往的字型檔案的使用經驗不同,只需安裝一個可變式字型(Variable Fonts)檔案,即可使用該字型定義的可變屬性,如字重(weight)、寬度(width)、傾斜(slant, italic)、光學尺寸視覺調整(Optical size)等,變化出一套完整系列字體,不再需要安裝10幾個字型檔案,大幅減少安裝字型套數且有效降低字型檔案大小。

 

可變式字型(Variable Fonts)讓設計師的設計帶來更多的變化,透過彈性的微調字型細部參數,打造出專屬的字型樣式,讓作品更具有視覺吸引力。

 

可變式字型(Variable Fonts)使用需要在支援可變式字型(Variable Fonts)的作業系統與軟體中使用。以下列出各作業系統、瀏覽器和軟體最低支援版本。

 

作業系統

作業系統顯示可變式字型(Variable Fonts)是用字重加樣式方式呈現

作業版本 最低支援版本
Windows 10 1709
macOS 10.13

 

瀏覽器

瀏覽器支援顯示可變式字型(Variable Fonts)的變軸設定(Weight、Width、Italic、Slant、Optical Size),如何將可變式字體使用於網頁上可參考下方應用新知連結中的文章https://ifontcloud.com/index/newknowledge_detail.jsp?id=89

瀏覽器 最低支援版本
Chrome 66
FireFox 62
Safari 11
Edge 17
Opera 53
IE 不支援

 

手機瀏覽器 最低支援版本
iOS Safari 11(需使用iOS11)
Android Chrome 93(需使用Android OreoAPI version 26)
Android Firefox 92(需使用Android OreoAPI version 26)

 

 

軟體

可以利用可變式字型檔案量小,但透過變數軸的調整,為您的作品提供更多的字體面貌。

軟體 最低支援版本
Adobe Illustrator CC 2018 (201710)
Adobe Photoshop CC 2018 (201710)
Adobe InDesign CC 2020(201911)
Sketch
59
Microsoft Word
Office 365
Apple Pages
11.1
Apple Keynote
11.1
Apple Numbers 11.1

 

部分軟體如MS Office 365 Word、Apple Keynote,未完全支援可變式字型的使用,但是使用者仍可使用到可變式字型預設的字型實例,如下圖

 

Windows Office 365 Word

 

Mac Office 365 Word

 

Apple Keynote

 

 

Products and Applications

「iFontCloud」APP介紹

文鼎推出「iFontCloud」APP在iPad和iPhone,APP內有多種豐富繁中與簡體類型的字體讓用戶安裝。「iFontCloud」APP共有320套字體,包含文鼎經典字體「晶熙黑體」完整12套字重和「方新書」字體系列,以及最受歡迎外部設計師的字體─陳森田和香蕉人字體,與最常使用的明體、黑體和圓體,除此之外,還有書苑宋、黃陽尖魏體、云康行楷、清圓體……等字體,讓您在iPad和iPhone用字體製作更精美的作品!

已在iFontCloud購買方案包或單套字的會員,只要字體有在「iFontCloud」APP中且訂單在授權期間內,即可在一台iPad或一台iPhone上免費安裝使用字體。

文鼎提供所有會員4套免費字體使用

  • 文鼎上海宋體_L
  • 文鼎楷體_M
  • 文鼎上海宋_L
  • 文鼎中楷体

在「iFontCloud」APP安裝完成字體後,即可開啟有支援custom fonts的APP,像是Pages、Keynote、Adobe Photoshop等APP使用字型。

規格
系統:iPhone 、iPad iOS 13及以上系統
支援安裝custom fonts的APP

  • Pages
  • Keynote
  • Numbers
  • Draft
  • Notebook
  • Noteshelf
  • GoodNotes
  • Adobe Photoshop
  • Adobe illustrator
  • Clip Studio Paint

字體清單:https://ifontcloud.com/index/plan_fontList.jsp#!?package_id=9920200814043308