學(xué)習(xí)好UI設(shè)計(jì)，成為優(yōu)秀的UI設(shè)計(jì)師，不僅僅是要有獨(dú)特的審美觀，還要有好的設(shè)設(shè)計(jì)思路和方法，對(duì)于一張海報(bào)的設(shè)計(jì)，除了好的的設(shè)計(jì)排版以外，文字占了很大一部分，所以，在文章的排版設(shè)計(jì)中，什么樣的字體和什么樣的方式呈現(xiàn)更能成為亮點(diǎn)，什么樣的字體更符合大眾的審美觀，都是需要大家去了解的，今天就詳細(xì)講解一下字體，讓你徹底讀懂字體。

一份普普通通、規(guī)規(guī)矩矩的設(shè)計(jì)

一份讓人印象深刻、新穎有趣的設(shè)計(jì)

差在哪？其實(shí)就差在三個(gè)字上！

"優(yōu)秀的設(shè)計(jì)不是每一個(gè)細(xì)節(jié)都有亮點(diǎn)，而是弱化其他元素，讓某一個(gè)亮點(diǎn)最大化。"

今天"骉叔的設(shè)計(jì)心得"就來總結(jié)一下關(guān)于"字"的心得。

在設(shè)計(jì)和選擇字體前，我們要先想明白文字的功能是什么？

從原始時(shí)期的人類在墻壁上畫下的那幾個(gè)抽象的符號(hào)，到殷墟發(fā)現(xiàn)的甲骨文，再到現(xiàn)在發(fā)展到上萬個(gè)現(xiàn)代文字。有各種各樣的文字形式，但其實(shí)它們的核心功能都是一致的：

"作為信息的載體，記錄和傳播信息。"

這是文字最為基礎(chǔ)，也是最為重要的功能，脫離了這一點(diǎn)，再花哨的設(shè)計(jì)也都是徒勞無功。

文字除了傳播信息之外，本身的形態(tài)也能夠表現(xiàn)出強(qiáng)烈的情感與力量。就算你不了解語言的具體意義，也能通過字體圖形化的設(shè)計(jì)，了解到一部分特定的信息。

所以完全相同的文字信息，使用不同的字體，會(huì)傳遞出完全不同的感覺。

骉叔啰嗦這么多，其實(shí)就是要你明白字體設(shè)計(jì)的目的，如果出發(fā)點(diǎn)錯(cuò)了，步步皆錯(cuò)。

"做一件事，先搞清楚目的，你才能搞清楚重點(diǎn)；搞清楚重點(diǎn)，你才能學(xué)會(huì)做事的時(shí)候從最重要的地方著手，次要的相對(duì)的忽略，從而達(dá)到最高的工作效率。"

搞清楚為什么設(shè)計(jì)字體后，再看東西方文字的構(gòu)造：

西方文字的結(jié)構(gòu)：基線

西方文字是以水平線為標(biāo)準(zhǔn)進(jìn)行構(gòu)造的。從下往上，第二條線是標(biāo)準(zhǔn)的"基線"，幾乎所有的西方語系文字都是寫在這條"基線"上。

"X"高：

x高就是以x字母為準(zhǔn)的高度。不同字體的的x高是不同的，所以基線也就會(huì)有變化。通常來說，x高比較大時(shí)，基線位置會(huì)靠上，小寫字母較大，會(huì)感覺行間距比較狹窄。x高比較小時(shí)，大寫與小寫字母的差距較大，視覺上行間距也會(huì)比較寬松。

字腔

像是C或O這種字母，中間的空白稱為"字腔"。字腔較寬的字體給人開放、輕松的感覺。字腔較窄的字體給人密集、力量感。

襯線體

襯線體大家肯定都不陌生，特點(diǎn)是字體兩端有襯線來裝飾。最早的襯線體是古羅馬時(shí)期石碑上刻畫出來的，別名為"羅馬體"的字體。這種字體兼具傳統(tǒng)感與易讀性，經(jīng)常用作標(biāo)題、正文。

