方格精選

《字型散步》筆記・新細明體/標楷體有這麼糟?

閱讀時間約 5 分鐘
作者:柯志杰、蘇煒翔
出版社:臉譜
《字型散步Next:從台灣日常出發,無所不在的中文字型學》
這學期修習社大的「如何製作/出版電子書」課程,進度來到書籍封面設計。老師開了一本《字型散步》課外書單,也讓我們平素多留意路上的(招牌)字體⋯⋯。
本文聊書,也聊街上實拍的「字態度」觀察。


字體 vs 字型

文字】是我們腦海中抽象的訊息,字體(typeface)就是文字的外衣,而字型(font)是一種工具,能把這種經過特殊設計的外衣大量複製下去
走趟鑄字行(書中第 46 頁)便能釐清差異:英文「font」原意是活字,是承載字的容器,例如「初號」和「一號」不一樣大 ⇩,尺寸不同,所以是不一樣的【字型】;但因兩者在設計上的外貌骨骼特徵相近,享有一家人的基因,所以是同一款【字體】。
也就是說,字型含有字體的粗細、風格和大小。
字體還有分「幾號」|《字型散步》內頁插圖
以前,活版印刷師傅必須用這些字塊在印刷機上排版,不過隨著電腦的普及,現在我們有了很棒的工具,只需游標改動一下設定,就能輕鬆選擇字體、調整字型 ⇩。
我的簡報軟體(Keynote)畫面


觀「字」重點

實際上街看字以前,臨陣磨槍,先向本書學幾招小貼士(small tips),才不會落得走馬觀花,看不出個所以然來。

✅ 形狀:字體的身材

中文字體是依想像中的框設計的,框框可以是垂直/水平的長方形,不一定要是正方形

✅ 字面:版面的鬆緊程度

承上,雖然看不見實際線條,但這想像中的框可分為「字身框」與「字面框」,前者可以想像是稿子的格子,後者表示要在這個格子裡把字寫得多滿,會影響整體觀感,是濃是淡,是鬆是緊 ⇩。
留白決定了版面鬆緊 |《字型散步》內頁插圖

✅ 重心、中宮:字體的個性

有一句成語叫「頭重腳輕」來描述【重心】,文字也是一樣;觀察書裡「東」字,它的頭便是「田」了,重心高的字,通常比重心低的看上去嚴肅、有距離感 ⇩。
而【中宮】概念來自書法,本意是九宮格正中間的那一格,在文字上,用以形容筆畫往中間集合、收緊的視覺印象;回到「東」字,中宮緊湊不免令人肅然起敬,反之,患有「大頭症」的「東」感覺新潮 ⇩。
觀察「重心」與「中宮」|《字型散步》內頁插圖

✅ 其它:筆劃造型帶來的細緻感受

本書精華,集中在第三章討論,不單只交代各種中文字體的特徵與應用層面,舉凡其來歷、沿革、衍生流派⋯⋯如數家珍,可以當作一段完整詳盡的歷史故事來讀。
閱畢,功力尚淺,仍然無法辨識「這是哪一套(廠商開發的)字體」,但已能區分出大方向,自己的粗淺歸類框架是:明體、黑體、圓體、楷體,剩下的就暫時先丟到「藝術字」範疇(手寫體、書法體⋯⋯等)裡去。
接下來詳述。


賞字:為新細明體、標楷體平反

現在賞字時,我會先看它有無「襯線」和「喇叭口」裝飾 ⇩,若有,會偏向【明體】,讓人覺得古典、傳統、人文氣息;而其「橫細直粗」的特性,不適合作為標題(會讓版面整體顯得淡了些),卻是個稱職的「內文」字體,缺乏美感,索然無味,反而有助於我們專心吸收資訊。
觀察「襯線」與「喇叭口」|《字型散步》內頁插圖
拔掉上述兩道裝飾,且讓「筆畫等粗」,這是【黑體】的特徵,有種乾淨、簡潔、現代化的流暢感,相當醒目。順帶一提,Mac 中文版直接採用「儷黑 Pro」作為系統字型,打開內建的簡報軟體 Keynote,其預設字體「Helvetica」筆畫也走無襯線的收尾切平,蠻符合蘋果這間公司的美學 ⇩。
黑體與明體,誰適合標題?|我的簡報軟體(Keynote)畫面
至於深受日本影響的【圓體】,只要看收筆處一點就通,其大字面、中宮放鬆等與書法背道而馳的造型,有一種年輕、時髦、流行的(日系)氛圍 ⇩。
日本風,圓體|我的簡報軟體(Keynote)畫面
最後是蠻多人討厭的【標楷體】,因為它喪失了書法氣韻,不過是個徒具楷書外形的空殼子;要幫忙平反一下才行,這是為了彰顯工具性的有意為之。在書籍中,楷體常用於引述、台詞,能夠傳達比明體稍軟的印象,仍是服膺於「內文」而設計,切誤以為是「題字」的用途。
像書法,但又不像書法,標楷體|我的簡報軟體(Keynote)畫面
綜合以上所述,原來新細明體/標楷體的設計是為了「內文」而生,可別在錯誤的地方派它們上場,害字體被嫌棄呢!(笑)


