頂尖高手出品！西文字體設(shè)計(jì)中的10個(gè)細(xì)節(jié)處理方法

導(dǎo)讀：你應(yīng)該有過類似的經(jīng)歷，剛理完發(fā)，就有人說：“唉，你怎么胖了？”其實(shí)，你的體重沒有任何變化，只是因?yàn)榘l(fā)型的調(diào)整，才使得臉頰在觀感上產(chǎn)生變胖的假象。

而在字體設(shè)計(jì)領(lǐng)域，設(shè)計(jì)師的一項(xiàng)重要任務(wù)就是克服人眼本能的錯(cuò)覺，讓文字在視覺上更趨于舒適。遺憾的是，因?yàn)槲淖殖Ｒ约?xì)小的尺寸展現(xiàn)，設(shè)計(jì)師的那些細(xì)致考量常常被人忽略。

本文作者 Jonathan Hoefler 列舉了 10 個(gè)西文字體中關(guān)于錯(cuò)覺的處理，你可以借此來感受字體設(shè)計(jì)的微觀視角與玄妙精巧。

往期字體干貨：

字體設(shè)計(jì)就是與視錯(cuò)覺對(duì)抗，我們只有“妥協(xié)”才能取勝。因此，為了讓人眼可以更清楚地認(rèn)讀，字母的繪制并非嚴(yán)格基于理性的標(biāo)準(zhǔn)。相反，設(shè)計(jì)師會(huì)用一些看似奇怪的調(diào)整以引導(dǎo)視覺，從而避免人們本能上的一些錯(cuò)覺。

NO.1 OVERSHOOT：圓形

就算是最基礎(chǔ)的要求，有時(shí)候也需要額外的調(diào)整。為了讓所有字母看起來一樣高，就需要對(duì)圓形結(jié)構(gòu)的字母略微加高，因?yàn)槿搜蹠?huì)本能地認(rèn)為，同樣高度下，圓形比方形更小。

頂部或底部由圓弧構(gòu)成的字母（比如字母 C）會(huì)比由直線構(gòu)成的字母（比如字母 T）在高度上更突出。設(shè)計(jì)師把這種“加高”稱作 overshoot。Overshoot 會(huì)運(yùn)用到整個(gè)字符集，包括數(shù)字、符號(hào)和標(biāo)點(diǎn)。更有趣的是，overshoot 的程度并沒有統(tǒng)一的標(biāo)準(zhǔn)，比如 S 和 O 采用的 overshoot 通常就是不同的數(shù)值，最終還是以人的視覺為標(biāo)準(zhǔn)。

NO.2 OVERSHOOT：斜線

人眼對(duì)圓形和方形的錯(cuò)覺也會(huì)延伸到三角形：當(dāng)筆畫匯聚成一個(gè)點(diǎn)的時(shí)候，字母看起來會(huì)比實(shí)際更小一些。此時(shí)，設(shè)計(jì)師通常對(duì) A、V、W 這樣包含斜線的字母做一些 overshoot。如果整體風(fēng)格需要突顯尖角，那么字母 N 和 M 的尖角處會(huì)有同樣的處理。

NO.3 自然平衡

人眼還常誤判“平衡”，這可能與人類的進(jìn)化有關(guān)。為了適應(yīng)周圍環(huán)境，人眼在本能上會(huì)認(rèn)為遠(yuǎn)處的物體比近處的更小。應(yīng)用到字體設(shè)計(jì)上，為了讓字母構(gòu)造型更平衡，會(huì)把字母的上半部分設(shè)計(jì)得更小一些。

這種“自然平衡”在字母 B、E 和 S 中就有體現(xiàn)，他們都有“上小下大”的構(gòu)造。在字母 H 中，中間的橫線會(huì)略高于輪廓的幾何中心，讓上下部分在視覺上更對(duì)稱。

NO.4 與參照對(duì)象的視覺平衡

奇怪的是，字母的結(jié)構(gòu)也會(huì)影響視覺平衡。比如字母 A，基本構(gòu)成是“一個(gè)角中間加一橫”。我們以中間這條橫的中心為軸心，將其倒置，我們發(fā)現(xiàn)，原來字母 A 中的橫遠(yuǎn)低于幾何中心的高度。如此設(shè)計(jì)的原因是，中間這條橫，其參照對(duì)象并非整個(gè)字母，而是內(nèi)部這個(gè)更小的空白區(qū)域。