襯線體又分為類似手寫的舊體（old style）傳統(tǒng)而有底蘊(yùn)，和比例工整的現(xiàn)代體（modern style）現(xiàn)代和時(shí)尚感強(qiáng)一些。

根據(jù)襯線的不同（兩端的裝飾）可分為支架襯線體（弧形的襯線，溫柔親切傳統(tǒng)）、發(fā)絲襯線體（直線構(gòu)成，平整清晰）、板狀襯線體（粗厚的四角狀襯線）。

無襯線體

沒有襯線的字體，也就是末端沒有裝飾的字體，稱為"無襯線體"。和中文的"黑體"比較類似。

無襯線體的出現(xiàn)，是為了更加吸引注意，在板狀襯線體的基礎(chǔ)上，演變過來，隨后又發(fā)展出纖細(xì)的無襯線體。無襯線體的"x高"普遍比襯線體更大一些，字腔也比襯線體大。視覺上能夠給人力量感、現(xiàn)代感。

其他字體

哥特體"black letter"，是用筆尖扁平的筆書寫的。傳達(dá)出莊嚴(yán)感、高貴感、敬畏感、緊張感。

手寫體"s cript"，優(yōu)雅、溫暖、親切感。

裝飾體"display"，用作廣告、海報(bào)的標(biāo)題，有強(qiáng)烈的個(gè)性。

漢字的結(jié)構(gòu)：字面

漢字是在正方形的格子里設(shè)計(jì)的，文字所占尺寸稱為"字面尺寸"。字號(hào)大小相同的字體，會(huì)因?yàn)樽置娉叽绲牟町惗笮〔煌?。所以有時(shí)候兩種字體搭配在一起，雖然字號(hào)設(shè)置的一模一樣，但觀感差別明顯是不同的，原因就是這兩種字體的"字面尺寸"不同。

文字的骨架：

骨架也就是文字的基本結(jié)構(gòu)和重心分布。文字的骨架如果出問題，比如重心不穩(wěn)，結(jié)構(gòu)比例上不協(xié)調(diào)等，字體設(shè)計(jì)完之后將會(huì)變得很奇怪，而且很難修改回來。

胸線（也稱作字懷）：

胸線指的是字體內(nèi)部空白處的寬度，胸線小的字體給人更加傳統(tǒng)的感覺。但是在較小字號(hào)時(shí)，會(huì)增加閱讀難度，給人感覺窄小萎縮，視覺上會(huì)感覺糊在一起一樣。胸線大的文字現(xiàn)代感更強(qiáng)，而且較小字號(hào)也可以輕松辨識(shí)。

宋體

橫線細(xì)，豎線粗，筆畫尾部加上襯線的稱為宋體。宋體字是最早的印刷字體，悠久的歷史和使用范圍給人傳統(tǒng)、底蘊(yùn)、易于閱讀的印象。

宋體的襯線帶有銳角的（現(xiàn)代型宋體）給人感覺干脆利落而強(qiáng)硬，襯線柔和的（傳統(tǒng)型宋體）給人感覺古典親和。要根據(jù)你想要表現(xiàn)的感覺來選擇字體，即使同為宋體，其性格也是有些許差異的。

黑體

橫線與豎線寬度一致的稱為黑體。黑體的出現(xiàn)是當(dāng)時(shí)為了強(qiáng)化標(biāo)題而發(fā)展出的字體，所以黑體的基因中就保留著"強(qiáng)而有力、強(qiáng)調(diào)、正式感"的基因。

傳統(tǒng)的黑體字，胸線比較小，更加凝聚、內(nèi)斂，筆畫粗細(xì)也并非完全一致?，F(xiàn)代黑體胸線較大，給人開放感、機(jī)械感、冰冷感。

其他字體

隸書起源于戰(zhàn)國(guó)，給人歷史久遠(yuǎn)、神秘的感覺。

