善用文字編排 創造美感吸晴內容 | 聖僑資訊

翻轉行銷 黃詩宜 2016-08-02

由於文書處理軟體的出現以及知識傳遞速度的加速提升,使得排版和字體設計變為人人皆可學習的大眾知識,但如果牽涉到視覺設計更深層面,就會發現內容的編排和設計,其實是需要經過長時間的實踐與知識的累積,才能創造兼具美感及易讀性的內容,在這裡我們整理出一些編排的小技巧和基礎知識,希望能讓字體美學更廣泛地傳遞給需要的人,也期待你們能與我們分享更多的設計巧思。

在編排文字前 你應該知道的四個重點

一、 內容的傳達

任何的設計,主要核心都在於「清楚地傳達主題」,文字編排的重點就在於藉由視覺美感的呈現,呈現更好的閱讀方式,讓對方能完整地接收訊息。

二、 文章易讀性

文案編寫者需要引導讀者閱讀,藉由圖文的搭配、字體設計、版面編排等技巧延伸文章的「適讀性(legibility)」。好的排版,需要讓文字在呈現上具有連貫性和韻律感,並創造出文章整體的空間感。另一方面,文章的易讀性又因讀者所使用的閱讀工具而產生變化,如報章雜誌、書籍、等實體內容,或是網頁部落格文章、電子書等數位內容的呈現手法,近年來更因為手機、平板等行動載具的興起,坊間研發了各式閱讀類的app,讓讀者自行設定適合的閱讀環境。

三、 先理解後設計

排版要能呈現出文章的內涵,在編排前需先閱讀並瞭解這篇內容想要傳達什麼樣的內容、創作的風格等,再透過編排對每段文章進行詮譯。

四、 配合讀者

在編排時,需客觀考量讀者的年齡、閱讀習慣及閱讀環境等加以調整,如針對年齡較大的族群,則不宜使用新潮字體及較小字型,若文章並非針對特定族群所撰寫,則可選擇中性字體且無鮮明風格的編排方式。


排版的九大技巧

一、 字體的選擇

circle建議「主要字體」可根據文字屬性來決定,且為了整體視覺協調性,一個作品中,切勿使用過多不同的字體搭配,讓畫面不致凌亂,另一點要建議的是中文字體在搭配英數及符號時需分別採用不同字體設計,並考量讀者使用的載具加以調整。

資深視覺設計師 Janie Kliever強調每個字型都散發獨特的情感或個性,需要靠編者自行判斷字型所代表的感覺和整體設計的適配度; 套用字型設計師Eben Sorkin所說的一段話:「每個字體都有自己的聲音,這些聲音會影響我們閱讀文字的感受和吸收知識的節奏。」

二、 字體大小

標題到解說註釋的字體變化由大至小排列,必須先設定正文字體大小,在設置標題、註釋等其它文字時才能達到平衡。以一般標準來訂,印刷用文字應設置10~12之間,網頁則應設置15~20之間較為適當,可應用 Type Scale 免費工具來檢查Google字型庫的字型呈現效果。

資深視覺設計師 Janie Kliever強調每個字型都散發獨特的情感或個性,需要靠編者自行判斷字型所代表的感覺和整體設計的適配度; 套用字型設計師Eben Sorkin所說的一段話:「每個字體都有自己的聲音,這些聲音會影響我們閱讀文字的感受和吸收知識的節奏。」

 Type Scale

▲Type Scale操作畫面

三、勿過度使用強調法

現今我們所使用的粗體(bold)、斜體(italic)等強調法,都是由西方排版概念衍伸而來,傳統的中文排版較無顯著的強調方式,而在使用強調前要注意的是勿過度使用、避免使用底線強調(超連結例外)、避免使用假粗體或是假斜體強調。

四、行寬及間距

內容每行字數的配置,有益於提高文章的易讀性,伯樂在線統計出傳統圖書排版每行最佳字符數是55—75,實際在網頁上每行字符75—85更流行。中文在14號字體時,建議35—45個文字;而間距的標準,正文適切的行高可設定為文章中文字大小的兩倍,若是應用在網頁設計中,則文字間距一般根據字體大小選1—1.5倍作為行間距。

然而行寬與間距會因使用的字體不同而產生不同的編排效果,所以在設計時並不需要完全參照標準值,可自行依照標準值進行調整。

五、 文字留白

如同說話時要保留適當的停頓時間讓聽者有時間消化內容一樣,版面的留白可以留給讀者想像的空間。

六、 CRAP設計四原則

對比(Contrast)、重複(Repetition)、對齊(Alignment)、親密性(Proximity),此四個要素為設計的基本原理。

七、 視覺韻律感及比例配置

Elements of Typographic Style 的作者 Robert Bringhurst 曾提到,版面如果要創造視覺韻律感,在於字體的明暗程度所呈現的「顏色差異」,以下是他整理出會影響版面明亮平衡的重要因素︰字本身的設計、字母之間的距離、單字之間的距離以及每一行之間的距離。

八、 文字對齊

對齊方式需保持一致性,一般皆採用置左對齊的方式,讓讀者不用再花時間適應新的排版,且如每個段落行等應對齊的地方需設定好,以維持版面的整齊。

九、 適合的顏色及背景搭配

如果要設定文字顏色,必須考量字體顏色與其它元素間的搭配效果,色系衝突或是顏色過於相似都會對讀者造成負擔,可根據現有的色系組合來設計。另一方面,最好不要使用過於複雜的背景或是圖案,容易模糊重點,如果真的要使用,請儘量放在邊角地帶或是文字區塊以外的位置。

結論

如同前述所說,版面的編排需要日積月累的訓練與實踐,平日可多觀察生活周遭的設計作品或是多瀏覽設計相關網站,以鍛練自己的判斷力和眼力,最重要的是要站在讀者的角度去看待自己的作品。

資料參考:

DesignRock 排版技巧:文字編排的易讀性

伯樂在線 网页文字排版设计,要的就是精彩!

circle 文字編排基礎篇:你應該要知道的10件事

JUSTFONT BLOG 大眾字型學(4)理想的排版強調法

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

  • 23