下集預告:街上的「字態度」觀察

大約一個多月以前(天啊!我真會拖延,這文章草稿放多久了),我在街上四處拍攝招牌,結果發現「眼鏡」特別多,便把它獨立出來,貼到 Liker Social 供大家票選 ⇩。
你喜歡哪一個招牌?
現在投票仍算數,將在下一篇文章發表統計結果,並試著分析。


閱讀筆耕的簽名檔
🌱 成為我的讚賞公民👇
https://liker.land/leo7283/civic 免費獲邀進圍爐
🌱 追蹤中書神經系統👇
廣播資訊不漏接 好書金句/書市快訊/心智圖(Mind Map)/漂流書
🌱 我在其它平台出沒👇
FacbookMastodonMediumMattersPotato
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
21.8K會員
716內容數
關注各種對「創作者經營」有益的各種話題,例如創作技巧、心態及習慣養成、閱聽方法(輸入)、筆記方法(輸出)、文案、SEO、社群經營、數位行銷、數據分析、不同創作平台比較⋯⋯終而實現創作有價,結成「創作者經濟」的果實。 免費訂閱電子報 https://creatoreconomyimo.substack.com/
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
創作者經濟 IMO 的其他內容
以前剖開表皮,見到橘子果肉就心滿意足。現在則是連纖維都不容錯過。
才德至上的菁英社會,難道不好嗎?會引發暴政?和教育的關係又是?
你可曾經想過,極簡主義也可以應用在數位生活上?
自此,對經濟學發展的來龍去脈,有一個宏觀全局的了解。
以前剖開表皮,見到橘子果肉就心滿意足。現在則是連纖維都不容錯過。
才德至上的菁英社會,難道不好嗎?會引發暴政?和教育的關係又是?
你可曾經想過,極簡主義也可以應用在數位生活上?
自此,對經濟學發展的來龍去脈,有一個宏觀全局的了解。
你可能也想看
Google News 追蹤
Thumbnail
更粗的簽字筆 在速寫的藝術中,畫法的選擇往往會影響作品的風格和情感表達。我嘗試了一種新的畫法,使用更粗的簽字筆,使畫作呈現出粗曠奔放的感覺。這樣的風格雖然可能會失去一些細節,但也賦予了作品更多的動感和自由度。 表達一瞬間的感受 在畫畫過程中,選擇較粗的筆觸有時能更好地表達情感和動勢,特別是在速
Thumbnail
這邊的文字指的是中國文字,中華民國台灣繼承了正統的繁體字,對岸中共國則改良了文字結構,成了簡體字。 繁體字又稱正體字,即使筆畫再多,也要一筆一畫地寫完才能讓人看懂意思,而簡體字則是減筆減畫,甚至加上一些不倫不類、和文字本身不相關的筆畫,務求讓人易學易懂,我稱它叫文字的偷工減料,這樣的態度一產生,做
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
  嗯,這部分不僅限於小說,也可能會有影視的影子。這邊是我科普來著。   前面幾個主題都是在認識「文字」,這邊總算進入到「文章」了,那麼文章的鋪排呢?   我們分兩個主題:「記敘順序」、「開頭」。   一般而言,這兩者都與小說牽扯薄弱,因為小說是「進行式」的,很難完美運用記敘文與論說文的手法。
  依序為文學小說、大眾小說、輕小說。   其實輕小說也是大眾文學的一種,但我額外拿出來說。而大眾文學就是所謂的「通俗文學」。通常出版社會將作品分為「純文學」及「通俗文學」。   這邊說的是小說的「定位」,定位就是有目標族群、核心價值、獨特性,與故事的題材分類不同。
