立場新聞 Stand News

【設計教育】Typography 與 Type Design 的關係 — Monotype講座與參觀

2019/3/25 — 10:56

香港區的行政經理秦德超先生(Ricky Chun)、首席設計及製作經理許大鵬先生(Robin Hui)、及高級字體設計師許瀚文先生(Julius Hui)與我們在Monotype HK辦公室的合照。

香港區的行政經理秦德超先生(Ricky Chun)、首席設計及製作經理許大鵬先生(Robin Hui)、及高級字體設計師許瀚文先生(Julius Hui)與我們在Monotype HK辦公室的合照。

「字體是食材,字體設計師是精製食材的人,書籍設計師則是烹調食材的廚子。鮮美食材,配合精湛廚藝,方能煮出一道佳餚。」
——Monotype HK首席設計及製作經理Robin Hui

近日在香港理工大學設計學院,正在執教「傳意設計」學士一年級的「Typography」(字體排印學)必修課程。

◉ Typography與Type Design的異同

廣告

Monotype的講座與參觀。

Monotype的講座與參觀。

廣告

坊間很多人誤解,以為Typography(字體排印學)是Type Design(字體設計),其實兩者並不相同。

簡單來說,Typography是一種編排文字的工藝。設計師從選取字型開始,透過排版設計,編輯令受眾易於閱讀的文章。當中的技藝與知識包括:字體選擇、字號尺寸、句子欄寬、字間距、行間距等,再進一步亦包含Editorial Design(編輯設計)的範疇,如網格系統、空間運用、圖文互動、正負空間比例、對比力、節奏感等等。我們致力把印刷文字編排得易認、可讀、及富美感,務求帶給讀者愉悅的閱讀經驗。

Monotype、Linotype、FontFont。

Monotype、Linotype、FontFont。

至於Type Design則是與之相近的專業,是對字體本身的形態描繪與設計;以某一主題概念為核心,針對客戶的要求,設計師在框架、結構、骨架、筆劃、空間等各方面進行描繪、製作與調整,設計出基本字型,繼而生產出一整套字型家族。Typography與Type Design雖說是不同專業,但關係密不可分,擁有著共通的設計語言。

因此,這次課程我除了教授字體的演進與分類、結構剖析、如何欣賞不同的風格、編排設計的方法外,第七堂我還特別安排了專業字體設計公司的講座與參觀,讓學生接觸何謂Type Design(字體設計)。

◉ Monotype講座與參觀

Monotype香港辦公室

Monotype香港辦公室

剛剛的3月4日,我們非常榮幸能邀請到Monotype Hong Kong(蒙納公司)在課堂中舉辦講座,以及讓學生們參觀其香港辦公室。學生與我皆獲益良多。非常感謝Monotype,特別是香港區的行政經理秦德超先生(Ricky Chun)、首席設計及製作經理許大鵬先生(Robin Hui)、及高級字體設計師許瀚文先生(Julius Hui)!

當天的安排是:首先由許瀚文先生(Julius)作為代表,在我們課堂上分享其字體設計的經驗。(Julius也是理大舊生,多年來一直專注於文字設計;他過來跟師弟妹分享,最好不過。)之後我們一起坐車到位於上環的Monotype辦公室參觀,再由秦德超先生(Ricky)及許大鵬先生(Robin)簡介公司現況及中文字體設計的基礎知識、歷史、工具及製作步驟。

Monotype香港辦公室

Monotype香港辦公室

◉ Julius的字體設計講堂

在課堂的講座裡,許瀚文 (Julius Hui)首先介紹Monotype的背景與其字庫現有的字體。基於當時革命性的鑄排機(hot-metal type composing machine)的發明,Monotype公司於1897年在英國成立。經歷超過一個世紀的不斷發展,其間也與其他字體公司如Linotype、FontFont等合拼,現已成為全球最大、以美國為基地的跨國字型公司。

Monotype字庫現提供超過2000種不同字體,一些家傳戶曉的字體,都由其字庫提供。Julius繼續與我們分享一些Monotype經典字體:如Bembo、Garamond、Plantin、Baskerville、Times Roman、Grotesque、Gill Sans、Futura、Din、Neue Frutiger等等;他逐一簡介、解釋與點評其中的特色與有趣之處。譬如,Times Roman開初的活版印刷體非常漂亮,現在的電腦體筆劃則變幼了。Paul Renner當初設計的Futura的「a」字及「g」字幾何感非常強烈,挑戰受眾對字母的接受程度。以上所見,差不多所有知名字型都在Monotype名下,連之前Linotype的代表作亦盡歸其所有,的確讓人驚嘆。

