蘋(píng)果舊金山字體的秘密

2016-2-12    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

簡(jiǎn)介:
iOS 9如今已公開(kāi)發(fā)布。帶來(lái)了一些細(xì)微的變化,但iOS 9的系統(tǒng)字體變成了蘋(píng)果新推出的舊金山字體,代替了之前用的Helvetica Neue。Helvetica(上),舊金山字體(下)舊金山字體之前已經(jīng)用于A(yíng)pple Watch中,如今則成為 ...


iOS 9如今已公開(kāi)發(fā)布。帶來(lái)了一些細(xì)微的變化,但iOS 9的系統(tǒng)字體變成了蘋(píng)果新推出的舊金山字體,代替了之前用的Helvetica Neue。



Helvetica(上),舊金山字體(下)

舊金山字體之前已經(jīng)用于A(yíng)pple Watch中,如今則成為蘋(píng)果全平臺(tái)的統(tǒng)一字體:Apple Watch、iPhone、iPad和Mac。


Apple Watch

從第一臺(tái)iPhone起,蘋(píng)果就將Helvetica當(dāng)作系統(tǒng)字體。而且從10.10 Yosemite開(kāi)始,Mac OS X系統(tǒng)的字體也從Lucida Grande改為了Helvetica。蘋(píng)果為何拋棄Helvetica?它是全世界最著名的字體。


小字號(hào)Helvetica太纖弱

據(jù)說(shuō)Helvetica不適合小字號(hào)使用。當(dāng)Mac OS X Yosemite系統(tǒng)字體改為Helvetica,許多設(shè)計(jì)師聲稱(chēng)Helvetica并不合適。


Helvetica糟糕透了”,Erik Spiekermann說(shuō)

如果你輸入小字號(hào)的Helvetica文字,你會(huì)發(fā)現(xiàn)易讀性很低,顯得模糊。有些文字交疊在一起,難以辨識(shí)。據(jù)說(shuō)蘋(píng)果設(shè)計(jì)出舊金山字體正是為了讓小號(hào)文字在A(yíng)pple Watch上更易讀。


小號(hào)字母交疊在一起

但如今,小屏幕設(shè)備分辨率比印刷品還高,iPhone中的文字并不像Apple Watch那么小。為什么蘋(píng)果把iOS、Mac OS X的系統(tǒng)字體都改了,而不是只用于A(yíng)pple Watch?


舊金山字體不僅僅是一款字體

舊金山字體擁有許多高度易讀的特征。實(shí)際上Apple Watch和iOS/Mac上的舊金山字體并不相同。

字體族“SF”用于iOS/Mac,而“SF Compact”用于A(yíng)pple Watch。在“o”、“e”這類(lèi)圓形字母上可以看出區(qū)別。SF compact的豎線(xiàn)比SF更平坦。




SF與SF Compact

這點(diǎn)差異使得SF Compact的文字有更大的字距,從而使Apple Watch這樣的小設(shè)備有較高的易讀性。

而且,SF與SF Compact被劃分為兩套子字體族,分別稱(chēng)作“Text”和“Display”。這就是蘋(píng)果所謂的“視覺(jué)尺寸”。Text字體用于更小的文字,Display字體更大。


舊金山字體族

正如我之前提過(guò)的,Helvetica這種非自然(或者說(shuō)無(wú)襯線(xiàn))字體,兩個(gè)鄰近字母會(huì)“交疊”在一起,像“a”、“e”、“s”這種字母在小字號(hào)時(shí)看起來(lái)很相似。





Display與Text字體

用于小號(hào)字的舊金山Text字體,被設(shè)計(jì)成比Display字體有著更大的字距。Text字體的字懷也更大,為了小屏幕的易讀性。


舊金山字體是動(dòng)態(tài)的

舊金山字體的一大特點(diǎn)是它動(dòng)態(tài)組織文字。系統(tǒng)會(huì)隨著字號(hào)自動(dòng)切換Display/Text字體。明確地說(shuō),20pt正是這個(gè)界限。


設(shè)計(jì)師與開(kāi)發(fā)者不用操心該用哪種字體。比如給UILabel設(shè)置系統(tǒng)默認(rèn)字體,系統(tǒng)就會(huì)為你選擇合適的文字。

舊金山字體有一點(diǎn)讓我印象很深,就是它的冒號(hào)(:)的顯示方式。一般情況,冒號(hào)會(huì)剛好放置在基線(xiàn)上,所以放在數(shù)字之間時(shí),它并非垂直居中的。而舊金山字體中,會(huì)自動(dòng)將它垂直居中對(duì)齊。


垂直居中的冒號(hào)


舊金山字體是為數(shù)字時(shí)代而生的字體

如你所見(jiàn),舊金山字體經(jīng)過(guò)了精心的設(shè)計(jì),為了使任何字號(hào)、任何設(shè)備都易于閱讀。

被舊金山字體所替代的Helvetica,1957年誕生于瑞士,那時(shí)尚沒(méi)有電子設(shè)備。即使今天,Helvetica也被許多公司作為企業(yè)字體廣泛運(yùn)用,毫無(wú)疑問(wèn),未來(lái)它會(huì)被當(dāng)作一款偉大的經(jīng)典字體使用。

另一方面,舊金山字體是一款現(xiàn)代字體。它會(huì)根據(jù)環(huán)境動(dòng)態(tài)改變文字。這是數(shù)字時(shí)代的一種“數(shù)字原住民”字體。






字體?—蘋(píng)果開(kāi)發(fā)者中心

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