本文轉(zhuǎn)自設(shè)計(jì)師的私人日記，要查看更完整的文章內(nèi)容，請(qǐng)前往原文查看，傳送門：
https://mp.weixin.qq.com/s/GLBBYqFUOG7lqXgwc1gBxw

// 前 言 //

在我們的設(shè)計(jì)工作中，“圖像”和“文字”的重要性無(wú)須多言。無(wú)論是平面設(shè)計(jì)、電商設(shè)計(jì)、還是UI設(shè)計(jì)，這些都離不開(kāi)文字。

但是文字卻又一直處于“不被重視”的狀態(tài)，特別是互聯(lián)網(wǎng)的興起，人們?cè)谠O(shè)計(jì)作品的時(shí)候，幾乎不太會(huì)深思，而只以“用計(jì)算機(jī)中的字體設(shè)計(jì)”進(jìn)行制作。

在計(jì)算機(jī)普及之前，我們的文字設(shè)計(jì)頗具匠心，更早之前的活字印刷更是設(shè)計(jì)的瑰寶。而計(jì)算機(jī)的出現(xiàn)無(wú)疑讓“文字”的設(shè)計(jì)選擇性更多，當(dāng)然大家也都不再關(guān)注字體設(shè)計(jì)上的可能性了。

本文將設(shè)計(jì)中的“文字”部分單獨(dú)提取出來(lái)，配合設(shè)計(jì)上的色彩、版式等，來(lái)對(duì)文字的設(shè)計(jì)使用上予以解讀。

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

// 文字與設(shè)計(jì) //

我們每天都會(huì)接觸到文字，但是，真正仔細(xì)研究文字的外部形態(tài)、精通文字設(shè)計(jì)的人卻很少。

以中國(guó)來(lái)說(shuō)，從商周時(shí)代開(kāi)始，發(fā)展到隋唐時(shí)期的雕版印刷，宋代時(shí)出現(xiàn)的活字印刷，一直發(fā)展到現(xiàn)代的數(shù)字影像……

而文字與圖像也有著緊密的關(guān)聯(lián)性，因此，要將它們視為一體來(lái)認(rèn)識(shí)。

在很多的設(shè)計(jì)作品中，文字并非只是客觀的傳達(dá)信息，文字設(shè)計(jì)本身也能夠表現(xiàn)出強(qiáng)烈的情感和力量。

文字的設(shè)計(jì)注重“字體”的設(shè)計(jì)，字體各式各樣，有的給人嚴(yán)肅印象的，也有看起來(lái)讓人覺(jué)得輕松自在的。即使在同樣的文章，使用不一樣的字體，觀者也會(huì)有不同的感受。

我們常提到設(shè)計(jì)要“易于傳達(dá)”，而當(dāng)語(yǔ)言文字無(wú)法完全表現(xiàn)出“感覺(jué)”時(shí)，就必須要選擇適合的字體來(lái)表現(xiàn)來(lái)。

// 構(gòu)成文字的要素 //

在理解文字之前，我們要首先來(lái)認(rèn)識(shí)文字的構(gòu)成要素中每個(gè)部位及其名稱。

???首先來(lái)看看西方語(yǔ)系文字的結(jié)構(gòu)：

西方語(yǔ)系文字是以4條水平線為標(biāo)準(zhǔn)的文字構(gòu)造，第三條水平線是用來(lái)當(dāng)作標(biāo)準(zhǔn)的“基線”，西方語(yǔ)系文字幾乎都是寫在這條基線之上的。

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

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

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

???接下來(lái)看看東方語(yǔ)系文字的結(jié)構(gòu)：

我們都在田字格上寫過(guò)文字，用格子來(lái)理解東方語(yǔ)系文字是最易懂的。

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

東方語(yǔ)系文字的基礎(chǔ)在于文字的骨架，我們稱之為“胸線”，胸線小的字體看起來(lái)更加勻稱，整齊一致，也能更好的傳達(dá)出傳統(tǒng)的感覺(jué)。

而胸線大的字體則更加易讀，更具現(xiàn)代感。

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

介紹完文字的結(jié)構(gòu)，我們接下來(lái)具體看看西方語(yǔ)系文字和東方語(yǔ)系文字的分類。

// 西方語(yǔ)系字體 —— 襯線體 //

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

根據(jù)襯線體線條寬度的差距，我們可以分為“舊體”和“現(xiàn)代體”。

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

外形特點(diǎn)激素筆尖會(huì)留下固定的傾斜角度，像“O”這個(gè)字母較細(xì)的部位會(huì)出現(xiàn)從左上至右下的角度。

現(xiàn)代體則屬于比較工整的風(fēng)格，體現(xiàn)了明快的現(xiàn)代感，給人以冷峻、嚴(yán)格的印象。

外形特點(diǎn)上，線條的寬度變化相當(dāng)明顯，像“O”這個(gè)字母呈現(xiàn)上下垂直的樣子。

此外，襯線體文字根據(jù)襯線變化大致可以分為“支架襯線體”、“發(fā)絲襯線體”、“板狀襯線體”。

???支架襯線體是舊體中最常見(jiàn)的字型，其特點(diǎn)是襯線部分為弧形。這種字體能夠表現(xiàn)出溫柔親切的傳統(tǒng)風(fēng)格。除了襯線部分之外都是直線，在傳統(tǒng)中仍能使人感受到現(xiàn)代感。

