字戀講座在華山 #7

沒有排版基礎要怎麼 Freestyle｜上集

講座心得和學習筆記分享

昨天參加了 Justfont 在華山文創沙龍主辦的第七場免費講座——沒有排版基礎要怎麼 Freestyle，聽說這次開放售票到售鑿只經過五分鐘，可以明顯感受到和字體相關的議題越來越熱門。活動資訊會不定期發佈在字戀粉絲專頁，平時也會有各種有趣主題的懶人包（寫 code 專用定寬字型、免費字型新手包、來自明天的科幻感字型⋯⋯）很推薦大家追蹤關注噢，另外在 Justfont blog 裡的文章則是從令人會心一笑的豆知識到相對實用的字體知識，都詳細記述著。先前脈絡化整理了 Justfont blog 裡（幾乎所有）的文章，希望能夠給大家在查找資料上一些幫助！

來一個懂字懂字的節奏

每次講座的上半場屬於「必修科目」介紹字體必備基礎知識，以及 Justfont 的工作內容（正在著手進行的金萱微糖，透過 IG 帳號 designers_at_jf 可以一窺字體設計師日常）和服務項目（雲端字型），下半場的「選修科目」會隨著時事或互動調查需求規劃不同的趣味性議題。本篇文章也依照講座慣例，先來一起釐清這些容易混淆的專用名詞吧～

這都不會，我覺得不行

• 字體（typeface）：有共同設計理念的文字集合
  （例：黑體在設計上的特徵為外型方正、筆畫粗細一致）
• 字型（font）：字體可以被實際使用的形式
  （例：思源黑體是 Google 和 Adobe 開發的免費字型）
• 字型家族（font family）：多套相同風格但不同粗細的字型
  （例：思源黑體共有六種不同粗細樣式，同屬一個字型家族）

一些容易混淆的名詞

以麵來做比喻大概是這樣吧

• 字符（glyphs）：字形檔案裡的一個圖形，或者指字型的單位
• 字形（glyphs）：漢字的形狀，或者指單獨一個字的寫法

「字形」形狀不同：漢字有自己的獨特形狀 (source)

「字形」寫法不同：同樣的「公」在台灣、中國、日本、韓國四個地區各有自己的官方標準 (source)

延伸閱讀：造字人的苦惱──是誰寫的對？

• 字身：（固定空間）一個字實際上的物理限制，鉛字外圍的身體部分
• 字面：（想像空間）文字本身在一個空間裡占了多大比率

在電腦的字形檔案裡我們無法直接感受到何謂字身和字框，但若是從鉛字理解就能清楚分別兩者的差異。字身框決定每個字和字之間的距離，由於漢字是方塊字，字身框通常都是正方形，字面框則決定了這套字型的個性。

從鉛字較容易理解字身和字面的概念 (source)

以麵來做比喻的話，字身框就是承裝麵條（文字）的盤子，它有物理上的限制空間，無法做更動。字面框（字麵框？）就是麵條（文字）本身，你可以決定麵條的量是多是少，也影響著這盤麵給人的感受如何。

以麵來做比喻大概是這樣吧 (source)

字面框大顯得醒目卻也有些緊湊的壓迫感，字面框小會得到較多喘息空間 (source)

延伸閱讀：到日星鑄字行學字型

• 骨架：文字架構的基本線條

文字的骨架有三個要點「讓每個文字在視覺上的大小相等、筆劃的曲線與空間上的分配、印刷字的架構與部首比例」下圖上方的「玉、令、國、下」字形分別是「正方形、菱形、正方形、倒三角形」，若將字面框填滿字身框，「玉、國、下」看起來會略大於「令」，照著紅線指示調整過後的下方文字，視覺上的大小就協調許多。

字身大小調整過後整體看起來更為協調 (source)

• 字腔（counter）：筆畫圍繞出的內部空間

除了線條筆畫設計，由骨架分割出來的空間也是要考量的部分，白色空間大小相近、分配適當才會達到視覺平衡。下圖中的兩個「林」即使筆畫寫法、文字粗細都一樣，卻因空間分佈不同有著很大的差異。

截然不同的兩個林 (source)

• 字重（weight）：字型筆畫粗細程度

字重同樣也是要透過鉛字才好理解的概念，日星鑄字行的鉛字分為初號到六號共七種號數，越大的鉛字重量越重，到今日引申為字型筆畫粗細程度。

日星鑄字行的鉛字號數從初號到六號 (source)

下半場講者從三個排版的核心觀念切入，分別為「比例、順序、群化」，也強調設計是一門和數學有關的學問，尤其排版更是經過精密的計算，不是如表面上單純的圖文編排。

希望大家都有更瞭解有關字體的基礎知識了，對於本文有任何建議、回饋，或者你認為有更好的設計方式都歡迎在底下留言噢！

沒有排版基礎要怎麼 Freestyle｜下集