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

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

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

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

往期字體干貨:

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

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

NO.1 OVERSHOOT:圓形

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

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

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

NO.2 OVERSHOOT:斜線

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

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

NO.3 自然平衡

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

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

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

NO.4 與參照對象的視覺平衡

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

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

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

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

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

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

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

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

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

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

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

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

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

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

NO.8 書法偏差

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

如上圖,把字母 A 翻轉(zhuǎn)之后再對比,會發(fā)現(xiàn) A 左邊的筆畫要比右邊的稍細(xì)一些。正是因為人眼的慣性,才讓這種粗細(xì)變化在字體設(shè)計中變得不可或缺。

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

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

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

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

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

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

收藏 11
點贊 24

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。