Thumbnail
關於本電子書 arrow_forward格林法則及象形法,輕鬆掛勾記憶英文單字 以英文單字的第一個字母記憶英文單字,因為英文單字及所有文字的造字法則均為象形 所謂的象形,就是形音義為一體 例如在發音"噴"字時,嘴形(形、音)就像在噴東西(義) 在發音"拉"字時,嘴形(形、音)就像拉張、誇大
Thumbnail
以前我曾經想過,為什麼中文直行書寫時,是從右邊到左邊,而不是從左邊到右邊呢? 從右邊到左邊,有時手摩擦到寫好的字,會弄得髒髒的。古人用毛筆寫,右邊字更容易弄髒。   後來,我才知道,原來中國古代很長一段時間,是用竹簡,字寫在竹簡上。 即使西元105年,蔡倫造紙後,還是有段時間,繼續用竹簡。
Thumbnail
有一種字體類型叫做「圓體字」,它的字體特色是邊角與筆畫末端皆是圓角,是一副圓潤潤的外貌。 在之前的黑體字文章中有提到,黑體字的造型相對中性、幹練、專業簡潔,和圓體字放在一起做對照,就可以明確感覺到兩種字體的視覺觀感不同。 字體知識|黑體字的專業感與簡潔感 走在路上可以多觀察一下
Thumbnail
如何透過 CSS 來美化和增強文本的可讀性,對於提升用戶體驗至關重要。本文將介紹如何使用 CSS 來處理網頁上的文本,包括字型設定、文本排列、裝飾等多方面。
Thumbnail
更粗的簽字筆 在速寫的藝術中,畫法的選擇往往會影響作品的風格和情感表達。我嘗試了一種新的畫法,使用更粗的簽字筆,使畫作呈現出粗曠奔放的感覺。這樣的風格雖然可能會失去一些細節,但也賦予了作品更多的動感和自由度。 表達一瞬間的感受 在畫畫過程中,選擇較粗的筆觸有時能更好地表達情感和動勢,特別是在速
Thumbnail
這邊的文字指的是中國文字,中華民國台灣繼承了正統的繁體字,對岸中共國則改良了文字結構,成了簡體字。 繁體字又稱正體字,即使筆畫再多,也要一筆一畫地寫完才能讓人看懂意思,而簡體字則是減筆減畫,甚至加上一些不倫不類、和文字本身不相關的筆畫,務求讓人易學易懂,我稱它叫文字的偷工減料,這樣的態度一產生,做
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
  嗯,這部分不僅限於小說,也可能會有影視的影子。這邊是我科普來著。   前面幾個主題都是在認識「文字」,這邊總算進入到「文章」了,那麼文章的鋪排呢?   我們分兩個主題:「記敘順序」、「開頭」。   一般而言,這兩者都與小說牽扯薄弱,因為小說是「進行式」的,很難完美運用記敘文與論說文的手法。
  依序為文學小說、大眾小說、輕小說。   其實輕小說也是大眾文學的一種,但我額外拿出來說。而大眾文學就是所謂的「通俗文學」。通常出版社會將作品分為「純文學」及「通俗文學」。   這邊說的是小說的「定位」,定位就是有目標族群、核心價值、獨特性,與故事的題材分類不同。
Thumbnail
關於本電子書 arrow_forward格林法則及象形法,輕鬆掛勾記憶英文單字 以英文單字的第一個字母記憶英文單字,因為英文單字及所有文字的造字法則均為象形 所謂的象形,就是形音義為一體 例如在發音"噴"字時,嘴形(形、音)就像在噴東西(義) 在發音"拉"字時,嘴形(形、音)就像拉張、誇大
Thumbnail
以前我曾經想過,為什麼中文直行書寫時,是從右邊到左邊,而不是從左邊到右邊呢? 從右邊到左邊,有時手摩擦到寫好的字,會弄得髒髒的。古人用毛筆寫,右邊字更容易弄髒。   後來,我才知道,原來中國古代很長一段時間,是用竹簡,字寫在竹簡上。 即使西元105年,蔡倫造紙後,還是有段時間,繼續用竹簡。
Thumbnail
有一種字體類型叫做「圓體字」,它的字體特色是邊角與筆畫末端皆是圓角,是一副圓潤潤的外貌。 在之前的黑體字文章中有提到,黑體字的造型相對中性、幹練、專業簡潔,和圓體字放在一起做對照,就可以明確感覺到兩種字體的視覺觀感不同。 字體知識|黑體字的專業感與簡潔感 走在路上可以多觀察一下
Thumbnail
如何透過 CSS 來美化和增強文本的可讀性,對於提升用戶體驗至關重要。本文將介紹如何使用 CSS 來處理網頁上的文本,包括字型設定、文本排列、裝飾等多方面。