《中文字體 新手入門指南》

2021-02-07 設計圈

How many glyphs are there in a Chinese font set? Does Chinese have 「serifs」 and 「sans-serifs」? What is the Helvetica of the Chinese font world? We』ll answer all these questions and more as we cannonball into the deep end of East Asian typography.

為何要關心

從實用性的角度出發,近來越來越多的網站以及圖形設計項目中要求我需要設計一個中文的版本。說不定你也馬上也會面臨這些需求。

(作者為歪果仁:Kendra Schaefer。Translation by Gavin Foo)英文版本可以點擊原文。哦對了,如果你想關注設計圈的微信,搜索:imaudc或設計圈就好啦!小編手打在這裡等著你。

從學習者的角度來看,中國字真的是酷斃了!眾所周知,中文是目前還在被使用的最古老的書寫體系,不僅如此,整個東亞地區地區的書寫語種都像是中文的一個分支。儘管這些語種已經進化成其他鮮明獨特的形態,但是你在其中仍然可以看到中文字符的身影。

當然,還有一點不可或缺的原因就是:中文非常的優美。誰會拒絕欣賞美好的事物呢?

萬事開頭難:簡體中文 VS 繁體中文

你知道嗎,在中文的書寫體系有兩種標準。

長話短說,在1949年毛主席引領共產黨執政後,他發現可以通過降低文字的複雜度來提高國民的識字率,於是他組織了很多語言學家修訂了開始了文字簡化運動。維基百科(英文版)告訴我們:

「中共分別在1956年和1964年發布了首次官方文字簡化的文件」

在當時,香港、臺灣以及澳門並不受大陸方面控制,所以他們並沒有改變字形,而是繼續保留了原有的繁體中文。在簡體字正式發布前,世界各地已經有大量的中國移民以及唐人街,所以在這些地方他們依然在使用繁體中文。

使用簡體中文的地方:

使用繁體中文的地方:

啊!真是醉了!

額滴神啊!如潮水般的字符!

試想一下這些歷史對於字體研發工作室意味著什麼:為了發布一個專業的字體,他們不僅需要創建一個包含超過20000個字符的字符集,他們還需要重複兩次工作,一次是簡體的,一次是繁體的。而且這還沒有考慮到多種文字粗細程度!

什麼?我剛才說了20000?

是不是已經嚇尿了?儘管已經做了簡化,但是專業的中文字體必須要包含大約20000種字形,有時可能會再多幾千種,有時可能會少一些。這其中還包含了英文的字母,中文以及英文的國際音標字母,以及龐大的中文標點符號集。繁體中文的字符集則至少要包含30000種字形。一些非專業的字體可能會僅僅包含大約2000種常用的字形,但是這些字體不應該被選來當做主要字體,因為有的時候你會發現它沒有你需要的文字。

如何在@font-face以及網絡字體中使用它們?

答案是不能使用它們。中國還沒有加入@font-face ,他們依舊堅持使用原有的瀏覽器標準字體以及特殊類型使用的PNG/SVG。因為中文字體中包含了太多的字形,每一種字體的文件通常有3-7 MB,這體積輕而易舉額地就打敗了網頁中嵌入的內容。知道最近才出現了一些非標準網頁字體渲染的極端實驗技術,比如:有字庫 以及Justfont 。

http://youziku.comhttp://en.justfont.com中文字體的主要分類

西方字體使用幾種「主標題」和一系列的「小標題」加以區分。西方有襯線字體和無襯線字體之分,也有包括哥特體、手寫體、美術體、slab、等寬字體在內的一系列詞彙描述通用的印刷風格。雖然我們無法真正地將每一種字體歸類至襯線或無襯線類字體中(比如手繪手寫體就無法歸類),但這兩大類可能就是使用最廣泛的字體分類方法了,它們的使用範圍甚至早已超出了設計行業。

這麼來看,中文字體的分類與我們自己的很相像。在中文裡,有兩個最主要的分類——宋體和黑體,可以被理解為「中文襯線字體」和「中文無襯線字體」。

宋體

如果一定要選一種字體來代表中文印刷字體的話,那麼宋體就是最佳的選擇。宋體的使用,最早可以追溯到中文雕版印刷的鼎盛時期——宋朝(公元960年-1279年)。由於雕版所使用的木頭具有的水平紋理,所以橫筆畫更容易雕刻而且還能保持非常的細小。相反,豎筆畫則難以雕刻,所以就會導致其變粗。同時,由於橫筆畫的兩端容易被磨損,所以人們就為其加上了字腳,讓這些地方變得更粗也更耐用。於是,宋體作為一種橫筆畫水平、豎筆畫粗壯、擁有華麗但規範字腳的字體,成為了中文襯線字的代表。

