將文字處理並排列成視覺上具備吸引力,同時清晰地傳達資訊,是平面設計師需要熟練的基本功。這不僅是初學者第一項該學習的技能,對任何需要用文字溝通的工作者,運用這項技巧還能讓作品品質提升,質感與別人大大不同。具備基本文字排版的觀念和技巧,在做簡報或提案書時,遇到不是太過複雜的圖表或文字編排,即使不是美術編輯或平面設計師,一樣能製作出具有專業感的成品。
工作時的主管曾經告訴我,當你拿到一堆零零散散的素材時,不是馬上開始畫草圖發想點子,而是要將資訊消化整理。設計的開始,其實是整理的功夫。尤其是面對龐大且複雜的資訊時,常常會手足無措,不知從何著手,如果這時將資訊分析並分類,雜亂無章的感覺慢慢會被明朗的思路所取代。依據資訊的功用及重要性,設定預期讀者的閱讀順序,逐漸架構起版面的結構,並運用設計原則及手法達到視覺層次。在《Taking a line for a walk》書中,由英國London College of Communication的老師Tony Pritchard設計的任務,引導學生從分析資訊到運用設計手法創造強調、結構和層次,一步步練習排版的技巧。不僅是針對平面設計師,只要是工作時需要用到文字溝通的工作者,都能在其中找到增加溝通效率的小技巧。以下簡述任務內容:
排版層次結構
你將要分析一段活動的廣告文字——其中包含活動的資訊:活動是什麼、誰會參與、活動的時間及地點——並且執行以下練習。這項任務的目的是去檢視如何在文字資訊裡創造強調、結構和層次。你將學習如何運用常見技巧,幫助讀者按預期順序閱讀資訊。強調可以透過多種方式達成,例如字級、字重,位置和顏色的對比。此外,還可以考慮使用排版手法,例如排版規則或實色背景上的反白字。然而,需謹慎處理,因為過多的強調會削弱清晰傳遞資訊的最初目的。
練習——
在一張橫向的A5卡片上,使用一種字體,一種字級,一種字重和一種顏色(黑色)表達資訊。製作至少四種變化,分別透過位置強調以下內容:
- 活動是什麼(What)
- 誰會參與(Who)
- 活動時間(When)
- 活動地點(Where)
字重:
在一張橫向的A5卡片上,使用一種字體,一種字級,兩種字重和一種顏色(黑色)表達相同訊息。製作至少四種變化,分別透過字重強調以下內容:
- 活動是什麼(What)
- 誰會參與(Who)
- 活動時間(When)
- 活動地點(Where)
字級:
在一張橫向的A5卡片上,使用一種字體,兩種字級,一種字重和一種顏色(黑色)表達相同訊息。製作至少四種變化,分別透過字級強調以下內容:
- 活動是什麼(What)
- 誰會參與(Who)
- 活動時間(When)
- 活動地點(Where)
記錄並保留你製作的變化版本。
排版筆記
- 字級(Size):
適合閱讀的字級取決於特定的字體(在相同字級下,有些字體看起來比其他字體較小或較大)。在手臂長度的距離閱讀時,最常用的字級是9至12級,但根據文字的長度,一些設計師可能會使用小至7級的字級。小字級被某些平面設計師認為是一種時尚。從功能層面來說,應該要考慮終端使用場景和讀者。例如,RNIB(Royal National Institute for the Blind)針對視覺障礙人士制定了字級的最小標準。海報設計則需要不同的決策思路;它不僅僅是放大的傳單。海報應該按照實際尺寸進行設計,並從預期被觀看的距離評估效果。字級太小是海報最常見的問題,海報設計需要考慮的兩個主要問題是辨識性(Legibility)和可讀性(Readability)。大多數排版具備辨識性,但可讀性是衡量人們是否願意閱讀特定資訊的指標。
- 行高(Leading),行間距(Line Spacing),和行間距調整(Line Feed):
行高、行間距和行間距調整都是指行與行之間的空間,在行與行之間插入適量空間有助於提高可讀性。通常來說,行長越長,行高需要越大;相反,行長越短,行高則需要越小。「Leading」這個術語來自於活版印刷時代,使用鉛條將行與行隔出空間。
- 行長(Measure):
行長是指文字的寬度範圍。在一般的閱讀條件下,每行以7至10個單字為最佳,即使這可能根據需求會有所不同。需要注意的是,過長的行,例如每行超過20個單字,會讀起來很累。過短的行則會讓讀者更頻繁地換行,打斷閱讀的流暢性。對於短文章,行長應考慮其視覺效果(例如為了創造均勻的散尾)以及語意結構。進行排版時,需要閱讀文章以對其視覺效果做決定。
- 排版對比(Typographic Contrast):
排版對比可以通過多種方式實現,例如改變字重、字級、位置或顏色等。其目標是創造強調,因此強調必須能明顯被感受到。一些設計師感覺Gill Sans Regular和Gill Sans Bold之間的區別不是特別顯著。如果使用字級來強調,1級的差異將不太可能被察覺。你可能會考慮更數學化令人滿意的比例關係,例如9級和18級的變化。開始應從邏輯上考慮對比;憑直覺做出決定在初期較為困難,而且需要一些經驗。
- 網格結構(Grid Structures):
網格結構有助於將設計的所有元素融入和諧的關係中。簡單的結構將可用空間細分為成比例的區塊,例如水平和垂直方向上的三等分或四等分。使用邊距是為了將元素保持在版面邊緣內。通常在區塊間插入空間,以便將文字等元素包含在指定的寬度裡,避免與隔壁欄裡的元素衝突。這些區塊通常稱為「單元」(Units),例如一張A4紙水平和垂直方向各切分為三等分,即構成9個單位的網格。不是所有設計都會採用網格;簡單的排版安排可能會製造單字間更強的關係,來增強意義與溝通效果。
(Paim & Bergmark, 2016, p. 63)
「排版層次結構」是學習版面配置時十分重要且基礎的練習,非常適合作為一個大任務的第一個小任務。舉例來說,學期的最終作品是一系列活動宣傳物,第一週選擇要宣傳什麼活動,活動可以由老師指定,也可以由學生自訂有興趣的虛擬活動或現有活動。接著,安排「排版層次結構」練習,其中練習所製作的幾個版本,在後續設計各式宣傳品時,可作為繼續發展版面配置的基礎。
這個設計任務在說明後還附帶排版筆記,是有關專有名詞的解釋和提醒。除了老師直接將專業用語的定義提供給學生,我建議還可以讓學生用一週的時間,研究這些名詞,並用實際例子和圖像,搭配文字解釋它們,類似設計一本排版專有名詞的圖解字典般。因為這些專有名詞都是跟視覺設計有關,若是有圖像輔助文字,會讓這些專業術語更為清晰易懂,尤其還是由學生自己研究整理而來,我相信他們對這些專有名詞的理解會更為通透,在未來需要實際應用這些專有名詞時,也能更有畫面感。
參考資料:
Paim, N., & Bergmark, E. (Eds.). (2016). Taking a line for a walk: Assignments in design education. Leipzig, Germany: Spector Books.