本文將設計中的“文字”部分單獨提取出來，配合設計上的色彩、版式等，來對文字的設計使用上予以解讀。

前言

在我們的設計工作中，“圖像”和“文字”的重要性無須多言。無論是平面設計、電商設計、還是UI設計，這些都離不開文字。

但是文字卻又一直處于“不被重視”的狀態，特別是互聯網的興起，人們在設計作品的時候，幾乎不太會深思，而只以“用計算機中的字體設計”進行制作。

在計算機普及之前，我們的文字設計頗具匠心，更早之前的活字印刷更是設計的瑰寶。而計算機的出現無疑讓“文字”的設計選擇性更多，當然大家也都不再關注字體設計上的可能性了。

本文將設計中的“文字”部分單獨提取出來，配合設計上的色彩、版式等，來對文字的設計使用上予以解讀。

雖不能概括所有文字的前世今生以及各種使用技巧，但我們相信，這篇文章會讓你對設計中的“文字”有更進一步的認識。

文字與設計

我們每天都會接觸到文字，但是，真正仔細研究文字的外部形態、精通文字設計的人卻很少。

以中國來說，從商周時代開始，發展到隋唐時期的雕版印刷，宋代時出現的活字印刷，一直發展到現代的數字影像……

而文字與圖像也有著緊密的關聯性，因此，要將它們視為一體來認識。

在很多的設計作品中，文字并非只是客觀的傳達信息，文字設計本身也能夠表現出強烈的情感和力量。

文字的設計注重“字體”的設計，字體各式各樣，有的給人嚴肅印象的，也有看起來讓人覺得輕松自在的。即使在同樣的文章，使用不一樣的字體，觀者也會有不同的感受。

我們常提到設計要“易于傳達”，而當語言文字無法完全表現出“感覺”時，就必須要選擇適合的字體來表現來。

構成文字的要素

在理解文字之前，我們要首先來認識文字的構成要素中每個部位及其名稱。

首先來看看西方語系文字的結構：

西方語系文字是以4條水平線為標準的文字構造，第三條水平線是用來當作標準的“基線”，西方語系文字幾乎都是寫在這條基線之上的。

隨著文字設計的不同，平行線的位置也會跟著改變，從而形成各自的特色。

以小寫字母“x”的高度為“x高”，“x高”決定這套字體的整體大小，小寫字母的高度的平均發布也會影像文字的閱讀。

像是“C”“O”這個類的字母中間的空間被成為“字腔”。字腔較寬的字體就會給人開放、輕松的感覺，相反，字腔較窄的字體就會感到非常密集，也會感覺更有力量。

接下來看看東方語系文字的結構：

我們都在田字格上寫過文字，用格子來理解東方語系文字是最易懂的。

格子分為“虛擬框”和“字面尺寸”，“字面尺寸”也會隨著不同的字體而有所變化。

東方語系文字的基礎在于文字的骨架，我們稱之為“胸線”，胸線小的字體看起來更加勻稱，整齊一致，也能更好的傳達出傳統的感覺。而胸線大的字體則更加易讀，更具現代感。

除了“骨架”之外，還有就是文字的“血肉”了，我們稱為“點”和“勾”。它們決定了設計文字字體的特色所在。

介紹完文字的結構，我們接下來具體看看西方語系文字和東方語系文字的分類。

西方語系文字：襯線體

在西方語系文字中，字形筆畫前端有像是爪形的裝飾，我們稱之為“襯線體”。

根據襯線體線條寬度的差距，我們可以分為“舊體”和“現代體”。

舊體類似于用筆尖壓平的毛筆書寫文字，在起筆出保留了書寫痕跡，能讓人感覺到傳統的親切感，整體更易于閱讀。

外形特點激素筆尖會留下固定的傾斜角度，像“O”這個字母較細的部位會出現從左上至右下的角度。

現代體則屬于比較工整的風格，體現了明快的現代感，給人以冷峻、嚴格的印象。

外形特點上，線條的寬度變化相當明顯，像“O”這個字母呈現上下垂直的樣子。此外，襯線體文字根據襯線變化大致可以分為“支架襯線體”、“發絲襯線體”、“板狀襯線體”。

支架襯線體

是舊體中最常見的字型，其特點是襯線部分為弧形。這種字體能夠表現出溫柔親切的傳統風格。除了襯線部分之外都是直線，在傳統中仍能使人感受到現代感。

發絲襯線體

是現代體常見的字型，襯線部分由細直線構成，其特點是看起來非常平整。粗細線條的對比非常清晰、明確，具有現代感。

板狀襯線體

