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

Helvetica（左），舊金山字體（右）

舊金山字體之前已經(jīng)用于Apple Watch中，如今則成為蘋果全平臺的統(tǒng)一字體：Apple Watch、iPhone、iPad和Mac。

Apple Watch

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

小字號Helvetica太纖弱

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

“Helvetica糟糕透了”，Erik Spiekermann說

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

小號字母交疊在一起

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

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

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

字體族“SF”用于iOS/Mac，而“SF Compact”用于Apple Watch。在“o”、“e”這類圓形字母上可以看出區(qū)別。SF compact的豎線比SF更平坦。

SF與SF Compact

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

而且，SF與SF Compact被劃分為兩套子字體族，分別稱作“Text”和“Display”。這就是蘋果所謂的“視覺尺寸”。Text字體用于更小的文字，Display字體更大。

舊金山字體族

正如我之前提過的，Helvetica這種非自然（或者說無襯線）字體，兩個(gè)鄰近字母會“交疊”在一起，像“a”、“e”、“s”這種字母在小字號時(shí)看起來很相似。

Display與Text字體

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

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

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

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

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

垂直居中的冒號

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

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

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

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

→?字體?—蘋果開發(fā)者中心

原文鏈接：https://medium.com/@mach/the-secret-of-san-francisco-fonts-4b5295d9a745

作者信息：Akinori Machino?traveling around the world, seeking next challenge

#專欄作家#

可樂橙，微信公眾號：可樂橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計(jì)師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設(shè)計(jì)師，至少是個(gè)快樂的設(shè)計(jì)師。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。