蘋果新英文字體——SanFrancisco
簡書
撰文:Terry>
對蘋果近來的動向似乎有些麻木,新系統似乎變化不大,6S也沒有什麼讓人驚豔之處,也就是ForceTouch應用到手機上給今後設計工作增加了更多可(ma)能(fan)。倒是這次的新字體的應用讓不少設計師小激動了一把,不過國內環境下,大家自然是更加註視蘋方了,那這次新英文字體又是如何呢?下面藉這篇譯文帶大家深入剖析一番。
iOS已經公開發布了。儘管相較前一版本變化甚微,但是iOS9的系統字體採用了全新的字體——SanFrancisco,取代了之前的HelveticaNeue。
Helvetica(左圖)v.s.SanFrancisco(右圖)
SanFrancisco字體其實早前就已經應用在AppleWatch上了,這次iOS9的更新,蘋果將其統一為所有平台的系統字體:包括AppleWatch、iPhone、iPad以及Mac。
AppleWatch
蘋果從第一代iPhone開始就在使用Helvetica字體,而且從Yosemite10.10開始,Mac的系統字體也從原來的LucidaGrande改成了Helvetica。那這次為何蘋果會拋棄Helvetica這個幾乎是世界上最受歡迎的字體呢?
有理論稱Helvetica並不適合在小字體時使用。 當Mac字體換成Helvetica時,也有不少的設計師在抱怨Helvetica並不合適。
“Helvetica糟透了!”——著名德國字體設計師Erik>nn如是說。在上圖的比較中可以看出,當輸入小字號的Helvetica字體時,可讀性較低,並且開始變得模糊。有些字母甚至混在了一起,很難辨認出來。據說SanFrancisco字體的出現,就是因為蘋果希望AppleWatch上的小號文字更易讀。
一些字母在小字號時混在一起。
但是如今,智能設備比傳統紙質印刷品的分辨率還要高,iPhone上的文字並不像AppleWatch那樣總是很小,那蘋果為何要將iPhone甚至是Mac的字體都改成SanFrancisco,而不只是應用在AppleWatch上呢?
SanFrancisco有許多高度易讀性的特性。事實上,AppleWatch和iOS/Mac上使用的SanFrancisco並不相同。
iOS/Mac上使用的是SanFrancisco字型(以下簡稱SF),AppleWatch上使用的則是SanFranciscoCompact(以下簡稱SFCompact)。在一些有著圓形外觀的字母上,你可以看到這兩個字體的區別,比如“o”和“e”,SFcompact比SF在垂直方向上的弧度顯得更加平坦一些。
SFv.s.SFCompact
這個細微的差別使得SFCompact有更大的字距,這樣在小尺寸的設備AppleWatch上使用時,字母不會混在一起,從而達到了更高的易讀性。
另外,SF和SFCompact又分別劃分出兩套子字型——“Text(輸入型文字)”和“Display(顯示型文字)”。這也就是蘋果所謂的“視覺尺寸”。 Text應用在小字號,Display應用在大字號。
SanFrancisco的字體家族樹
如上文所說,Helvetica這類的無襯線字體,在小字號時,相鄰的兩個字母容易混在一起,像“a”“e”“o”這樣的字母看起來非常近似。
Display字體v.s.Text字體
被應用於小字號的Text字體,有著更寬的字距,並且在字母開口的設計上,也更寬,這一切都是為了小字號時的易讀性服務的。
SanFrancisco字體最為顯著的特性就是它是隨著字體大小變化動態調整字型的。 系統會根據字體大小在Text和Display之間自動切換。明確地說,20pt正是這個臨界點。
系統會根據字體大小自動切換字型
設計師亦或是開發者都無需擔心字型選擇的問題。只需要將系統字體應用到界面中,接下來就交給系統了。
還有一點讓我印象深刻的特點,SanFrancisco字體在冒號的顯示上格外用心。通常,冒號都會顯示在字體基線上,所以當應用在數字間時,在視覺上並不是垂直居中的。而SanFrancisco字體,在此時則會自動將冒號居中顯示。
誠如你所見,SanFrancisco字體經過精心設計,在任何設備任何尺寸上都易於閱讀。
被SanFrancisco替代的Helvetica,是1957年誕生於瑞士的,而彼時還沒有電子設備。即使到現在,Helvetica仍然被許多公司廣泛應用,並且毋庸置疑,未來它將仍然以經典存在。
SanFrancisco字體,相對而言,是一款現代字體。它會隨著使用場景自動變換字型。 不得不說,他就是為數字時代而生的。
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/The%20Secret%20of%20Apples%20New%20English%20Typeface%20San%20Francisco%20%20Featured.html
评论列表(196条)
测试