細而平的橫筆畫,粗壯的豎筆畫,帶字腳/「襯線字體」網頁標準

中易宋體,或者更廣為人知的英文叫法 SimSun,與它的前任,新宋體 NSimsun 就是簡體中文中的 the Times New Roman,因其內置於 Windows XP 系統而變得流行。中易宋體一直飽受喜愛:它依舊是Windows 7 中文的默認字體。如果你去問一個中國網頁設計師是什麼讓頁面更有「中文範」,他們通常會微微一笑然後回答 「SimSun,12pt」 ——這就是這種字體究竟有多麼普及的最好證據。

宋體示例

這就是中易宋體,一個非常實用的中文宋體:

注意方正粗宋這個字體中,保持了經典宋體的豎粗壯、橫細平的特點,該字體由方正字庫創造:

在紐約時報周刊的中文網站上線之前,香港排版專家許瀚文受委託為其設計了一版中文字型。他使用的這種宋體筆畫粗細對比十分強烈、端點風格與紐約時代周刊的logo相匹配:

變體:1950年代的宋體參考書:

1954年用於籤署憲法的中華人民共和國國璽上的宋體:

2009年《嘉人》雜誌封面下方精選文章標題所使用的宋體:

出現在牆體標語上的瘦高的宋體:

黑體

另一個主要的分類就是黑體,大致對應「無襯線字體」。黑體的發明就要相對晚一些了。學者對於黑體的歷史有著很大的爭議,但我們可以發現它是二十世紀早期廣告印刷品的產物。

結構方正,沒有字腳網頁標準

SimHei是與襯線字體SimSun相對應的標準無襯線字體。近幾年,微軟雅黑逐漸替代SimHei成為首選的網頁標配,但這依舊有一些兼容問題:微軟雅黑是從Windows Vista開始引入的,但至今中國為數眾多的XP用戶讓我們無法徹底放棄些許過時的SimHei字體。

黑體示例

下圖就是基本的SimHei:

以及新興的黑體——微軟雅黑,我稱之中文版的Helvetica:

思源黑體是Adobe與Google合作,在2014年推出的可愛的新版黑體。你可以發現它與SumHei在端點處理上的不同:

1913年出現在報紙標題中的黑體:

Noto Sans簡體中文是谷歌通用語言項目(Google’s universal language project)的一部分:

目前我最喜歡的一款黑體是來自造字工房的悅黑

尚黑,造字工房製作的另一款別具風格的黑體:

二十世紀六十年代的一款印在華麗的留蘭香牙膏盒上的斜體design-y黑體:

引用自 univs.cn楷體

楷體模仿自基本軟筆手寫字體。但楷體並不是一種奇形怪狀的字體,它並不會很花哨,依舊構建在一定的規則中,並保正其正常的結構。下面是Adobe楷體,你可以在 Photoshop 以及 Adobe 的其他軟體中發現它的身影:

橫筆畫也可以帶角度,柔軟且富有彈性的末端,以及符合自然的筆觸寬度字體中書法的名稱

如果我們要追根溯源的話,「楷」在這裡並不僅僅指「軟筆手寫體」,而是指一種產生於公元151-230年間的古代手寫書法風格。除此之外,還有另外一些出現在現代字體名稱中的書法風格,如:草書、隸書、行書等等,但這些字體過於奇特和風格化,所以基本在印刷體中並不多見。

如果你想了解更多關於書法風格的內容,可以看看這個炫酷的凸版印刷項目漢字年史,它是由一位我最喜歡的現代印刷商左佐製作的(看在上帝的份上你們一定要去看這篇 Creative Hunt 對他的採訪):

網頁標準

在簡體中文中,楷體並沒有網頁標準版本,稱之為「Kaiti」(或「Biao Kaiti」)就可以了。你可以在網頁中使用楷體,但是如果字號很小就最好不要使用了。

楷體示例

現代楷體是受到了宋代大書法家蘇東坡(公元1037-1101)的《過都昌》等作品中粗楷體詩風格的影響:

公元1300年左右的官文:

Kindle楷體 加粗:

方正楷體:

這張1925年的報紙上的所有的大字都是楷體:

仿宋體

