21 個實用開源字型推薦,做出專業的編排設計

Motioner|二棲知學・2024-04-25

近年開源字體越發多元,對於設計師來說有更多便利的素材應用,節省許多時間,但眾多字體該怎麼篩選使用,也是設計師十分苦惱的事,身為 Eagle 使用者的一件設計曾國展老師,提供了 21 個實用開源字型,搭配基本8大格線設計系統,就能做出好看的編排設計!

用免費中文字型做出好設計吧

風格強烈的字體(饅頭體或兵體)通常適用於主視覺或標準字設計等需要強力吸睛的設計應用,若是需要閱讀大量文字資訊的情境,例如型錄或是電商的商品說明頁面,通常會使用黑體、明體等中文字型編排設計。

每個字體其實都隱含著不同的表達情緒,例如下方圖片的 ‘I will always find you’,不同的字體就會給觀眾全然不同的感受。


即使是黑體、明體等常見的字型,在文字的設計上都還是有差異,這些差異會顯示在「字框比例」、「中宮」和「重心」等細節中,擁有字學的知識,在製作標準字的過程中,會更容易地掌握文字整體的協調性。

若用擬人的方式想像「字框比例」的設定,比例較寬的字型,給人的感覺可能是馬東石、馮迪索,穩重可依賴的形象,看起來比較舒張,感受比較穩定,經常被用在銀行的標準字中,「字框比例」比較窄的,看起來很高很嚴肅,社會主義文宣標題很常使用此類字型。


而傳統造字中的「中宮」同樣影響筆畫佈局,中宮就是寫書法時,紙上每一格都有九宮格,方便我們抓到字體的結構比例,而中宮就是九宮格中間那一格。

不同字體本身,在中宮的設計本身就不太相同,例如UD晶熙黑體與方新書本身,可以明顯發現晶熙黑體在中宮的佈局更寬鬆,筆畫較方新書更外放,視覺感受上帶給人寬敞舒服,方新書因為筆畫比較聚攏,字體給人的感受就更嚴謹、人文一點。

(圖片來源/ Motioner 二棲知學 )


我們用人的姿態來想像,中宮較緊縮的文字,一個人若在公開場合或會議室,習慣把自己的位置縮得比較小,不太敢放開手腳來溝通,這個人可能是做事情比較小心、嚴謹的,如果是中宮佈局較為寬鬆,文字的視覺感受相較來說比較自在、外放。

仔細去觀察文字結構,每個文字都會有他想傳達的形象、想說的話,而要如何累積跟字型對話的能力,除了擁有基本的字學知識,多方嘗試字體或分析編排案例是增進設計能力的不二法門。

金柏麗.伊蘭姆 8 大格線編排系統

了解文字蘊含的情緒後,設計師們只要再掌握基本的編排技巧,儘管使用 免費中文字型,也能排出設計感強烈又好閱讀的版面,金柏麗.伊蘭姆的編排系統是設計師在進行編排學習時,很好的分析應用方式,8 大格線編排系統分別有:

  1. 軸線式
  2. 雙邊對稱式
  3. 放射式
  4. 漣漪式
  5. 行進式
  6. 模組式
  7. 隨機式
  8. 網格式

圖說:金柏麗.伊蘭姆 8 大格線編排系統

我們以雙邊對稱式、漣漪式、行進式與模組式,這四種進行編排應用說明。


雙邊對稱式:畫面元素以左右對稱方式安排於一條軸線之上,常用在雜誌封面跟電影海報視覺中,可以快速聚焦或透過對比方式成為吸睛的視覺畫面,通常帶給畫面穩定感,可以搭配活潑手感的字型,緩解嚴肅的氣氛。


漣漪式:跟放射式有些類似,但漣漪是以環形的方式圍繞在焦點外圍,例如海報上的線條與字體,形塑出的水面的意向,或者展覽海報或雜誌都很常使用這個手法,可以達到視覺聚焦的目的,強化重點!


行進式:是將畫面元素以帶狀的方式進行堆疊,製造一種動態感與層次,讓視線隨著文字的排列而移動,畫面通常會看起來有趣且富有節奏感。


模組式:是以標準化的單位做設計模組式的版型,透過畫面元素的群組化,讓畫面元素延伸至整個畫面來建構版面,例如海報上的線條與字體,或者展覽海報或雜誌都很常使用這個手法。


本文我們介紹了4種格線編排系統,透過案例應用,我們可以發現只要掌握基本排版系統知識,也可以活用免費字體排出專業好看的設計,剩下的4種編排系統,可以到《以一敵百的奧秘排版學|設畜生存必修絕活》,第七章免費觀看更詳細的完整影片介紹及更多編排技巧。

更多使用免費中文字型的編排設計示範

左:以饅頭黑體製作的標準字 / Design By 一件設計工作室

右:以饅頭黑體製作的標準字的標準字 / Design By 二棲設計


左:以思源黑體(簡體)設計的海報 / Design By 一件設計工作室

右:以 Zen Kaku Gothic New設計的標準字 / Design By 一件設計工作室


想學習更多編排設計知識:《以一敵百的奧秘排版學|設畜生存必修絕活

Eagle 用戶專屬優惠,結帳輸入「eagle300」,現折300元!