你每天都用到的字體,原來有這麼多講究!
編者按
結束了美好的8天長假,工作日第一天,博雅君為大家誠意送來滿滿乾貨!
無論你是學生黨還是上班族,學習時和工作中,總免不了和字體打交道:做PPT,更新公眾號,寫項目計劃書,甚至只是美圖時P上文字發朋友圈……但是那麼多字體,到底該選哪一種呢?
字體是有性格的(現代的、古典的,高大上不明覺厲的、言簡意賅通俗淺白的……),也各有所長(好辨識的,省版面的,適合印刷的,適合屏幕顯示的……),不同的字體會帶來不同的視覺效果。
接下來,博雅君將從字體的基本構成入手,並結合常用的屏顯字體案例,帶你領略字體設計的奧秘。相信下次你再選擇字體時,會更有把握!
你每天都用到的字體,原來有這麼多講究!
Amazing!
(內容節選自廖宏勇著:《信息設計》,北京大學出版社,2017年10月)
當我們面對文本信息時,就會感受到字體的直觀作用。字體的形態樣式可以反映出設計品質。這些樣式被存儲和植入字型檔,排版系統可以從字型檔中提取所需字體。
字體的相關概念之結構因素
(1)基線( Baseline)
在常規的字行中,所有的字元都位於一條看不見的線上,這條線就叫作基線,如圖3-5所示。不同字型檔字體的基線位置是不同的,這完全取決於字元的樣式。一般來說,基線位於字元從底部向上的三分之一處。如果基線位置不一致,那麼排出的字母就會忽上忽下很不整齊。基線是一種基本的參考。
行間距(或行距)其實就是用磅數來表示不同基線之間的距離,通常指從一行字的基線到上一行字的基線間的距離。
(2)x高度
除了字體的磅數,字體的大小還主要有賴於其小寫字母的高度。這個高度用基線到小寫字母「x」的頂部之間的距離來表示,被稱作字體的x高度。這個高度上畫出的與基線平行的線稱作字體的中間線( Meanline)。x高度隨著時代的變化而時高時低。當代傾向於較大的x高度,這樣更易於閱讀,在電腦屏幕上更具有優勢。
(3)升部( Ascenders)與降部( Descenders)
升部是小寫字母中高出中間線的筆畫,降部是字母中低於基線的筆畫。不同的字體中,升、降部的高度和寬度差異很大,有時升部會比相同磅數、相同字體中的大寫字母還要高一點。
與x高度不同,升部和降部通常受到它們所屬樣式的全身正方形的限定。有些字體的升部比標準的高,以至於如果行間距稍緊一些,就會碰到上面一行字體的降部。當使用升部明顯較高的字體時,必須相應地調整行距。
(4)襯線
襯線是字元主要筆畫末端的花飾,這些花飾可以讓筆畫在末端向外延展,從而提升視覺識別率。襯線作為字體結構的一部分,歷史十分久遠。人們最早可以從古希臘的石碑銘文上看到它。現在最基本的字體分類方法是將有襯線的字體(Seriffed)與無襯線的字體( Sans serif)區分開來(圖3-6)。
襯線字體更多地被用於正文,因為總體上來講它們更便於閱讀。無襯線字體更傾向於被運用在標題文本中,例如書名或其他大型字體。儘管也有一部分無襯線字體被用於正文文本中,但那些通常是無襯線古文體,來源於古典的、文藝復興時期的字體,它們的樣式不是幾何方式的構成。
襯線字體襯線不只是裝飾物,它們可以幫助眼睛在字元間互相區別,從組成排版頁面的眾多細小筆觸中辨別字元。它們同時為字體提供了一種微小的水平結構,這種結構可以產生一種圖形導向,便於觀者順暢地瀏覽,所以正文中常使用襯線字體(如宋體、 Times new roman)。襯線有許多種類,在形狀、尺寸和體積上差別很大。許多字體就是根據其襯線而命名的。
襯線字體舉例:
無襯線字體舉例:
與漢字中的黑體相對應。其中,人文主義體是無襯線字體中最具書法特色的,而幾何體擁有最現代的外觀。
(5)字族
字族是指一組專門設計的、一起協調使用的字體。最典型的字族由四種字體組成,即正文字體、粗體、斜體以及粗斜體。字族名稱通常取自字族中的「常規分量」的正文字體,例如 Times new roman、 Bodoni或 Helvetica。需要說明的是,一些字族少於四種字體(如 Century old style就沒有粗斜體)也有一些字族包括四種基本字體以外的字體。流行的字族常常會包含許多組成部分,在無襯線字體中尤其如此,因為它們比襯線字體更易於以不同的分量和寬度進行再設計。
(6)字體分量
另一個字體之間的區別就是它們的分量,即字母主要筆畫的粗細。字體分量大體上有從細到粗的變化。通常字體的分量會根據歷史的、美學的或實踐的依據來確定。例如,最古老的金屬字體要比之後的字體粗,那是因為當時的印刷技術需要用更強烈更突出的字體來呈現,人們才能看清。
除了細體(light)和粗體(bold),現在人們更多地使用的是常規體( Regular),這種字體分量用來指稱專為正文設計的字體分量,儘管它並不屬於正式的字體名稱,但使用頻率十分高。另外,一些用於正文字體分量的名稱還有中等體( Medium)和書體(Book)。羅馬字體的分量名稱表述在粗細程度上又有一些變化,例如 Helvetica字族具有較大的分量變化範圍,其中包括特細( Ultra light)、瘦長體(Thin)、細體( Light)、常抑體( Regular)、粗體(Bold)、黑體( Black)以及特黑體( Black#2)等。
(7)度量依據與經驗依據
在字體編排中,人們通常以其「所見」為正確與否的依據。儘管排版工藝與精確的度量有關,但是以度量為依據並不總能產生好的視覺效果。這是由於視覺的規律總會帶有主觀色彩,並且視覺規律也與觀看情境有著微妙的聯繫,所以感覺經驗往往會優於以度量為依據的正確性。
舉例來說,雖然無降部字母按規定應該置於基線之上,但這只是針對底部扁平的字元而言。在圖3-16中,仔細觀察「NOW」中的字母「O」,就會看到其下方實際上略低於基線。同樣地,頂部呈圓形的小寫字母在設計時也會超出一點中間線。這樣做是因為圓形字元的頂部與底部在圖形感上比較薄弱,大寫字母「E的頂部也是如此。假使這些字母和其他字元一樣高,它們看起來會顯得很小,並且浮於基線上方,這就是超出排字( Overshoot)現象。
這一原理在中文字體中也有體現,比如圖3-16中的「國」字,像這樣的全包圍結構的字體,如果按照頂邊方基線( Baseline)式度量,那麼我們就會發現其看上去比周圍字體大一圈,所以在調節大小關係的時候,我們會將這些全包圍的字體適當縮小到參照線之內,這樣可以使其看上去與周圍文字一樣大。
把文字編排建立在相對單位的基礎之上,是解決字元大小變化的聰明辦法,但是這種技巧遠不如想像中那麼簡單。首先,按比例設計的字體如果再按比例縮小(或放大)時,就會變得十分難讀;其次,當字體尺寸增加(或縮小)時,字元間空白的變化幅度會明顯大於字體尺寸的變化幅度,這勢必會使字體的編排顯得過於疏鬆或過於緊湊。
對於小字體來說,加大字元的x高度,會使字元及其識別特徵變大。一般來說,我們會為小字體設置相對較粗的筆畫,以使其顯得稍粗一些。這不僅會更加易於辨認,而且還可以使它們在頁面上的色調與並用的大字體接近,使得編排效果更加統一。此外,經過處理的小字元在某種程度上也要變得更寬一些,這不僅是加粗筆畫導致的結果,也是將字元內部的開放空間(所謂字櫃[ Counters])調整得更大使筆觸之間的空白更明顯的結果。從實用性的層面來說,這些特徵使它們更易於印刷,並且字元筆畫的相對疏散性也使字元間的空白不易被油墨填堵。
屏顯字體之中文字體
在當今新媒體的語境中,屏顯字體的重要性不言而喻。屏幕閱讀已成為我們日常獲取信息的主要途徑,但要達到與紙媒閱讀一樣的舒適性,就必須重視對屏顯字體的研究。
在 Cleartype技術( Opentype技術的一種類型)出現之前,宋體字一直是網路上唯一的中文字體,有其明顯的優勢。宋體字雖然是襯線字體,但在12像素大小的情況下在屏幕上看更像無襯線字體,同時也保留了一部分襯線字體的特點,因此得到廣泛的使用。12像素的宋體顯得非常銳利,但黑體就會出現明顯的粘連效果。
20世紀90年代後,新媒體技術在中國迅速普及,對一款適用於「提示」( hinting)的字體的需求受到了微軟的重視,於是微軟委託中國方正公司設計了一款微軟雅黑字體。從簡體中文的 Windows vista開始 ,Windows系統的簡體中文漢字就開始使用微軟雅黑,比之前的 Windows中默認的宋體效果更加清晰易辨,同時也美觀了很多。通過 Clear type技術的顯示,小字型大小的微軟雅黑同樣清晰,減少了閱讀的阻礙,屏幕閱讀的體驗非常好。
微軟雅黑的設計打破了傳統的文字結構設計方式,放大了中宮的結構,使文字顯得更加飽滿,極大地增強了文字的識別性。同時,微軟雅黑體設計的時候特意壓扁了文字,使文字的上下距離變小,也使其閱讀起來更為清晰。微軟雅黑體被應用於多種場合和系統中,從此替代宋體,給人以一種全新的視覺感受。
此外,值得一提的是雪豹新簡體字體,其主要運用於蘋果的操作系統中。這種字體是由北京漢儀字體公司與字游工房共同設計開發、大日本網屏製造株式會社發行的中文簡體黑體字型。大陸簡體中文的OSX系統使用了雪豹新簡體,即 Hiragino sans gb,這種字體在之前的日本版本上進行了修改和簡化,極大地提高了屏幕的可識別度。 Hiragana字體最大的特點是細節精細,體現了較高品質,適用於閱讀類應用程序和對字體要求苛刻的設計類閱讀。
如今,屏幕的成像清晰度可以輕鬆超過300像素,顯示精度已不再是問題,這也意味著屏顯字體的設計可以從技術的限制中完全解脫出來。就中文來說,從最初完全屈服於低像素屏顯的點陣字,到沿用印刷時代的字體,再到專門為電腦開發的第一代中文屏顯字體——微軟雅黑和蘭亭黑家族,中文屏顯字體設計也逐漸從被動適應走向主動研發。
早期的中文屏顯字體字面大、偏幾何、富有工業感,為了適應屏幕的低像素也損失了許多細節。隨著移動終端的普及,第一代屏顯字體已不能滿足各種攜帶型屏幕的閱讀訴求。今天,手機屏幕的清晰度已與電腦屏幕相當,甚至幾乎接近普通的列印效果,這給中文屏顯字體的設計帶來了極大的自由。加之手機、平板電腦的閱讀視距比電腦要近得多,所以也不必再一味追求字體的大字面,適當收緊了筆畫之間的空間並縮小了字面,通過筆畫和間架結構的再設計,在確保傳統文字書寫氣息的基礎上,提升了文字的識別性。由此,中文屏顯字體設計回歸人文的表達成為可能。


※國際翻譯日:也許很多人不懂,但我就喜歡翻譯這工作
※魯迅《狂人日記》楊憲益、戴乃迭英譯本
※有關中國翻譯碩士教育大學排行榜的個人聲明
※美國人最厭惡的口頭禪
※金克木:怎樣讀漢譯佛典——略介鳩摩羅什兼談文體
TAG:翻譯教學與研究 |