西文字形結(jié)構(gòu)雖然遠(yuǎn)比漢字簡單，但正是因為簡單，反而設(shè)計時使其達(dá)到協(xié)調(diào)卻變得復(fù)雜，牽一發(fā)而動全身。輕易改變一個西文字形卻不影響 其辨識度是極其困難的，因此品牌標(biāo)準(zhǔn)字基本都是在已經(jīng)有的辨識度高的字形基礎(chǔ)上進(jìn)行調(diào)整設(shè)計的。
視錯覺與視覺平衡
不同的字形因為筆畫與結(jié)構(gòu)的不同，字面所占據(jù)的體積與形狀就產(chǎn)生了差異。字與字之間若要統(tǒng)一調(diào)性、消除差異，就必須進(jìn)行視覺上的調(diào)整,以消除視錯覺的影響。
視錯覺就是當(dāng)人觀察物體時，大腦會形成一些錯誤的判斷和感知，是觀察者在客觀因素干擾下或者自身的心理因素支配下，對圖形產(chǎn)生的與實際不相符的判斷。
下圖左側(cè)圖中，圓形外側(cè)的負(fù)空間很多，而方形則充滿了空間，因此圓形看起來相對小很多。右側(cè)圖中，將大小一致的藍(lán)色橫豎線進(jìn)行對比可以發(fā)現(xiàn)，橫線更具擴(kuò)張感，因此看起來更粗。所以在字形設(shè)計中，表達(dá)橫豎線均衡，一般會將橫線相應(yīng)調(diào)整得略細(xì)。
當(dāng) E 與 H 調(diào)整成等寬后，可以明顯看出 E 看起來更寬，這是因為我們的閱讀順序和字母排列都是橫向的，因此對橫筆形成了線的引導(dǎo)性，最終導(dǎo)致了橫向線條更長的視錯覺。F、L、E 這種單側(cè)開放的字母就會引發(fā)這種視錯覺;而像 Z、T 這種字母雖然有橫筆向側(cè)邊延展，但是兩側(cè)都有，所以形成了平衡和互相抵消的效果，因此不需要進(jìn)行相關(guān)調(diào)整。
以字體Helvetica Neue 為例，下面的黑字是把每個字母的字寬機(jī)械地調(diào)整為等寬，我們會明顯看到 E 看上去很寬，C、A、M、W 則看上去很瘦，字母看上去寬度不一，極其不協(xié)調(diào)。字形的寬度必須考慮到它的內(nèi)部及兩側(cè)形成的負(fù)空間。因此，要做到視覺平衡，就必須對字形結(jié)構(gòu)與筆畫進(jìn)行相應(yīng)的調(diào)整，這樣才能讓不同字母之間形成融洽、和諧的關(guān)系。
下面來看看 W 和 M。如果沒有進(jìn)行研究，很多設(shè)計師大概會同左側(cè)一樣設(shè)計，將矩形直接組合在一起。這樣設(shè)計的話，我們會發(fā)現(xiàn)組合后，形狀交錯的地方看起來會特別厚，而且在等寬的情況下，M下側(cè)的字懷部分比F狹小了很多，形成了嚴(yán)重的失衡。最右側(cè)是調(diào)校均衡的 M，在藍(lán)色的 M 圖例中可以看到，筆畫相交處進(jìn)行了錯開處理，使其變薄。這樣M的字懷也變得均勻合理，相交處也變得厚薄適中了。
如果仔細(xì)放大查看我們常用的經(jīng)典襯線體，就會發(fā)現(xiàn)像V、W、X、Y這些具有交叉筆畫的字母，還會對距離筆畫交叉部位近的地方進(jìn)行逐漸收窄的處理，以達(dá)到筆畫粗細(xì)在視覺上的均勻和諧。
X 的筆畫交錯處同樣也會形成視錯覺，可以看到黑色 X 的紅色箭頭處有膨脹感，也就是藍(lán)色 X 的紅線側(cè)有擴(kuò)張的錯覺。右側(cè)調(diào)校后視覺均衡，對紅線處進(jìn)行了逐漸向內(nèi)收窄的處理 ，使交錯處擴(kuò)張的視錯覺得到矯正。
常規(guī)字型的這種交錯處都會進(jìn)行收窄處理，以得到視覺上的均衡。
負(fù)空間與字間距
我們知道了西文字形的字寬需要以其字面的負(fù)空間與其他字進(jìn)行均衡為考量，那么字間距該如何把控呢？這個問題，在我早年學(xué)習(xí)西文字形的時候，給我?guī)砹藰O大的困惑。
與方塊漢字不同，如果一股腦兒使用等間距的話，西文會立馬顯現(xiàn)出非常突兀的視覺上間距失調(diào)的問題。因為相比更接近方形輪廓的中文字形，西文字母的形狀外輪廓的差異懸殊且字寬都不盡相同，字間距更是不能刻板地使用一個尺寸的距離去處理。
負(fù)空間：字寬與字間距的關(guān)鍵
《老子》有云：“埏埴以為器,當(dāng)其無,有器之用?！币馑际侨嗪吞胀林谱髌髅螅驗橛辛似骶咧锌盏牡胤?，才有器皿的作用。用這句話來概況字形設(shè)計的核心關(guān)鍵，再適合不過，西文字形的字寬、內(nèi)部空間以及間距控制問題的癥結(jié)就在“當(dāng)其無”的負(fù)空間（白空間）中。
以flickr的標(biāo)志的標(biāo)準(zhǔn)字為例，將其進(jìn)行相等間距處理后，從第一排右側(cè)中可以看到字間距看起來時松時緊。我們看第二排是對其進(jìn)行了字間距把控，這種把控就是對字懷，也就是互相之間形成負(fù)空間的考量。
西文的字間距對于字形設(shè)計來說是尤為關(guān)鍵的，不協(xié)調(diào)的間距，讓文字閱讀起來因為節(jié)奏混亂而讓人感到十分吃力，大大影響到可讀性和美感。
拉丁字母大小寫，如果對外形進(jìn)行籠統(tǒng)的分類，可以大致分類為方形、圓形、三角形這三種。我們以這三種與方形的間距為基準(zhǔn)，得出上圖的間距由大到小排列，可以看到三角形比圓形的側(cè)邊空間更大，因此需要更近的間距安排。字母結(jié)構(gòu)實際情況更加復(fù)雜，很多字母是非對稱結(jié)構(gòu)，因此兩側(cè)的間距計算是不同的；況且字懷形狀也不同，同樣影響間距大小。
字間距的關(guān)鍵：字形之間的藍(lán)色空間與字形內(nèi)的紅色空間的平衡。
對字間距的影響最大兩點：①字母的側(cè)邊形成的負(fù)空間形狀。②字形左右開放結(jié)構(gòu)中負(fù)空間的影響。下圖可以看到字形中有左右側(cè)開放結(jié)構(gòu)的字母對字間距的影響（上下側(cè)開放的部分，則被視為內(nèi)部空間如圖中的K、n）。
以大寫字母為例，字母一側(cè)的側(cè)邊類型可以分成方形、圓形、三角形。它們又可以細(xì)化成下圖的六種形式，并進(jìn)行字間距由大到小的排列分類。
第一種的字母單側(cè)接觸面是封閉的，間距空間相對是最大的。第二種是下側(cè)或上側(cè)(也適用于小寫字母 m、n、h)擁有圓角邊緣的字母 ，因為間距間出現(xiàn)了這樣的小缺口，因此間距比第一種方形的絕對垂直邊緣的字母間距略小一點。第三種的以D、B為典型，它們都屬于圓形側(cè)邊類型，但具體的距離還要視字形實際占用的空間進(jìn)行微調(diào)。第四種的是三角形側(cè)邊類型，是間距中最小的類型，因為側(cè)邊形成的負(fù)空間最大，所以間距要更緊一些。
通過此圖可以大致理解間距的關(guān)系，接下來看字的正負(fù)空間對間距的影響。
下圖為三種形狀的側(cè)邊開放空間對視覺間距引導(dǎo)的示意圖。
擁有三角形側(cè)邊類型的大寫字母，如T、V、A、W，有時候會與小寫字母形成更復(fù)雜的關(guān)系，因為它們有一側(cè)或兩側(cè)的開放式空間，因此與一些小寫字母的字間距甚至是負(fù)值，小寫字母會進(jìn)入它們的內(nèi)部。以下圖為例，注意紅色箭頭處及T下方開放空間的處理，以進(jìn)行視覺上的均衡。
在設(shè)計間距的時候通常以側(cè)邊類型為方形的字母為基準(zhǔn)，設(shè)置一個所需的間距值，然后以此為基準(zhǔn)去調(diào)校其他字形間距。下圖示例中可以看到，H、 M、N這種兩邊的側(cè)邊類型都是方形的字間距是一樣的。E、D都是右側(cè)開放邊緣，紅色的開放字白部分都對間距起到了消減的影響。
值得一提的是，不少小寫字母都擁有升部(b、d、k、h 等 )和降部(g、j、 p、q 等 )。以下圖為例，雖然 k 的左側(cè)和 m 一樣屬于方形側(cè)邊結(jié)構(gòu)，但是 k 的升部加強(qiáng)了其厚重感，因此間距需要微調(diào)得更大一些。
字形設(shè)計與間距其實是一個非常精深的課題，這里只能拋磚引玉，做個基本的介紹和發(fā)散。
13450931319
微信登錄
QQ登錄
微博登錄
售前咨詢