楷書也叫正楷、真書、正書。由隸書逐漸演變而來，更趨簡(jiǎn)化，橫平豎直給人古典的感覺。

行書是在楷書的基礎(chǔ)上演變而來，給人更加流暢隨意的感覺。

而草書則是在行書上進(jìn)一步簡(jiǎn)化，給人灑脫、不拘一格、有氣度的感覺。但因其可讀性較低，所以不適合做正文。

圓體給人溫柔可愛、天真的感覺。

此外還有綜藝體、卡通體、雪山體，這些字體都有強(qiáng)烈的個(gè)性，適合表現(xiàn)鮮明的意向，但不適合做正文使用。

字族

"腰線"指的是文字的粗細(xì)，只改變腰線粗細(xì)、字體寬度的系列字體稱為字族。標(biāo)準(zhǔn)的粗細(xì)為regular，再粗的稱為medium，更粗的稱為bold。按照寬度可以分為寬型的文字、窄型的文字。窄型的文字也叫窄體字或壓縮字，寬型的文字也叫擴(kuò)張字或?qū)掦w字。寬體字更有力量感，壓迫感；窄體字更加挺拔、年輕。多用于標(biāo)題。

同一家族的字體搭配，表現(xiàn)主次的基礎(chǔ)上，更能讓你的設(shè)計(jì)效果和諧一致。

不同字體的性格

文字是為了傳遞信息而創(chuàng)造的，因?yàn)橛行畔⑿枰磉_(dá)，所以我們才會(huì)寫下文章和文字。

而字體設(shè)計(jì)就是在保持傳遞具體信息的基礎(chǔ)上，利用圖形和顏色等信息來傳達(dá)文字所不具備的朦朧的性格。

文字受制于文化、語言的不同，會(huì)有各種隔閡。而圖形則不需要理解，沒有國(guó)界、語言、文化這些限制，用更低成本、更加直接的傳遞情感與信息，成為更加有利的技巧。

格調(diào)感

一般來說有裝飾的襯線體，比無襯線體更加有格調(diào)、更顯精致高雅。造成這種認(rèn)知的原因則是宋體字的歷史更加悠久，長(zhǎng)時(shí)間被人使用。所以本身就具有傳統(tǒng)、正統(tǒng)、高格調(diào)、底蘊(yùn)的感覺。

除此之外，有襯線的字體大部分都有一個(gè)共同點(diǎn)，就是字體中有曲線，而曲線則能營(yíng)造優(yōu)美而華麗的感覺。想呈現(xiàn)出"高級(jí)感"，搭配合理的留白，以及文字的明度差別較弱的顏色，則更能強(qiáng)調(diào)出高級(jí)感與信賴感。

親和力

尖銳細(xì)長(zhǎng)的東西會(huì)讓人感到緊張，例如日常物品刀子、針、尖銳的石頭等。圓潤(rùn)的物體則讓人安心、感到親近。

文字也有同樣的心理作用，纖細(xì)、尖銳的文字，給人危險(xiǎn)、難以靠近的印象；圓潤(rùn)柔美的文字給人親近、柔和、可愛的印象。但過于渾圓的文字會(huì)給人孩子氣、不穩(wěn)重的印象。另外，想呈現(xiàn)親近的印象時(shí)，盡量采用色彩亮度差異較小的顏色。

未來感

規(guī)則且如圖形般的文字，會(huì)讓人感受到新穎和科技感。文字的構(gòu)成要素越簡(jiǎn)單，抽象感越強(qiáng)，就更能呈現(xiàn)出一種未來感。所以，將文字改造的更加簡(jiǎn)單，呈現(xiàn)"圖形化"就能呈現(xiàn)出科技感，或者用直線和圓相互連接來構(gòu)造文字，搭配無彩色更能體現(xiàn)未來感。

復(fù)古感