板狀襯線體的襯線部分為粗厚的四角形。這類型的字體看起來強勁有力，多用在標題處，具有懷舊的氣氛。

西方語系文字：無襯線體

無襯線體和東方語系文字的黑體很類似，無襯線體是由襯線體中的“版狀襯線體”發展而來的。

無襯線體比襯線體的“x高”更大一些，整體上看內容較多的文字，會覺得整篇又黑又重。

古典型的無襯線體，適用于大尺寸的標題文字，具有及其搶眼的效果。表現處古典式男性勇猛粗曠的形象。

現代感的無襯線體，展現明快的感覺。這類字體沒有多余的裝飾部分，呈現處幾何風格，給人留下理性、冷靜的印象。多用于雜志和目錄的設計。

西方語系文字：其它字體

除了襯線體和無襯線體，還有很多的其它字體，這邊我們就簡單介紹下具有代表性的幾種字體。

首先是被成為“哥特體”的字體，運用筆尖扁平的筆書寫，傳達出莊嚴感，也有一種令人敬畏的高貴感。

“手寫體”是一種充滿變化的字體，每個人都風格都不一樣。現代風格的手寫體給人溫暖的感覺，正如自己親手寫下的文字。

另外，還有一種被稱為“裝飾體”的文字，這種字體的出現都是為了順應當時的潮流，不管什么時候，看到之類的字體都能感受到那個年代的風格。

東方語系字體：宋體

豎線粗、橫線細，在筆畫結束處有一個類似三角形、名為“鱗”的裝飾，這種字體稱為“宋體”。

宋體是大家最熟悉的一種字體，在大量的書籍上都有它的身影，它不僅經常被使用在正文部分，也經常出現在標題上，是一種很基本的字體。?

宋體也分為“傳統型宋體”和“現代型宋體”。

傳統型宋體“胸線”和“字面”都比較狹小，筆畫的粗細差異大，像是用筆書寫出來的效果。

現代型宋體“胸線”比較大，筆畫寬度差異較小，起點和終點是如同幾何形般的剛硬線條，賦予了字體明快的現代感，也增添了冷峻的感覺。

現代型宋體缺乏溫暖的感覺，而傳統型宋體又給人太沉悶的印象，所以取兩者所長而設計處了“中間型宋體”。

東方語系字體：黑體

橫線和豎線寬度幾乎相同的東方語系字體稱為“黑體”。

在早期的印刷時候，正文一般使用宋體，而為了強調標題部分，于是逐漸發展出了強而有力、線條粗壯的黑體。

根據文字的骨架和構成要素來看，黑體也可以分為“傳統型黑體”和“現代型黑體”。

傳統型黑體的“字面”和“胸線”都較小，給人凝聚內斂的印象。而字體的線條也并非單純的直線，仔細看你會發現線條中間部分比較細，兩端逐漸變粗。

現代型字體的“字面”和“胸線”較大，給人開放的印象。線條呈現強烈的水平和垂直感，不必要的線段都被除去，給人一種機械般的感覺。

東方語系字體：其它字體

除了宋體和黑體之外，還有很多其它的字體，我們接著介紹幾種具有代表性的字體。

“楷書”是指書寫出來的字體，其文字結構完全沒有被破壞，給人一種親筆寫出來的正式感覺。也正是由于太過“正式”，一般用在企業設計或者重要場合。

“行書”屬于快速書寫的“楷書”，筆畫簡化了，使得文字較不易閱讀。沒有過于的莊重感，能夠表現出優美的古雅韻味。

“圓體”是指將“黑體”的筆畫兩端變成圓角，呈現溫柔可愛的感覺。經常出現在兒童相關設計種。

“書法字體”是我們最具有代表性的字體，充滿了自由創作的意識，具有強烈的個性，在設計上非常有特點。

字體家族

一套文字除了字體大小的區分，還有一種概念叫“字重”，學名為“腰線”，通俗理解就是字體的粗細。

一般標準的粗細我們稱之為“regular”，在粗就是“medium”，更粗的文字就被稱為“semibold”。

而往細了就有“light”“Thin”“uitralight”的區分。

在很多中文字體中，按照“腰線”使用“W6”這種標注方式，數值越大，腰線差異越大。

小結

現今日常生活中，設計常常會需要使用到西方語系字體，有時候是因為有海外使用的需要，也可能是因為西方語系字體在設計上更好看。

我們只有在充分理解字體的基礎上，在設計時準守文字相關的規則，這樣才能更加自由的使用字體。

作者：設計師日記，公眾號：設計師日記

本文由 @設計師日記 原創發布于人人都是產品經理?，未經許可，禁止轉載

題圖來自 Unsplash，基于CC0協議