Futura的設計草圖。

Futura的設計草圖。

Intel Clear字型設計。

Intel Clear字型設計。

接著,Julius以Intel企業字型「Intel Clear」的設計項目,用作解釋字體設計的過程。一條Font究竟是怎樣煉成的呢?他說有四個步驟:一、Ideation(構思);二、Design Concept(設計意念);三、Concept Refinement(完善概念)、四、Execution(實踐)。

這是企業客戶的專屬字型設計,因此要滿足客戶的要求、改善現在所用字型的問題、及加強企業的核心價值,針對這三點去設計新字型。一、「Ideation」是資料搜集、草稿、整理初稿設計的階段,無襯線體(Sans Serif)在這時已確立。二、「Design Concept」是構想意念及設計的階段,他們以Intel的核心價值「Amazing Things Happen With Intel」去設計Intel Clear字型。這次沒有大刀闊斧的設計,而是筆劃、點線的微妙的變化(crotch、bowl、terminal等部位),旨在讓人更容易閱讀。與舊字體相比,Intel Clear更具均勻的比例、整體更圓潤、也設計了方形點。三、「Concept Refinement」是把字體完善、微調、修改的階段。設計師嘗試把字寬加闊,及各種微調,讓字體更趨完美。Intel Clear的確更親民、清晰度也較高。四、「Execution」是繼續完成整條字款的階段,也把每個字母放在相對應的Unicode位置上。

接近尾聲,Julius分享了「What made a good read?」,仔細解譯Legibility(可辨性)與Readability(易讀性)這兩項影響閱讀快感的重要元素。最後,他以被視為字體設計聖經,由Robert Bringhurst所著的《The Elements of Typographic Style》一書作結,讓這次講座完滿落幕。

Julius的字體設計講堂

Julius的字體設計講堂

◉ 中文字體的四大類別

講座完成後,Julius與我們一起坐車到Monotype辦公室參觀。

行政經理Ricky給我們簡介Monotype的品牌現況、工作性質、各地的分公司、及其字體設計師等等。在學生們四處參觀、觀賞以前的設計草稿的期間,Ricky講解了中文字體與英文字體的分類是有所不同的。中文字體按筆劃特徵,及潛在用法分為四大類:對比、等線、書寫、圖案。

一、對比(Modulated):筆劃有明顯的粗幼對比,起筆、收筆、轉折處通常有特別的設計細節;例如宋體、仿宋等。二、等線(Monolinear):筆劃沒有明顯的粗幼對比,起筆、收筆、轉折處設計亦簡約;例如黑體、圓體。三、書寫(Handwritten):設計靈感來自以手書寫繪畫的字樣,以不同的書寫工具的特性融入字體設計之中;例如楷書、隸書。四、圖案(Graphic):此類字體個性強烈,具視覺衝擊力,有較圖案化或裝飾化的筆劃處理;例如綜藝體、剛黑體。

這又讓學生們長知識了!

不同的中文字體。

不同的中文字體。


◉ 中文字體設計的四層重要性

然後,首席設計師Robin則跟學生分享中文字體設計的歷史演進、步驟、重點、及軟件等,讓我們基本了解中文字體的設計與製作。他一邊解說,一邊拿很多新、舊設計工具與草稿給我們看。

據Robin所說,現在他們所用的是名為「Glyphs」的設計軟件,跟從前相比,大大縮短了一個字型家族的製作時間。設計師只要設計一個最粗的字型、及一個最幼的字型,軟件就可以自動生成中間粗度的字型,這中間粗度的字型的筆劃當然要微調;但相較過往每隻字、每個粗幼也要逐隻造,現已節省很多時間了。

Robin亦分享了中文字體設計最重要的四個層次:一、不容許有錯字、錯筆劃。二、Unicode的字位一定要正確,否則用家在電腦打不出相應的字。三、中文字體的結構、骨架、比例一定要正確。四、這是最高層次的,也不是每個字體設計師也做到,這就是在空間、筆劃上作最高級別的微調修正。例如,「日」字的上下兩個「口」,正常是上細下大的,這些細微的部份要調整得完善!

最後,學生們親身看到兩位前輩字體設計師在電腦前的造字過程,大家也雀躍不已,目不轉睛地看。

手繪字體草圖。手繪字體草圖。

手繪字體草圖。

手繪字體草圖。

這次講座與參觀,是最貼地的字體學習,讓學生們親身了解得更多!再次感謝Ricky、Robin & Julius!

作者Facebook

發表意見