大眾字型學:理想的排版強調法

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

本文轉載自  Justfont 〈 大眾字型學 (4): 理想的排版強調法  〉,作者為 justfont blog 作者 WINSTON

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

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

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

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

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

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

避免用底線強調

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

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

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

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

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

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

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

避免用假粗體、假斜體

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

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

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

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

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

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

正確的粗體、斜體使用法

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

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

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

Garamond 羅馬體。原圖出自 這裡

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

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

italic 是基於西方書法基礎的字體,原圖來自 wikimedia commons

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

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

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

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

如果你想強調的是一整段

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

太多強調,其實就是沒有強調

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

怎麼強調一整個段落:

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

若使用顏色強調

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

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

中文部分:強調法稀少

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

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

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

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

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

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

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

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

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

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

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

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

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

參考資料:

  • 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

本系列其他文章:

本文重點

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

《延伸閱讀》

「字型入門」為何 Futura Medium 不適合標題字?

視覺化資訊圖表(Infographics)設計教學:字型篇

二十五年研磨台灣字體之美 —專訪文鼎科技

文字怎麼搭配才吸睛? 10 個排版秘訣搞定你的設計

魔鬼藏在寬度裡

募爆了!台灣自製字體「金萱」募資半天突破 800 萬台幣!

歡迎加入「Inside」Line 官方帳號,關注最新創業、科技、網路、工作訊息

好友人數

引領疫後科技業徵才新趨勢!緯創資通打造幸福職場平衡工作與生活

一場疫情改變了生活模式,也改變了無數人對於工作的想像。哈佛商學院 2021 年調查顯示,許多美國科技業人才轉職時除了薪資福利,更在乎工作的意義與自由度,希望從中獲得更多的自主性與自我價值提升。
評論
評論

深耕全球 20 年的緯創資通以全球為基礎,從設計製造服務,到專注於發展5G 通訊、AIoT 技術、專業顯示技術,結合工業物聯網 (IIoT) 與數位轉型等前瞻性發展,深耕智慧交通、智慧製造、智慧家庭、智慧醫療,打造未來智能生活。緯創順應國際趨勢,持續創建數位轉型文化及創新管理思維,透過「賦能員工」凝聚團隊向心力,共創兼顧工作效率與生活品質的環境,吸引年後轉職人才加入。

緯創全球總共25個營運據點,遍佈歐美及亞太地區 25 個國家,跨域與跨國管理的經驗,讓緯創在人才選用育留的觀念上更具有前瞻性,打造符合未來趨勢的友善職場,全方位提升同仁幸福感。

「DnA 數位學院」培育千名數位轉型專家,高效工作才有品質生活

如何擁有生活品質又能高效工作?「熱情工作、快樂生活」是緯創資通人力資源團隊的期許。緯創特別設計彈性上下班、有薪活力假、旅遊補助及生育獎勵金等福利,並提供交通車,讓同仁能大幅節省通勤時間,同時能達到節能減碳,善盡地球公民之責。

身為全球具有影響力的企業,緯創為落實數位轉型,企業內部辦學「DnA數位學院」成為一大亮點,邀請全體同仁參與「數位轉型微學習課程」,建立全員基礎數位思維,並且建立數據共享平台,協助同仁透過共享數據提高溝通效率。此外,具潛力的同仁完訓之後,有機會親自規劃課程傳承知識與經驗,在企業內部創造自己的舞台,進一步凝聚團隊向心力。

DnA 數位學院特地融入實際案例分享與模擬情境練習,幫助同仁學以致用,將知識落地為實際戰力;課程完訓後的同仁能獲得認證肯定與獎金,一步步成為專業數位專案領導者。緯創提供高度信任與尊重,以及實質獎勵,讓全員親身感受工作的意義與成就感,樂於主動參與,形塑特有的企業文化與自由風氣。

緯創資通「DnA學院」建立全員數位基礎思維,提升工作效率也形塑主動參與的團隊風氣/ Photo Credit :緯創資通

智能專題線上分享會,攜手人才打造國家戰略產業

除了數位轉型強化同仁創新思維,緯創資通也透過校園深耕等方式,培育更多即戰力。緯創總經理沈慶堯表示:「人才是未來發展的關鍵,我希望同仁能有協同作戰的特質,以及國際化的思維與能力。」

因應全球發展與科技趨勢,緯創將於 1/22(六) 推出「智能專題分享會」系列影片,分享智能場域實務經驗與未來趨勢,涵括智慧車載、智能製造、智慧交通等專業領域,歡迎跨領域人才踴躍參與,一起打世界盃,成為國際頂尖人才。

緯創資通「智能專題分享會」,暢談全球未來趨勢,邀請跨領域人才共襄盛舉/ Photo Credit :緯創資通

本文章內容由「緯創資通」提供,經關鍵評論網媒體集團廣編企劃編審。