想要表現(xiàn)出復(fù)古的感覺，就要先了解過去時(shí)代的風(fēng)貌，復(fù)古就是還原出當(dāng)時(shí)那個(gè)時(shí)代的風(fēng)貌。比如要表現(xiàn)出上世紀(jì)的感覺，就要先了解當(dāng)時(shí)流行什么樣的字體、什么樣的展示風(fēng)格。

華麗感

18世紀(jì)后半葉人們開始在海報(bào)上，不斷增強(qiáng)文字的裝飾性，目的是為了吸引目光、拉開與其他商家的差別，并且這種重度裝飾的風(fēng)格沿用到今天還會(huì)看到。文字的裝飾性越高，華麗感也就越強(qiáng)，但可讀性會(huì)變?nèi)?。所以要用在少?shù)文字上，或者不需要被看懂的文字上。

文化底蘊(yùn)

要體現(xiàn)傳統(tǒng)的文化底蘊(yùn)，書法字體是最合適的選擇，書法分為篆書、隸書、楷書、行書、草書，合成書法五體。

需要注意的是，書法字體的運(yùn)筆走勢(shì)和排列方式要一致，一般采用豎排的方式，橫排會(huì)顯得運(yùn)筆不協(xié)調(diào)。

權(quán)威性

權(quán)威性來自于嚴(yán)謹(jǐn)、傳統(tǒng)、樸實(shí)。所以文字如果要營(yíng)造出讓人信賴的氛圍，不適合過分裝飾，常規(guī)的字體更為適合，比如宋體、黑體這些常見的字體。排版上要寬松、易讀、有秩序感，不能雜亂無章，否則傳遞不出正式、值得信賴的感覺。

自然感

手寫的文字，會(huì)讓人感覺到溫度、自然、有生命力。但一般計(jì)算機(jī)里的手寫字體會(huì)過于規(guī)整，所以要對(duì)每個(gè)字的大小和角度進(jìn)行微調(diào)，賦予變化，更能凸顯自然的感覺，但不能調(diào)整不能過大，要控制在肉眼看不出太大變化的程度。

精致感

單純的文字本身無法帶來"精致"的感受。要體現(xiàn)精致感必須有充足的留白，縮小字號(hào)、減少顏色的數(shù)量。此外，無襯線體比襯線體看起來干凈利落，細(xì)體比粗體看起來干凈利落。適當(dāng)?shù)奶砑哟笮?qiáng)弱的對(duì)比，對(duì)于提升畫面精致感有不小的幫助，具體方法參考骉叔之前的文章

力量感

直線、粗線條、有棱有角的文字，放大處理，能呈現(xiàn)出強(qiáng)硬、力量感。文字線條越粗，給人越強(qiáng)勁的感覺，粗細(xì)一致的無襯線體和黑體更具穩(wěn)定感。搭配強(qiáng)烈的明暗對(duì)比和較小的間距，更能凸顯力量感。

女性化

細(xì)膩而有生命力的曲線，呈現(xiàn)出纖細(xì)和柔韌的美感，而且曲線比直線更柔和、有親和力。所以，柔和襯線的宋體字比黑體字更適合表現(xiàn)女性化、柔韌感。

說了這么多，字體設(shè)計(jì)本質(zhì)是在設(shè)計(jì)什么？

你心里應(yīng)該已經(jīng)有一個(gè)大致的方向，簡(jiǎn)單的總結(jié)一下其實(shí)就是一句話：

字體設(shè)計(jì)的本質(zhì)，是把文字當(dāng)做圖形和圖像來設(shè)計(jì)，更加直觀形象的傳達(dá)具象與抽象的信息。

比如圓潤(rùn)的圖形給人親和力、尖角的圖形給人凌厲感；直線給人干凈利落的感覺、曲線給人柔美華麗的感覺……

關(guān)于圖形（點(diǎn)線面這些平面設(shè)計(jì)中的精髓）以及平面構(gòu)成的形式，骉叔之后會(huì)為你單獨(dú)總結(jié)一份設(shè)計(jì)心得。