方格精選

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

更新於 發佈於 閱讀時間約 6 分鐘

作者:柯志杰、蘇煒翔
出版社:臉譜

raw-image

這學期修習社大的「如何製作/出版電子書」課程,進度來到書籍封面設計。老師開了一本《字型散步》課外書單,也讓我們平素多留意路上的(招牌)字體⋯⋯。

本文聊書,也聊街上實拍的「字態度」觀察。

字體 vs 字型

文字】是我們腦海中抽象的訊息,字體(typeface)就是文字的外衣,而字型(font)是一種工具,能把這種經過特殊設計的外衣大量複製下去

走趟鑄字行(書中第 46 頁)便能釐清差異:英文「font」原意是活字,是承載字的容器,例如「初號」和「一號」不一樣大 ⇩,尺寸不同,所以是不一樣的【字型】;但因兩者在設計上的外貌骨骼特徵相近,享有一家人的基因,所以是同一款【字體】。

也就是說,字型含有字體的粗細、風格和大小。
raw-image

以前,活版印刷師傅必須用這些字塊在印刷機上排版,不過隨著電腦的普及,現在我們有了很棒的工具,只需游標改動一下設定,就能輕鬆選擇字體、調整字型 ⇩。

raw-image

觀「字」重點

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

✅ 形狀:字體的身材

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

✅ 字面:版面的鬆緊程度

承上,雖然看不見實際線條,但這想像中的框可分為「字身框」與「字面框」,前者可以想像是稿子的格子,後者表示要在這個格子裡把字寫得多滿,會影響整體觀感,是濃是淡,是鬆是緊 ⇩。

raw-image

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

有一句成語叫「頭重腳輕」來描述【重心】,文字也是一樣;觀察書裡「東」字,它的頭便是「田」了,重心高的字,通常比重心低的看上去嚴肅、有距離感 ⇩。

而【中宮】概念來自書法,本意是九宮格正中間的那一格,在文字上,用以形容筆畫往中間集合、收緊的視覺印象;回到「東」字,中宮緊湊不免令人肅然起敬,反之,患有「大頭症」的「東」感覺新潮 ⇩。

raw-image

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

本書精華,集中在第三章討論,不單只交代各種中文字體的特徵與應用層面,舉凡其來歷、沿革、衍生流派⋯⋯如數家珍,可以當作一段完整詳盡的歷史故事來讀。

閱畢,功力尚淺,仍然無法辨識「這是哪一套(廠商開發的)字體」,但已能區分出大方向,自己的粗淺歸類框架是:明體、黑體、圓體、楷體,剩下的就暫時先丟到「藝術字」範疇(手寫體、書法體⋯⋯等)裡去。

接下來詳述。

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

現在賞字時,我會先看它有無「襯線」和「喇叭口」裝飾 ⇩,若有,會偏向【明體】,讓人覺得古典、傳統、人文氣息;而其「橫細直粗」的特性,不適合作為標題(會讓版面整體顯得淡了些),卻是個稱職的「內文」字體,缺乏美感,索然無味,反而有助於我們專心吸收資訊。

raw-image

拔掉上述兩道裝飾,且讓「筆畫等粗」,這是【黑體】的特徵,有種乾淨、簡潔、現代化的流暢感,相當醒目。順帶一提,Mac 中文版直接採用「儷黑 Pro」作為系統字型,打開內建的簡報軟體 Keynote,其預設字體「Helvetica」筆畫也走無襯線的收尾切平,蠻符合蘋果這間公司的美學 ⇩。

raw-image

至於深受日本影響的【圓體】,只要看收筆處一點就通,其大字面、中宮放鬆等與書法背道而馳的造型,有一種年輕、時髦、流行的(日系)氛圍 ⇩。

raw-image

最後是蠻多人討厭的【標楷體】,因為它喪失了書法氣韻,不過是個徒具楷書外形的空殼子;要幫忙平反一下才行,這是為了彰顯工具性的有意為之。在書籍中,楷體常用於引述、台詞,能夠傳達比明體稍軟的印象,仍是服膺於「內文」而設計,切誤以為是「題字」的用途。

raw-image

綜合以上所述,原來新細明體/標楷體的設計是為了「內文」而生,可別在錯誤的地方派它們上場,害字體被嫌棄呢!(笑)

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

大約一個多月以前(天啊!我真會拖延,這文章草稿放多久了),我在街上四處拍攝招牌,結果發現「眼鏡」特別多,便把它獨立出來,貼到 Liker Social 供大家票選 ⇩。

raw-image

現在投票仍算數,將在下一篇文章發表統計結果,並試著分析。