???發(fā)絲襯線體是現(xiàn)代體常見(jiàn)的字型，襯線部分由細(xì)直線構(gòu)成，其特點(diǎn)是看起來(lái)非常平整。粗細(xì)線條的對(duì)比非常清晰、明確，具有現(xiàn)代感。

???板狀襯線體的襯線部分為粗厚的四角形。這類型的字體看起來(lái)強(qiáng)勁有力，多用在標(biāo)題處，具有懷舊的氣氛。

// 西方語(yǔ)系字體 —— 無(wú)襯線體 //

無(wú)襯線體和東方語(yǔ)系文字的黑體很類似，無(wú)襯線體是由襯線體中的“版狀襯線體”發(fā)展而來(lái)的。

無(wú)襯線體比襯線體的“x高”更大一些，整體上看內(nèi)容較多的文字，會(huì)覺(jué)得整篇又黑又重。

???古典型的無(wú)襯線體，適用于大尺寸的標(biāo)題文字，具有及其搶眼的效果。表現(xiàn)處古典式男性勇猛粗曠的形象。

???現(xiàn)代感的無(wú)襯線體，展現(xiàn)明快的感覺(jué)。這類字體沒(méi)有多余的裝飾部分，呈現(xiàn)處幾何風(fēng)格，給人留下理性、冷靜的印象。多用于雜志和目錄的設(shè)計(jì)。

// 西方語(yǔ)系字體 —— 其他字體 //

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

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

???“手寫體”是一種充滿變化的字體，每個(gè)人都風(fēng)格都不一樣。現(xiàn)代風(fēng)格的手寫體給人溫暖的感覺(jué)，正如自己親手寫下的文字。

???另外，還有一種被稱為“裝飾體”的文字，這種字體的出現(xiàn)都是為了順應(yīng)當(dāng)時(shí)的潮流，不管什么時(shí)候，看到之類的字體都能感受到那個(gè)年代的風(fēng)格。

// 東方語(yǔ)系字體 —— 宋體 //

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

宋體是大家最熟悉的一種字體，在大量的書籍上都有它的身影，它不僅經(jīng)常被使用在正文部分，也經(jīng)常出現(xiàn)在標(biāo)題上，是一種很基本的字體。

宋體也分為“傳統(tǒng)型宋體”和“現(xiàn)代型宋體”。

???傳統(tǒng)型宋體“胸線”和“字面”都比較狹小，筆畫的粗細(xì)差異大，像是用筆書寫出來(lái)的效果。

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

???現(xiàn)代型宋體缺乏溫暖的感覺(jué)，而傳統(tǒng)型宋體又給人太沉悶的印象，所以取兩者所長(zhǎng)而設(shè)計(jì)處了“中間型宋體”。

// 東方語(yǔ)系字體 —— 黑體 //

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

在早期的印刷時(shí)候，正文一般使用宋體，而為了強(qiáng)調(diào)標(biāo)題部分，于是逐漸發(fā)展出了強(qiáng)而有力、線條粗壯的黑體。

根據(jù)文字的骨架和構(gòu)成要素來(lái)看，黑體也可以分為“傳統(tǒng)型黑體”和“現(xiàn)代型黑體”。

???傳統(tǒng)型黑體的“字面”和“胸線”都較小，給人凝聚內(nèi)斂的印象。而字體的線條也并非單純的直線，仔細(xì)看你會(huì)發(fā)現(xiàn)線條中間部分比較細(xì)，兩端逐漸變粗。

???現(xiàn)代型字體的“字面”和“胸線”較大，給人開(kāi)放的印象。線條呈現(xiàn)強(qiáng)烈的水平和垂直感，不必要的線段都被除去，給人一種機(jī)械般的感覺(jué)。

// 東方語(yǔ)系字體 —— 其他字體 //

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

???“楷書”是指書寫出來(lái)的字體，其文字結(jié)構(gòu)完全沒(méi)有被破壞，給人一種親筆寫出來(lái)的正式感覺(jué)。也正是由于太過(guò)“正式”，一般用在企業(yè)設(shè)計(jì)或者重要場(chǎng)合。

???“行書”屬于快速書寫的“楷書”，筆畫簡(jiǎn)化了，使得文字較不易閱讀。沒(méi)有過(guò)于的莊重感，能夠表現(xiàn)出優(yōu)美的古雅韻味。

???“圓體”是指將“黑體”的筆畫兩端變成圓角，呈現(xiàn)溫柔可愛(ài)的感覺(jué)。經(jīng)常出現(xiàn)在兒童相關(guān)設(shè)計(jì)種。

???“書法字體”是我們最具有代表性的字體，充滿了自由創(chuàng)作的意識(shí)，具有強(qiáng)烈的個(gè)性，在設(shè)計(jì)上非常有特點(diǎn)。

// 字體家族 //

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

一般標(biāo)準(zhǔn)的粗細(xì)我們稱之為”regular”，在粗就是”medium”，更粗的文字就被稱為”semibold”。

而往細(xì)了就有”light””Thin””uitralight”的區(qū)分。

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

// 小 結(jié) //

現(xiàn)今日常生活中，設(shè)計(jì)常常會(huì)需要使用到西方語(yǔ)系字體，有時(shí)候是因?yàn)橛泻Ｍ馐褂玫男枰?，也可能是因?yàn)槲鞣秸Z(yǔ)系字體在設(shè)計(jì)上更好看。

我們只有在充分理解字體的基礎(chǔ)上，在設(shè)計(jì)時(shí)準(zhǔn)守文字相關(guān)的規(guī)則，這樣才能更加自由的使用字體。