《日本人就是這樣學平面設計》:何謂易讀性與可視性高的文字排版?

《日本人就是這樣學平面設計》:何謂易讀性與可視性高的文字排版?
Photo Credit: Shutterstock / 達志影像

我們想讓你知道的是

本書是日本設計學院使用的教科書,全書由三位日本老師撰寫,其中一位曾榮獲「世界最美的書」設計銀獎,帶領讀者入門,不出國就能學會日本平面設計的基本。

文:生田信一、大森裕二、龜尾敦

【2-10 易讀性】

決定易讀性的要素

影響頁面易讀性的要素,包含了字體的選擇、字距和行距、行的長度、文字顏色和紙張顏色的關係,可說是種種要素加總的結果。

以傳統的日文排版為例,一般公認最好閱讀的方式是明體直排,字距為貼排(Beta),而行距以放大為宜。

如果字距比行距大,讀者會搞不清楚文章要從何讀起;如果句子太長,換行時,視線要從行末移動到行頭也會變得困難。

其他如同一頁面使用太多不同的字體,或是有太多變化要素,都會影響易讀性。

此外,一般認為比起純白的紙張,淡乳白色的紙張讀起來眼睛比較不累。要讓讀者不被設計影響,能立即投入內文好好閱讀,以上幾點必須列入基本考量。同時要注意字體的細部差異,尤其是字腔(筆劃中的空間)的大小、筆畫圓尖等細節,都是影響整體平衡的要素,最好選用不會太特異,讓人看起來很安心的字體。

行距調整方法

雖然一般認為行距大有利於閱讀,但並不是任何地方都能無限制放大。如果放大行距,同一頁空間納入的行數將減少。為了在有限空間內確保一定的行距,最有效的方法是將文字變形。橫排時,可以稍微拉長文字(將左右幅度調窄的變形),減少必要的行數,使整體的行距變大。如此一來,會讓字面看起來更整齊,比正體(沒有變形)有更好的效果。

此外,新聞的排版,通常主文會採平體(文字扁平的變形)設計,好讓有限的空間能夠容納更多的文字量,而且相對讓字距看起來變小,以增加連續感,達到易讀的效果。

思考頭尾調整

為了處理編排禁忌而進行的空間調整,稱之為「頭尾調整」。如果「頭尾調整」的地方很多,會讓整體編排看起來不協調。此外,在字行較長的排版中,調整的地方或許不明顯,但行長變短時,就會很明顯。因頭尾而造成排版的紊亂,除了可以調整間隔因應,也可以修改整篇文章。此時,並非由設計師或排版人員任意決定,必須在不損及整體排版品質之下,由編輯或執筆人共同處理。為了減少需調整的地方,吊句尾也是一種有效的做法,只是它不適用於只選取特定內文,最好通篇使用。

另外,圖說等行末緊鄰其他要素,或者段距較小的內文段落,用附加行尾會顯得太突出,反而不容易讀。為了不影響易讀性,想使用附加行尾時,在頁面設計的最初階段就要注意才行。

易讀性會變動

把健康的年輕族群和視力衰退的高齡族群兩相比較,很容易就能理解「易讀性」會因讀者對象層的不同而改變。

近年可以聽到年輕讀者說「明體不好讀」、「橫排較易讀」的聲音,許多人認為,這是因為雜誌等多用黑體和橫式的內文排版,導致讀者習慣這種設計方式。

此外,年輕族群不僅對明體直排帶有「太嚴肅」、「很難融入」的印象,也有人認為很「新鮮」、「輕鬆」。這主要是從書和雜誌的角度來看,若換成街頭海報,大概又有不同的反應吧。

因此,不論地點或對象很好讀的文字排版,可以說不存在。好不好讀會因為場所、時代及年齡層等條件的不同,而有不同標準。

1
Photo Credit: 原點出版
大活字文庫 新裝版《鬼平犯科帳 六》池波正太郎著/大活字株式會社。弱視者及視力不好的人裸視也能閱讀的大文字書。如果用大文字來排版,通常文庫本290頁的分量,會變成三倍的量,由此可以看出22 Point的字有多大。依對象的不同,易讀性的標準也會改變,在設計頁面時必須列入考慮。

【2-11 可視性】

易讀性與可視性

前一單元談到易讀性,影響易讀的重要因素之一便是可視性和辨識性,換言之,就是要「容易看」。 舉個極端的例子,用黑色油墨印刷在黑色紙張上的文字,因為油墨會浮在紙張上,兩者的黑色色調會有些微差異,因此仔細看還是有辦法辨認,但要很努力專注地看,才有辦法讀取上面的文字。

相反的,同樣是黑色的油墨和紙張,如果用有光澤的油墨來印,並且放大字級,文字反而很容易辦識,而且有跳躍感,當然也很容易讀。當字級很大時,即使不用油墨,只用打凸(浮雕)加工等方法,就能輕易讓文字和背景產生區別。由此可知可視性和易讀性的關係密不可分。

何謂可視性高的文字排版

可視性高的文字,基本上背景和文字必須很容易區別,因此要調整明度和彩度,提高對比,達到容易辨識的目的。

明度極高的顏色(明亮的顏色),或彩度不明顯的顏色(粉彩色、中間色),其特徵為輪廓不明顯,文字使用這些顏色會不容易看。如果文字真的要用又淡又亮的顏色,就要調整背景色,增加彼此的對比才行(請參考下頁中央的圖)。

以字體來看,黑體是筆畫粗細一致的單純字體,跟筆畫和線條有強弱變化的裝飾字體相較,可視性會比較高。

文字粗細(重量)也是重要因素之一。油墨的附著性會因不同紙質而異,太小的文字或線條很細的文字,容易被當成油墨的點或圖形。過大的文字也一樣,如果無法完全納入視線範圍,也有不容易看的傾向。

因此,如果沒有特殊的設計考量,一般通則是小的文字搭配細的字體,大的文字則用粗(有重量)的字體。

擷取
Photo Credit: 原點出版

可視性與環境

文字不只用於書籍和雜誌,也常用在戶外,如海報、看板、指標等。戶外的光源無法像室內一樣能自由控制,依時間變化,周圍的亮度也會不同,為了容易識別,更要注意調整明度和彩度,使其能清楚辨別。有必要的話,須準備照明設備來控制光源。

電腦或行動電話等畫面,或者霓虹燈看板等工具,光源來自內部。當光源是從文字的背景發出時,使用黑體等線條均一的字體會比較容易看。

店面陳列的商品或包裝表面的文字和Logo等,會因人的視角、印刷表面的材質而受到影響。設計時,必須想像在店內瀏覽陳列架的情景,或是用手拿起商品時的感覺等,盡可能掌握各種會出現的狀況以確保可視性,考量「商品擺放的位置」及「在什麼情況要能清楚看見」,以便針對賣場環境進行適度的調整。

大型海報的印刷