raw-image
🌱 成為我的讚賞公民👇
https://liker.land/leo7283/civic 免費獲邀進圍爐
🌱 追蹤中書神經系統👇
廣播資訊不漏接 好書金句/書市快訊/心智圖(Mind Map)/漂流書
🌱 我在其它平台出沒👇
FacbookMastodonMediumMattersPotato
留言
avatar-img
留言分享你的想法!
我投5、8
Leon-avatar-img
2021/12/11
我喜歡東風眼鏡,有黑體的方正,又有品牌自己的識別性,也有現代感。 3、6、9 號都是傳統書法的設計,略顯古板。 1、5、8 都是標準的黑體、圓體,毫無個性。 4、7 是自行設計的 CI 字體,4 號小林眼鏡有種時代感,以現代的眼光看來是歷久彌新;7 號眼鏡人刻意把眼睛的元素置入,以現在的眼光看沒那麼美觀,以及刻意壓扁的長寬比及緊縮的字距,造成造型識別度高,但文字識別度卻不高的問題。
閱讀筆耕-avatar-img
發文者
2021/12/12
好詳細的剖析喔!謝謝你,我也喜歡東風的明亮俐落!
子穎-avatar-img
2021/12/11
感謝分享書法!🤣哈~各種字型害我選擇困難,然後回頭看電腦有沒有把字形灌好灌滿說🤣🤣🤣
avatar-img
創作者經濟 IMO
31.4K會員
777內容數
關注各種對「創作者經營」有益的各種話題,例如創作技巧、心態及習慣養成、閱聽方法(輸入)、筆記方法(輸出)、文案、SEO、社群經營、數位行銷、數據分析、不同創作平台比較⋯⋯終而實現創作有價,結成「創作者經濟」的果實。 免費訂閱電子報 https://creatoreconomyimo.substack.com/
創作者經濟 IMO的其他內容
2024/05/29
⋯⋯攸關我們生計的事,需要反覆省視。就讓《一如既往》扮演一面鏡子,一面意若思鏡,映照出想望,並指引自己下一步的行動。
Thumbnail
2024/05/29
⋯⋯攸關我們生計的事,需要反覆省視。就讓《一如既往》扮演一面鏡子,一面意若思鏡,映照出想望,並指引自己下一步的行動。
Thumbnail
2023/06/05
⋯⋯我們不是行為的主體,可以輕易地從上帝的視角鳥瞰;一旦我們涉入其中,可能又是另一回事了。
Thumbnail
2023/06/05
⋯⋯我們不是行為的主體,可以輕易地從上帝的視角鳥瞰;一旦我們涉入其中,可能又是另一回事了。
Thumbnail
2022/08/14
⋯⋯因此「去中心化」的精髓是架構、管治的去中心,這叫無大台⋯⋯最後竟可收束到「中心化」的邏輯,稱作共識。
Thumbnail
2022/08/14
⋯⋯因此「去中心化」的精髓是架構、管治的去中心,這叫無大台⋯⋯最後竟可收束到「中心化」的邏輯,稱作共識。
Thumbnail
看更多
你可能也想看
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
2.0 上古漢語的特殊結構 2.1 若干問題的澄清 二 舉個例子,假設有這樣的一個合乎語法的字符串﹕ 已知的是「AB」屬 x 語構型,而「A」屬 y 語構型,那麼「B」顯然屬於語構型 y\x。 其次,語言學家薩皮爾對語法的一個觀察十分準確﹕所有語法都有遺漏。 由於我們的研究對象是
Thumbnail
2.0 上古漢語的特殊結構 2.1 若干問題的澄清 二 舉個例子,假設有這樣的一個合乎語法的字符串﹕ 已知的是「AB」屬 x 語構型,而「A」屬 y 語構型,那麼「B」顯然屬於語構型 y\x。 其次,語言學家薩皮爾對語法的一個觀察十分準確﹕所有語法都有遺漏。 由於我們的研究對象是
Thumbnail
1.0 從函數到函算語法 1.1 句子成份 九 屈折變化沒有標誌句子成份如何構成句子的規則﹗這是我們的另一個觀察。句子成份屬規範性的操作指引。現再返回《文通》的意見。《文通》將詞分成七種便是語法上的規範性指引。就句讀而言,《文通》說﹕ 「夫文者,集句以成,如錦繡然,故謂之文。欲知文,
Thumbnail
1.0 從函數到函算語法 1.1 句子成份 九 屈折變化沒有標誌句子成份如何構成句子的規則﹗這是我們的另一個觀察。句子成份屬規範性的操作指引。現再返回《文通》的意見。《文通》將詞分成七種便是語法上的規範性指引。就句讀而言,《文通》說﹕ 「夫文者,集句以成,如錦繡然,故謂之文。欲知文,
Thumbnail
「象形」是畫出具體物件,「指事」則是畫出抽象概念。古人怎樣把抽象概念畫出來講清楚?
Thumbnail
「象形」是畫出具體物件,「指事」則是畫出抽象概念。古人怎樣把抽象概念畫出來講清楚?
Thumbnail
  除了語言,人與人之間的溝通橋樑就是文字。透過文字的力量,能夠帶給人們勇氣、溫暖;而筆則讓一筆一劃揮灑在紙上,進而流傳。   你對鋼筆的第一印象為何?鋼筆最早紀錄約在 10 世紀,是什麼原因讓它可以流行至今呢?本篇將帶大家進入鋼筆的世界,一窺它迷人之處!
