close

本文為 justfont 在 AppleUser 的客座文章,原文來自《大眾字型學 (4):理想的排版強調法》。

電腦輔助的設計中,一般人可以輕易的凸顯任何內文。只要透過 Word 等基本文書編輯軟體內的 i、B、U 等按鈕,或任意改變文字顏色,就可以達到基本的強調。但是,這些設定對讀者而言,究竟是干擾還是助益?過去數百年的排版慣例又可以告訴我們哪些實用而合理的規則?

寫在前面:如果‧‧‧‧‧‧

如果什麼都強調了,就等於什麼都沒有強調。

 

強調最好是一個字、一組詞就好,非必要請勿使用。過多的強調法使用,其實等於沒有強調。認識到這個最基本的前提我們再談談不理想的強調法。

 

不理想的強調法:底線、假粗體與假斜體

除了要特別討論的上色之外,最常用的強調法不外乎「加粗」、「變斜」或是「加底線」。加粗、變斜是透過墨色濃度或形狀變化與正文對比,這發源自西方數百年的排版規則;加底線則是打字機盛行之後留下的遺產。

避免用底線強調

在中西方的排版規則裡,從來沒有發生過加底線來強調的情況。底線是打字機留下的遺產。

打字機上並沒有其他變化,只能裝正文,無法變化成斜體、粗體。所以就產生了底線設計,補足沒有強調法的缺陷。

但是我們可以來看一下,底線真的是有效的強調法嗎?底線加上去到底比較接近干擾還是強調呢?相信大家可以透過這段文字看出來,底線強調法會讓底線搶走字本身的風采,讓我們注意線多過於文字。

不論對中英文而言,底線都並非理想的強調法。專業的設計師或排版工匠還是會告訴你,最好使用正統的強調法:粗體(bold)、斜體(italic)等等。(這裡特別是就西文而言)

補充:但是就網頁而言,底線變成了標示超連結的一種慣例,是可以接受的。

相較於底線,以西方字母裡的粗體、斜體強調,更能配合正文字體的設計。他們有相同的家族基因,例如相似的骨架、比例與風格,只是加粗了或變斜了。這樣的特徵讓他們可以達到強調效果,但又不會太突兀,與正文不協調。

但其實多數人使用的粗體、斜體,其實都是「假」的。

避免用假粗體、假斜體

在 Office 軟體的設定中,i、B 兩個按鈕可以把任意字體變成斜體或粗體。如果一套字體裡真的有粗體、斜體那倒不會有問題(例如微軟正黑體有粗體);但是如果缺乏粗體、斜體,就會用程式演算出來一個替代的版本。這其實不是一個字體最天然的設計。

false-1new▲假的粗體都糊在一起;假的斜體則破壞了字體的結構與美感

這些假的斜體、粗體,看上去極不自然。因為人眼有許多細微的錯視,每個字的形狀也不同,若字的比例、粗細、曲線沒有經過特殊調整,只是依照數學公式統一變形,看起來就會很不協調,甚至糊成一團,難以辨認。

電腦的方便常讓人以為加粗或變斜只是一種特效。但在西文排版的歷史中,斜體與粗體並不是特效,而是一種特殊字體。

 

理想強調法:粗體字型與斜體字型

在活版印刷時代,粗體(bold)、斜體(italic),與正文字體(romans)其實是三種不同的字型(fonts)。這些不同的字型,其實都是基於不同的需求而設計出來的形態,而不是「加上去的特殊效果」。而且,這些概念都是西方來的,傳統中文排版沒有這三種字體的區別。

false-2new2▲正確的粗體、斜體使用法

(搞不清楚字型跟字體的差別嗎?)

 

一點歷史:為什麼粗體、斜體不是一種特效

在西方的印刷中,一開始是古騰堡的 blackletter,視覺樣貌很粗,跟現在的正文不一樣。(現在 blackletter 變成一種裝飾字體)後來到文藝復興時期,才基於當時文人的手書字跡創造正文字體,也就是學名為羅馬體(roman)的字體,目前存留最早的羅馬印刷體是 1530 年在巴黎刻的 garamond。

11979005004_885b05b58a_b▲Garamond 羅馬體。原圖出自這裡

Garamond 是什麼樣的字體?有什麼故事?

西文排版一開始只有羅馬正文字體,而沒有斜體。斜體是後來才發明的。斜體的英文學名是 italic,顧名思義,就是一個在義大利誕生的字體。比起正文羅馬體,italic 比較接近草寫、手書。手書所帶來的天然歪斜是斜體的來源。

11978901803_4a4d22ca19_b▲italic 是基於西方書法基礎的字體,原圖來自 Wikimedia Commons

一開始,斜體其實也當作正文字體。它不僅比羅馬體更有人文氣息,也更省印刷空間。只是久了以後人們開始發現斜體沒有比羅馬體好讀,到了文藝復興晚期,斜體就被用來與羅馬體混搭,做特殊用途排版,例如強調。這個規則一直延續使用到現在。而粗體出現的時間更晚,是十九世紀的發明,也是設計來與正文對比的。

回到主題,拆開歷史脈絡後我們就可以了解,粗體與斜體也是一種字體樣貌,不是按鈕產生的的特效。