NO.5 平衡（綜合效應(yīng)）

以上提到的兩種平衡，在字母 E 和 F 同時(shí)呈現(xiàn)。兩個(gè)字母中間的橫看起來沒區(qū)別，但實(shí)際并不會(huì)重合。比如字母 E，根據(jù)上文提到的自然平衡，中間的橫會(huì)略高于幾何中心的高度。

而在字母 F 中，中間橫的高度會(huì)以內(nèi)部的空白為參照對(duì)象，而非整個(gè)字母。這樣一來，F(xiàn) 中的橫會(huì)比 E 中的橫更低一些。通常情況下，F(xiàn) 的設(shè)計(jì)既會(huì)考慮其本身的結(jié)構(gòu)，又會(huì)考慮與 E 相鄰時(shí)的搭配。

NO.6 方向?qū)Ρ龋ù怪保?/span>

T 這個(gè)簡單的字母造型隱含了文字構(gòu)造的一個(gè)重要規(guī)律：橫畫比豎畫看起來粗。而將筆畫線條傾斜到不同角度，這種視覺上筆畫的粗細(xì)變化也會(huì)不同。

因此，為了讓字重有統(tǒng)一感，設(shè)計(jì)師會(huì)讓縱向的筆畫在度量上比橫向的更粗；而斜的筆畫，粗細(xì)會(huì)在兩者之間。

NO.7 方向?qū)Ρ龋ㄟB續(xù)）

因朝向產(chǎn)生的錯(cuò)覺不僅能影響字重，還可以影響尺寸。上文提到了，橫向的筆畫比豎向的視覺上更粗，橫向的內(nèi)部空間距離也會(huì)比豎向的看起來更長。

所以，為了做出一個(gè)“完美”的圓形或方形，設(shè)計(jì)師會(huì)讓字母的寬度略窄于其高度。觀察上方的字母 O，正常的位置狀態(tài)下，頂部和底部的筆觸會(huì)趨于變細(xì)，其高度也會(huì)大于其寬度。

NO.8 書法偏差

對(duì)字重的感知，還受到“書法偏差”的影響?，F(xiàn)在的字母形狀其實(shí)是平頭筆的產(chǎn)物。右手以傾斜的角度持筆，向右移動(dòng)時(shí)就會(huì)產(chǎn)生較細(xì)的上筆和較粗的下筆。這種粗細(xì)規(guī)律運(yùn)用在了許多字體中，就算是那些筆畫粗細(xì)看起來很均勻的字體，也包含了這種考量。

如上圖，把字母 A 翻轉(zhuǎn)之后再對(duì)比，會(huì)發(fā)現(xiàn) A 左邊的筆畫要比右邊的稍細(xì)一些。正是因?yàn)槿搜鄣膽T性，才讓這種粗細(xì)變化在字體設(shè)計(jì)中變得不可或缺。

NO.9 整體效應(yīng) 1

以上提到的各類錯(cuò)覺，在字母 S 中會(huì)得到全面的呈現(xiàn)：把 S 順時(shí)針旋轉(zhuǎn) 90 度，就會(huì)發(fā)現(xiàn) S 的上下部分的比例并非均等，這就是上文提到的“自然平衡”。而 S 的兩處筆畫收尾，又有一種像喇叭口張開的小趨勢，那是因?yàn)楣P畫接近垂直走向時(shí)，會(huì)將其加粗，已達(dá)到上文提到的“方向?qū)Ρ龋ㄟB續(xù)）”效果。

NO.10 整體效應(yīng) 2

把字母 S 鏡像之后就會(huì)顯現(xiàn)出另一種效果：正如上文提到的“書法偏差”，下筆比上筆的筆畫更粗，S 的中間部分也要比上下的筆畫更粗。還是在 S 的鏡像畫面中，左下部分的連接處，你會(huì)發(fā)現(xiàn)筆畫突然縮窄。而在正常位置下，這種“方向?qū)Ρ取迸c“書法偏差”的結(jié)合會(huì)很難察覺。