文鼎中文字體設計流程

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

如何快速在軟體中找尋文鼎字型?

電腦安裝太多字型,每次都要花很多時間從頭開始,卻還是找不到要使用的字型,令人覺得頭痛,再加上不同軟體讀取字型名稱的方式不同,有時候明明安裝中文字型,但是字型清單顯示的卻是英文字型名稱。

 

以下我們以在台灣使用繁體中文介面的Windows作業系統說明如何在軟體中找到文鼎字型。

文鼎字型的中文名稱大多以「文鼎」這兩個字開頭做顯示,英文則是「AR」,在iFontCloud文鼎雲字庫網頁或iFontCloud字庫管理工具中有提供字型的中文和英文名稱,讓您清楚知道字型的名稱,搜尋字型更容易。

常用的Office 軟體,如:Windows 2013 word、Excel和PowerPoint,在顯示字型的下拉選單中,輸入字型名稱的第一個字「文」或「AR」即可快速到達相同名稱字型的位置,此時點開下拉選單就能更換為其他字型。這裡有一個字型語言及作業系統語言的變數要注意一下,一般來說,繁體中文字型名稱大多為中文顯示,而簡體中文的字型名稱則為英文;如果作業系統是是Windows簡體中文版,則規則相反,繁體中文的字型名稱以英文顯示,簡體中文字型名稱則是中文。

而設計師常用的Adobe系列軟體,在Photoshop、Illustrator中,繁體或簡體字型的字型名稱都是用中文顯示。在字元視窗中,輸入任一字型的名稱關鍵字後,Adobe的字型運算機制即會將該關鍵字相關的字型列出,這樣就加快了使用者找字的效率。倒是要特別題一下,在InDesign裡,若在繁體中文的作業環境,簡體中文字型是以英文的字體名稱做顯示。

從上方簡要的說明,我們可以這樣說,在字型公司的字型工程做業端要兼顧到字型使用的各個環節,確保在任何環境上字型產品都能被正確的顯示與使用到,這確實是一件專業的工作,也是整體造字工藝中重要的一環。

Products and Applications

文鼎DC香蕉人體

來自宇宙的香蕉人學寫字,慢慢地寫、緩緩地進步,他的字,有點呆、有點萌。這是文鼎字型與插畫家_香蕉人(林柏辰)合作開發的手寫字,所有字體的內容都是香蕉人手寫繪製,再由文鼎字型作數位化,產品同時涵蓋繁體中文、簡體中文。

 

手寫字體具有溫暖的感受,在數位化的過程中,我們思考傳統上數位字型的規格以及用戶的體驗,最終,將香蕉人體漢字定距字與調和字整合在一個字型檔案裡,使用者透過字型選單選擇適合情境的字型做應用。

 

本影片透過Adobe Illustrator來呈現文鼎DC香蕉人體的使用方式,演示漢字定距與漢字調合設計排版上視覺的不同。

應用設計

Products and Applications

在Word轉存pdf時,無法顯示粗體

使用Microsoft Word做文書編輯是日常中再正常不過的一件事,但是將文件編寫完成後,做樣式、段落的排版後,想要輸出PDF檔,卻遇到本來該加粗的文句卻無法顯示粗體的困擾嗎?

這樣的情況有幾個事件可以做探討:

  1. 使用Word提供的加粗功能是否合宜?
  2. 在Word編輯後,轉存PDF的方式?

下圖是Word工具列截圖的畫面,本文說明的重點在「B」這個圖示「將文字變成粗體」的功能。在Word中使用「B」圖示做文字加粗為Word軟體中提供的功能,但此加粗是透過程式計算的方式,將文字做粗體的顯示,嚴謹來說,相信字體設計師一定不喜歡這樣的加粗效果,但這樣的功能有其一定方便性與經濟性(不用特別再買一個粗體字來做粗體效果)



透過程式計算機制的字體加粗效果,其在字元架構的美觀性遠不如經過設計師微調筆畫空間後的成果,若在講究文字排版細節時,我們會建議選擇同字體家族較粗的字型來自為字體加粗效果的選項。以文鼎字型的字重單位為例,若是使用Medium字重做為內文排版,則加粗效果的字重建議為Bold,若是使用Demibold字重做為內文排版,則加粗效果的字重建議為Extrabold,也就是跳一個字重單位的方式來做使用。


回到本文的問題,若在Word文件編輯後,使用另存新檔,執行儲存PDF檔案的動作後,卻發現原本該有的文字加粗效果在PDF文件重無法呈現?這是哪裡出了問題呢?

這與Word軟體的以及字體產品工程的設定有關係,在字體產品工程的設定中,有一個「OS/2 table / WeightClass」的設定,當字體在這個欄位的設定值與Word不一致時,就會出現在轉存PDF無法顯示字體加粗的效果,此時,若有訂閱Adobe的使用者,使用「儲存為Adobe PDF」或「列印成PDF」一樣無法解決文字加粗效果無法呈現的問題。

這樣的情況,根本的問題解決方式為文章上方所建議,透過使用相同造型的字體家族,選用較粗的字重來排版,以徹底解決文字無法加粗的困擾,並達到加粗後的字體有最佳的顯示效果。



附註:
Microsoft 對於PDF加粗的回應:Bold font is not shown in pdf output from word
Adobe對於PDF加粗的回應:One of my fonts not in bold when making a PDF