補充:在麥金塔電腦的 iWork 系列中,若電腦裡缺乏字體的粗體字型或斜體字型,按 i 與 B 都不會產生任何效果。亦即,我們很難在用 iWork 生產的文件中看到斜體中文與幾何加粗的中文內文。

附註:其實,西文排版裡還有其他強調法的細節與歷史,包含使用全部大寫(allcaps)的強調法;italics、oblique 在中文都翻成斜體,但是有什麼不一樣呢?這些會寫在稍後刊出的進階版。

 

如果你想強調的是一整段

使用了真正的斜體、粗體,但是卻沒有善用它,那也是很可惜的。因為過度的強調等於沒有強調,還會變成一種干擾。我們可以試舉以下例子:

false-3new▲太多強調,其實就是沒有強調

以上圖片就是一個太多強調,等於沒有強調的好例子。但也看得出來,想這麼做的原因是希望告訴讀者「這一段很重要喔」。傳統的西文排版會用以下這種方式凸顯一個重要的段落:

怎麼強調一整個段落:

借由底色、邊框與不同字體的變化,告訴讀者這一段很重要,也幫助快速瀏覽掌握重點。

 

若使用顏色強調

對文字上顏色在活版印刷時代成本很高,因為要套兩個顏色下去印。但是這個限制在噴墨印表機、雷射印表機,甚至螢幕閱讀大行其道的現代就消失了,上色變成一種非常容易的事情。

但是就傳統的排版規則來看,或是以正式文件的性質考量,上顏色是一件比較不合乎慣例的事情。不過除了正式的紙本文件以外,舉凡網頁、名片、賀卡或書籍,都可以合理地使用顏色強調。

 

中文部分:強調法稀少

接下來我們要談一些中文排版的強調問題。

其實翻開古書刊本就可以發現,中文裡沒有顯著的強調方式。最傳統的,而且幾乎能確定是唯一一種強調方式,是在文句旁邊加上小圈圈。這個被稱為「強調點」。也就是說,目前也常用的粗體、斜體設計,其實從是西方學來的排版規則。但是就使用上而言,並沒有確立一套規矩。

11643550233_696a2f8c4f_b▲傳統的中文強調點(當然,中文強調點是直排的產物)

 

中文部分可行方案:使用不同字體強調

使用不同字體強調似乎是目前比較常見的方案。例如:

a1

 

但是這種做法很奇怪,黑體與明體其實很難搭配在內文,最好還是使用同一種樣式的粗體。

目前中文字體越來越注重字體家族,就是基於這種需要。例如信黑體、冬青黑體、蘭亭黑,都有不同粗細可以用作內文、註解與強調使用。上一篇我們提到日本 typeproject 公司研發的 adjustable font,則讓字體可以合理的調整粗細,用在適合的地方;而且不僅黑體,也包含了明朝體。越來越多同一風格、不同字重的「字體家族」是中日韓漢字圈未來數年發展的重要方向。

另外,中文也缺乏斜體造型。Word 或 HTML 程式生成的中文斜體其實完全破壞了中文的結構。除了建議大家儘量避免使用假斜體以外,我們也發現其實在中文歷史脈絡中,有跟斜體很相近的使用法。

依照歷史脈絡來看,在中文古書上,正文與註解使用的就是兩種不同樣貌的字體。用在註解的字體比較瘦長、纖細,樣貌上接近仿宋體。

Qin_first_emperor_annals▲中文古籍排版:正文與註解是兩種不同字體。圖片來自 wikimedia commons

而且仿宋、楷體體因為筆畫走勢關係,在視覺上與明體相較,會有差異顯著的歪斜感,如此則可能產生區隔效果。

a2

 

最後,目前也有人著手研究開發真正的中文斜體。上次我們在傑出華文漢字設計作品展中看到了香港理工大學郭家榮所實驗的中文斜體,可以供大家參考。

11644065276_f180bdbbdd_b▲從傳統中文書法理汲取靈感所創造的中文斜體

 

參考資料:

  • bold or italic – butterick’s practical typography
  • rules & borders – butterick’s practical typography
  • color – butterick’s practical typography
  • underlining – butterick’s practical typography
  • Rober Bringhurst(2008) Historical Interlude, Elements of typographic style p 123–124

本系列其他文章:

本文重點

  • 避免使用底線強調。(除了超連結)
  • 避免使用假粗體、假斜體強調。
  • 斜體、粗體是另一種字體,而不是特效。
  • 顏色除了正式文件,在許多狀況下都可以用在強調。
  • 想強調一個段落可以用區塊式強調。
  • 中文沒有斜體,但可以利用有字體家族的字體豐富排版。

 

www.justfont.com 世界最先進的中文網路字型服務,幫助設計師、工程師解決網頁沒有中文字型可用的煩惱。 justfont 也致力推廣台灣的中英文字型知識,了解更多有趣、新奇、專業、偏執、好玩的字體相關文章,請到 blog.justfont.com 字戀粉絲團 facebook.com/lovefonts,天天親近字型學。

arrow
arrow

    削蘋果 發表在 痞客邦 留言(0) 人氣()