Thumbnail
  除了語言,人與人之間的溝通橋樑就是文字。透過文字的力量,能夠帶給人們勇氣、溫暖;而筆則讓一筆一劃揮灑在紙上,進而流傳。   你對鋼筆的第一印象為何?鋼筆最早紀錄約在 10 世紀,是什麼原因讓它可以流行至今呢?本篇將帶大家進入鋼筆的世界,一窺它迷人之處!
Thumbnail
先是釐清「字體 vs 字型」的差異。介紹觀「字」重點,區分四種字體的心得與筆記,最後走上街頭⋯⋯。
Thumbnail
先是釐清「字體 vs 字型」的差異。介紹觀「字」重點,區分四種字體的心得與筆記,最後走上街頭⋯⋯。
Thumbnail
基本字型有玄機 字型是構成文字的基本元素,可分為中文與英文兩個組合。 中文的基本字型為明體與黑體。 明體的特徵為橫筆劃較細,豎筆劃較粗,橫筆劃的尾部份呈三角狀。由於明體給人纖細、高貴的印象,所以被運用於書籍內文。 黑體橫豎筆劃的粗細相同,故予人強而有力又理性的形象,常被用在主題標語或是小標題等地方。
Thumbnail
基本字型有玄機 字型是構成文字的基本元素,可分為中文與英文兩個組合。 中文的基本字型為明體與黑體。 明體的特徵為橫筆劃較細,豎筆劃較粗,橫筆劃的尾部份呈三角狀。由於明體給人纖細、高貴的印象,所以被運用於書籍內文。 黑體橫豎筆劃的粗細相同,故予人強而有力又理性的形象,常被用在主題標語或是小標題等地方。
Thumbnail
標點符號頓號的意思與用法 「頓號」主要有兩個用途:  分隔同類的並列的事,通常是單字、詞語或短句,當中的停頓較逗號短。 例:「人體由頭部、頸部、四肢和軀幹組成。」  分隔用漢字作為序號的序號和內文。如「一、二、」和「甲、乙、」。
Thumbnail
標點符號頓號的意思與用法 「頓號」主要有兩個用途:  分隔同類的並列的事,通常是單字、詞語或短句,當中的停頓較逗號短。 例:「人體由頭部、頸部、四肢和軀幹組成。」  分隔用漢字作為序號的序號和內文。如「一、二、」和「甲、乙、」。
Thumbnail
《說文解字》篆文的考察(1/4) 《說文解字》篆文的考察(2/4) 第三節 《說文解字》小篆字形考察 一、「重複字」與「重文」 本節的小篆字形考察,討論範圍基本以「篆文」為主,而籀文與古文不在此範圍內。在字形考察之前,我們先介紹『說文解字』「重複字」與「重文」。「重複字」是說字頭重複,一樣的字編列放
Thumbnail
《說文解字》篆文的考察(1/4) 《說文解字》篆文的考察(2/4) 第三節 《說文解字》小篆字形考察 一、「重複字」與「重文」 本節的小篆字形考察,討論範圍基本以「篆文」為主,而籀文與古文不在此範圍內。在字形考察之前,我們先介紹『說文解字』「重複字」與「重文」。「重複字」是說字頭重複,一樣的字編列放
Thumbnail
如果說,文字除了「表情達意」之外,還有「文以載道」的基本功能,那麼淵源流長的漢字應該是當之無愧。例如, 「建築」兩個字,就很簡單明瞭的道出了「建築之道」。.................
Thumbnail
如果說,文字除了「表情達意」之外,還有「文以載道」的基本功能,那麼淵源流長的漢字應該是當之無愧。例如, 「建築」兩個字,就很簡單明瞭的道出了「建築之道」。.................
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News