細密的文字,用窄體還是寬體?答案有些反直覺——4個小尺寸字體排版技巧。

640.webp

本文原刊於 Hoefler&Co. 網站。Hoefler&Co. 現已加入蒙納。如您有意取得文中字體授權,或有更多問題尋求諮詢,請隨時與我們聯絡。

商品包裝、產品標籤、說明手冊、數據展板、財務報告、應用程式...... 當需要在有限的空間中放入眾多複雜的數據和細緻入微的文字時,該如何在符合特定的標準規範的同時,保持閱讀的舒適性和清晰度的平衡?

以下 4 個字體選擇與應用策略,或許是實現小尺寸字體排版理想效果的關鍵。

01 視覺字號

小尺寸文字也有適配字體

在呈現複雜文本時,常見的方法是區分主要資料和輔助註釋兩個部分。其中,調整字號大小是一種直接的方式,可以使用較小的字號來區分註釋部分和正文。

然而,使用小字號的同時確實可能會降低文本的易讀性,因為字體變得擁擠,間距過於緊湊。這可能會導致閱讀困難,尤其是當文本包含大量細節或需要長時間閱讀時。

fonts_for_complex_data_responsive_2_2x_8_98e4dbd921.png
左:Whitney  右:Whitney ScreenSmart

對於在螢幕上呈現複雜文本的情況,使用專為螢幕顯示設計調整的字體或配備視覺字號的字體確實可以改善字號對閱讀體驗的影響。 如上圖所示,左側使用了 Whitney 字體,右側則使用了 Whitney ScreenSmart 字體,呈現了更高的清晰度及更舒適的閱讀體驗。

3_CGQ_7o9qycgw_QE_Rdd_QK_7_XI_3_Gy_23adbefe7523ecdfd2881680bdd5c106_eb069fd49b.png
Helvetica Now 配有三款視覺字號,圖示由上至下依序為 Display、Text、Micro

視覺字號也可以有效優化小尺寸排版問題。舉例來說,Helvetica Now 的 Micro 版本專門針對這種環境進行了簡化和突出。它保留了Helvetica在小尺寸環境中的效果,簡化了一些細節,同時提供了寬敞的間距。這樣一來,在微型文字和低解析度環境下也能夠保持文字的可讀性。

02 字寬選擇

窄體並不一定是最佳解決方案

產品成分清單、揭露說明、免責聲明等內容常常是排版中的一大難題,不僅因為尺寸受限,更因為文字資訊過多;然而,這些內容卻是監管和審查最為嚴格的部分。

fonts_for_complex_data_responsive_3_2x_8_bcb8f9d6ef.png
左:Gotham Condensed  右:Gotham Narrow

那麼該如何選擇字體呢? 許多人的第一直覺是選擇窄體,畢竟這樣每個字母佔用的空間較少。

然而,與直覺相反,使用較寬的字體確實可以獲得更舒適的比例和字形展開。當結合較小的字號和間距時,這樣的組合通常能夠提供更理想的效果。

上圖是使用了 Gotham 字體的配料表,左邊是 Gotham Condensed,右邊是相對較寬的 Gotham Narrow,明顯地,右側的視覺效果更吸引人。
 

03 巧用字符

枯燥文字的「調味料」

另一個有效提升小尺寸排版效果的訣竅是善用字元集。大段落的文字註解可能會顯得乏味,使用星號(*)和劍號(†)等符號進行標記能增添不少趣味。

1_35e0dd3ac4.png
各種字體中的 asterisk、dagger 和 double dagger
cr. The Type

但如果註釋條目過多,符號的辨識性就會降低,這時候使用編號明確的上標更為適宜:

fonts_for_complex_data_responsive_4_2x_8_d6c8976478.png

正文中建議使用上標,而註釋前的數字使用下標,從而在二者間建立起清晰的聯繫。

04 等寬數字

處理繁雜資料的訣竅所在

涉及繁雜數據時,如何排版數字也是無可避免的問題。 與傳統的比例數字(proportional figures)不同,等寬數字(tabular figures)的寬度不會完全跟隨數字的自然形狀,而是建立在相同的水平尺度上,確保資料列始終對齊

fonts_for_complex_data_responsive_5_2x_8_ca41f79c2f.png

等寬數字還有一個重要特點,就是無論字重如何改變,都能保持等寬的特性。這與我們通常見到的較粗字體會變得更寬不同,因此設計者可以在不破壞欄寬的情況下使用粗體來突出單行文字。

fonts_for_complex_data_responsive_6_2x_8_f919e6041e.png

除了年報和財務揭露等包含密密麻麻表格的地方之外,數字在菜單、索引、目錄、包裝、標籤等設計項目中也經常出現。

股票價格、體育比分、產品分類、匯率展示等任何動態變化數字的體驗中,等寬數字都是必需的。從一開始就選擇使用等寬數字能夠有效提升用戶的體驗。

fonts_for_complex_data_responsive_7_2x_8_8cd3b15e68.png

結語

轉換思維

小尺寸字體排版或許不如大家直覺那樣,在有限空間裡選擇佔位更小的字體即可。適當的視覺字號、巧用標點符號、選用等寬數字,才能讓複雜的文字和數字更清楚規範。

多樣選擇

儘管小尺寸排版限制更多,但您仍然可以有多樣化的創意選擇。不論是文中所提到的 Hofler&Co. 字體,還是蒙納所提供的 150,000+ 款字體,您都能從中尋找到符合規範且獨具風格的字體,彰顯項目的創意風采。

早期規劃

在考慮小尺寸排版的前提下,早期規劃字體策略為宜。專案初期開始使用適合的字體、字號、字重,能夠大幅提升品牌視覺傳播整體的兼容性和靈活性。