仿宋體是一種混合風格的字體,他具有宋體的結構,同時也受到手寫楷體視覺風格的影響。未經訓練的人第一次是較難區分宋體與仿宋體的,但這也是有技巧的——經典宋體中的橫一定是平直的,而仿宋體則會微微傾斜。同時,仿宋體不會有很大的字腳,橫豎筆畫的粗細對比也沒有宋體那麼大。

Horizontal lines angled, usually lighter flourishes仿宋示例

方正出品的仿宋字體:

另一個強勁對手——漢儀製作的漢儀仿宋:

由劉從新lcx製作的「飛仿宋」:

《四部備要》:

美術體

美術體是一類極具風格的字體,它們可以包括從稚嫩到厚重到新奇的各類風格——正如其名「美術」所指。為了在線上使用這類字體,你可能需要矢量圖或位圖來實現,或者啟用極具實驗性質的亞洲字體庫「有字庫」。下面就是丁丁手繪體,一款來自造字工房的打著圈圈的字體:

下面是二十世紀七十年代印刷在相機包裝上的美術字體:

圓體

圓體是黑體(無襯線字體)的一個特別的子類。這個名字非常形象——具有圓潤轉角的無襯線字體。圓體在現代保險和廣告中很常見。它也不具有網頁標準字體。

你應該注意到了:字體名稱前綴

正如你所推測的一樣,字體製作方通常會在字體名稱前加上自己名字。以「HY」開頭的來自漢儀,以「FZ」開頭的來自方正,以「MF」開頭的則來自造字工房,等等。

是的!使用中文字體需要獲得授權

當然,它們比英文字體貴好多好多倍(當然要貴了!因為要做近兩萬個字型啊!)。但別失望:有些製作方為個人用戶提供了具有有限字型庫的適用版,所以如果你只是想試試字體、做個Logo、或者讓你的標題頗具風格,試用版是個不錯的選擇。

Advertisement

一些結構上的考究到處都是方格

中文字符都嚴格地擺放在方格之中,而細緻設計的字符會均衡地使用一個方格的位置。就連中文標點符號也同樣佔用一個方格的位置,所以在句號和逗號之後無需任何空格。我已經習慣了使用空格好多年了,但我會毫不猶豫地說,方格才是書寫語言的基礎構建單元。

上下左右:書寫方向

我不會打擊你們小小的自信心:你應該從大量的日本漫畫中知道了亞洲語言可以從右至左、從上至下閱讀。但是,在大多數情況下,中文和英文一樣是從左至右閱讀的。但由於中文是構建在方格之中的,所以中文比英文有好很多的豎向排版表現。這意味著以藝術風格主導的短小文本(書的封面、商標或標誌),可以賦予創意地隨意擺放文字,而不全失其可讀性——只要詞序不過分錯亂。但在更基礎的閱讀中,從左至右、從上至下的順序才是標準的。

竟然木有空格!

一種沒有空格的語言,你又是如何知道一個詞彙的開始與結束?如果一個文本可以在任何方向上書寫,你又是如何知道從何處閱讀?雖然我已研習中文數年,我依舊無法回答這個問題。但當我學會了句讀之後,我就不再考慮這些問題了。很顯然,其他人也並無這種顧慮:
2008年的時候,研究員發布了一個課題,藉助天津師範大學的學生,他們想研究在中文中加入間隔對於閱讀的影響。他們在詞彙與詞組之間加入空格,結果如下:

「.…研究結果表明,在詞彙間加入空格(或者高亮詞彙的邊界)對中文閱讀並無幫助,至少是對普通無空格文本的閱讀是沒有幫助的。」

缺少間隔讓文字排版產生了一些有趣的細節,最顯著的就是中文中並沒有連字符——排版者必須要知道詞彙或語義的結束與開始,這樣才能完成準確的句讀。

現代中文排版大觀

活學活用時間!這裡有些不錯的中文版式設計,首先是來自澳門Tun Ho的海報。這幅作品包含四個漢字,從上至下,是中國的一句俗語:「天天向上」。你可以發現作者將漢字變成了指向天空的箭矢,而環繞四周的祥雲則揭示了其中的含義。

這幅出色的作品由上海的More Tong創作。這幅畫包含兩個被拆開的漢字——非常,也即廣告公司Anomaly的漢字。他將「非」拆分為兩半,分別置於「常」的左右。

下面的詩詞視覺化作品出自北京印刷人Liam Lee之手。

在Mr.Mz創作的眾多作品中,其中有一個是對著名歷史人物「張飛」名字的視覺化表現:

這是造字工房創始人丁一為迪士尼所創作的一套字體,之所以在這裡推薦的主要願意就是愛麗絲的品牌標示超越了語言,被完好的保留了下來:

由新加坡藝術家Kevin創作的空系列作品:

由 Shangchin Ding 創作的紐約:

上海的 Wang 2Mu 創作的逆流而上插畫(來源於創意博客NEOCHA):

怎麼樣?非常帥氣吧!現在你就可以嘗試使用宋體來完成一次創作了,你也可以繼續到網上搜尋更多關於漢字的內容,相信你會有更多意想不到的發現!



小編手打·本日最佳:

如何做到為人和善又不失強硬?


設計圈轉自tuts+

轉載請註明作者與出處,與小編手打一起維護網際網路文化版權。

當然,你還可以在主頁面進入設計圈的微社區認識更多設計師!

相關焦點

  • 《ProjectSekai》新手攻略 新手入門教學指南
    待遊戲發布後,小編會第一時間更新最新版新手入門教學指南! 大家可以關注九遊獲取最新的資訊內容更新! 以上就是Project Sekai資訊內容,更多資訊請關注九遊!
  • 最專業劇本寫作格式|新手入門視頻拍攝指南
    首先是字體,劇本中的字體是CourierNew,12號字體,你可以在你的Word軟體裡找到它。Courier字體是老印表機使用的字體,這個字體是好萊塢編劇的傳統,也是鐵律,正是合適的字號保證了一分鐘一頁戲的規整。我們在用中文寫作時,一般使用12號的黑體,由於中文的特性,很難保證一頁紙正好寫一分鐘。
  • 楚留香手遊新手攻略匯總 入門指南大全
    楚留香手遊新手攻略匯總是每個玩家必看的,小編為你帶來從入門指南大全,讓你輕鬆玩轉掌上江湖快意恩仇,本文內容將持續更新,敬請大家收藏!
  • LOL手遊新手入門指南 讓你十分鐘就成為老油條
    ------------------------------------- 英雄聯盟手遊新手要怎麼玩?新手在進入遊戲後要做些什麼?LOL手遊中什麼英雄最適合新手?
  • 機器學習漫遊指南 最完整的入門書單(外文版)
    在雷鋒網所篩選的學習資源中,這堪稱是迄今為止最全面、最完整、權威性比較高的一份 ML 書單,涵蓋了最值得學習者、從業者、開發者認真研讀的精品書目。這份指南適合多樣背景的讀者:從想要了解機器學習的普通人,到入門新手,再到高階開發者和學術研究人員。因此,雷鋒網對其進行編譯整理,特來與大家分享。
  • 《死或生6》新手入門指南——關於猜拳
    《死或生6》除了操作和思路之外,還有最重要的一點就是心態,格鬥遊戲中有不少地方很像猜拳,也就是格鬥術語中的【擇】,如何擇,這是對於對手行動的一種預讀,下面小編就為大家帶來一篇「mgsfanyfy」分享的新手入門指南之關於猜拳。新手入門指南之關於猜拳強度的定義玩格鬥遊戲,誰都希望「變強」「想贏」「進步」。
  • 天涯明月刀手遊神威怎麼玩 神威新手入門指南
    天涯明月刀手遊神威應該怎麼玩,神威職業新手入門指南。天刀手遊完美移植端遊畫風劇情完美移植,策略性與打擊感兼備備受廣大遊戲迷的喜愛。不過有不少人疑惑天涯明月刀手遊神威應該怎麼玩,神威職業新手入門指南,一起來看看吧。
  • 【魔龍傳奇】我的俠客新手攻略大全 新手入門必看指南
    我的俠客新手攻略大全已經出爐了,很多小夥伴想知道新手我的俠客需要注意什麼,各個周目該怎麼玩,下面小編就帶來了我的俠客新手入門必看指南,快來看看吧
  • 《最後的綠洲》新手入門指南
    請看玩家「綠犬巴迪」分享的《最後的綠洲》新手入門指南,希望能為各位玩家帶來一些幫助。 劇情 地球停止轉動,生態大部分毀滅,晝長夜短,人類被迫追隨著綠洲。 每隔一段時間綠洲會向著東邊蔓延,遊牧民族不得不隨之向東方遷徙。(遷移時間暫時沒確定 ,測試版本中為2-3天)。 為了爭奪極少的生存空間,水源,礦產等物資,戰爭成為了綠洲的主旋律。
  • 《GTAOL》新手入門指南及注意事項
    《GTAOL》遊戲中有些不少玩家剛剛進入遊戲,可能在前期不清楚要做些什麼事情能夠更快適應這個城市,下面請看玩家「洛聖都地產商」分享的《GTAOL》新手入門指南及注意事項。希望能為各位玩家帶來一些幫助。
  • 《怪物獵人世界冰原》太刀如何入門 太刀入門方法
    太刀是怪物獵人世界裡最帥氣的武器,很家都喜歡,下面小編就帶來怪物獵人世界冰原新手太刀入門指南,供大家參考,希望對大家有所幫助。 怪物獵人世界冰原新手太刀入門指南 ... 怪物獵人世界冰原太刀怎麼入門?
  • 《彈力果凍》新手怎麼玩 新手入門玩法教學指南
    標籤: 新手入門 彈力果凍新手怎麼玩,彈力果凍新手攻略,《彈力果凍》是一款以Q萌寵物為養成的休閒手遊,那作為一款養成遊戲,新手應該注意哪些細節才能更加平穩的度過前期呢,讓我們一起點來看一下吧。
  • 《遊戲王決鬥連結》新手怎麼玩 新手入門教學指南
    導 讀 遊戲王決鬥連結新手怎麼玩?遊戲王決鬥連結新手入坑玩法有哪些?
  • 新手炒股入門基礎知識:新手入門該如何炒股?
    許多初入股市的新手都會問出這樣一個問題:什麼是新手炒股入門基礎知識?其實,想要玩轉股市並非易事,這需要投資者具備一定的理論知識和豐富的投資經驗。那新手炒股入門基礎知識有哪些呢?關於新手炒股入門基礎知識有哪些,下面小編就介紹一下常見的新手炒股入門基礎知識。
  • 中文平面美術字體設計技巧及經驗
    楷書:形態:依然是框架結構 識別上非常容易 所以它處在這個坐標工具的右上角 相對的來說 個性就比較少了 四平八穩草書: 形態:沒有框架 隨心而置 識別上比較困難(你找找歷代書法看看 看你能完整的認出多少來)但個性就非常強烈了 看的多的話 你不用看落款你就知道這是那個書法家的作品行書:形態:沒有框架 識別上較容易 個性和識別性兼備這個坐標工具我主要用做分析別人字體設計的工具和作為自己設計字體時候的指南
  • 實驗性中文字體創作
    Experimental Chinese Typography - Taiwan Indie Music「獨體」・獨立音樂創作合輯運用音樂四種曲風(流行、搖滾、嘻哈、民謠)的外在特性,透過各種實驗手法,將傳統中文字體所蘊含的美學概念
  • 動物派對新手入門全攻略 動物派對新手教程通關指南
    動物派對最近是越來越火了,也很多新手玩家的加入,一些小夥伴都不知道新手教程要怎麼過,下面就來為大家分享一下動物派對新手入門全攻略。動物排隊新手教程第一間屋子使用左搖杆(W/A/S/D)移動,右搖杆(Q/E)拖動視野。第二間屋子按住LT(左Shift)進行奔跑。
  • 股票入門基礎知識:新手炒股如何快速入門?
    股票入門基礎知識:新手炒股如何快速入門?炒股其實不難,說簡單就是低買高賣,但股票入門知識那麼多,如果都學完費時費力。就讓小編教你幾招新手如何學習炒股的知識吧。新手炒股如何快速入門新手炒股快速入門一:開戶可以帶上個人身份證件到就近的證券公司辦理股票開戶手續。
  • 天諭手遊新手怎麼玩-新手入門攻略
    天諭手遊新手怎麼玩?天諭手遊1月8號就要公測了,是一款東方幻想題材的MMORPG手遊,下面爪遊控為大家帶來天諭手遊新手入門攻略。天諭手遊新手入門攻略  新手入門  1、前期都有等級上限,任務和活動都會在早上五點刷新。
  • 新手值得入門仿賽摩託車
    歡迎大家來到機動車指南,剛入車圈的朋友很多都喜歡仿賽,那今天就來看看那些仿賽(跑車)摩託車值得新手入手。圖片來源於網絡春風250SR,一經發布原創的外觀吸引大批女騎和新手的目光,有黑和白兩種顏色可選擇,全車配備LED燈光,採用一體式車架和分離坐墊設計780mm坐高讓人輕鬆駕馭,儀表方面高配版本採用