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

前言

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

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

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

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

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

文字與設(shè)計

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

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

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

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

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

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

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

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

首先來看看西方語系文字的結(jié)構(gòu)：

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

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

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

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

接下來看看東方語系文字的結(jié)構(gòu)：

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

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

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

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

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

西方語系文字：襯線體

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

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

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

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

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

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

支架襯線體

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

發(fā)絲襯線體

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

板狀襯線體

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

西方語系文字：無襯線體

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

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

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

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

西方語系文字：其它字體

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

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

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

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

東方語系字體：宋體

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

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

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

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

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

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

東方語系字體：黑體

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

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

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

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

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

東方語系字體：其它字體

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

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

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

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

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

字體家族

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

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

而往細(xì)了就有“l(fā)ight”“Thin”“uitralight”的區(qū)分。

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

小結(jié)

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

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

作者：設(shè)計師日記，公眾號：設(shè)計師日記

本文由 @設(shè)計師日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于CC0協(xié)議