蘋果新英文字體San Francisco的秘密

對(duì)蘋果近來(lái)的動(dòng)向似乎有些麻木详羡,新系統(tǒng)似乎變化不大鼠锈,6S也沒有什么讓人驚艷之處,也就是Force Touch應(yīng)用到手機(jī)上給今后設(shè)計(jì)工作增加了更多可(ma)能(fan)嫁审。倒是這次的新字體的應(yīng)用讓不少設(shè)計(jì)師小激動(dòng)了一把狗准,不過(guò)國(guó)內(nèi)環(huán)境下克锣,大家自然是更加注視蘋方了,那這次新英文字體又是如何呢腔长?下面借這篇譯文帶大家深入剖析一番袭祟。

蘋果新英文字體——San Francisco

閱讀原文請(qǐng)戳傳送門

本文為原創(chuàng)譯文,如需轉(zhuǎn)載請(qǐng)聯(lián)系作者捞附,注明簡(jiǎn)書原文地址巾乳。

-----------------我是分割線----------------

iOS已經(jīng)公開發(fā)布了。盡管相較前一版本變化甚微鸟召,但是iOS9的系統(tǒng)字體采用了全新的字體——San Francisco想鹰,取代了之前的Helvetica Neue 。

Helvetica(左圖)v.s. San Francisco(右圖)

San Francisco字體其實(shí)早前就已經(jīng)應(yīng)用在Apple Watch上了药版,這次iOS9的更新,蘋果將其統(tǒng)一為所有平臺(tái)的系統(tǒng)字體:包括Apple Watch喻犁、iPhone槽片、iPad以及Mac何缓。

Apple Watch

蘋果從第一代iPhone開始就在使用Helvetica字體,而且從Yosemite10.10開始还栓,Mac的系統(tǒng)字體也從原來(lái)的Lucida Grande改成了Helvetica碌廓。那這次為何蘋果會(huì)拋棄Helvetica這個(gè)幾乎是世界上最受歡迎的字體呢?

Helvetica在小字體時(shí)表現(xiàn)力太弱

有理論稱Helvetica并不適合在小字體時(shí)使用剩盒。當(dāng)Mac字體換成Helvetica時(shí)谷婆,也有不少的設(shè)計(jì)師在抱怨Helvetica并不合適。

“Helvetica糟透了辽聊!”——著名德國(guó)字體設(shè)計(jì)師Erik Spiekermann如是說(shuō)

在上圖的比較中可以看出纪挎,當(dāng)輸入小字號(hào)的Helvetica字體時(shí),可讀性較低跟匆,并且開始變得模糊异袄。有些字母甚至混在了一起,很難辨認(rèn)出來(lái)玛臂。據(jù)說(shuō)San Francisco字體的出現(xiàn)烤蜕,就是因?yàn)樘O果希望Apple Watch上的小號(hào)文字更易讀。

一些字母在小字號(hào)時(shí)混在一起迹冤。

但是如今讽营,智能設(shè)備比傳統(tǒng)紙質(zhì)印刷品的分辨率還要高,iPhone上的文字并不像Apple Watch那樣總是很小泡徙,那蘋果為何要將iPhone甚至是Mac的字體都改成San Francisco橱鹏,而不只是應(yīng)用在Apple Watch上呢?

San Francisco并不是一款單一的字體

San Francisco有許多高度易讀性的特性锋勺。事實(shí)上蚀瘸,Apple Watch和iOS/Mac上使用的San Francisco并不相同。

iOS/Mac上使用的是San Francisco字型(以下簡(jiǎn)稱SF)庶橱,Apple Watch上使用的則是San Francisco Compact(以下簡(jiǎn)稱SF Compact)贮勃。在一些有著圓形外觀的字母上,你可以看到這兩個(gè)字體的區(qū)別苏章,比如“o”和“e”寂嘉,SF compact比SF在垂直方向上的弧度顯得更加平坦一些。

SF v.s. SF Compact

這個(gè)細(xì)微的差別使得SF Compact有更大的字距枫绅,這樣在小尺寸的設(shè)備Apple Watch上使用時(shí)泉孩,字母不會(huì)混在一起,從而達(dá)到了更高的易讀性并淋。

另外寓搬,SF和SF Compact又分別劃分出兩套子字型——“Text(輸入型文字)”和“Display(顯示型文字)”。這也就是蘋果所謂的“視覺尺寸”县耽。Text應(yīng)用在小字號(hào)句喷,Display應(yīng)用在大字號(hào)镣典。

San Francisco的字體家族樹

如上文所說(shuō),Helvetica這類的無(wú)襯線字體唾琼,在小字號(hào)時(shí)兄春,相鄰的兩個(gè)字母容易混在一起,像“a”“e”“o”這樣的字母看起來(lái)非常近似锡溯。

Display字體 v.s. Text字體

被應(yīng)用于小字號(hào)的Text字體赶舆,有著更寬的字距,并且在字母開口的設(shè)計(jì)上祭饭,也更寬芜茵,這一切都是為了小字號(hào)時(shí)的易讀性服務(wù)的。

San Francisco是動(dòng)態(tài)字體

San Francisco字體最為顯著的特性就是它是隨著字體大小變化動(dòng)態(tài)調(diào)整字型的甜癞。系統(tǒng)會(huì)根據(jù)字體大小在Text和Display之間自動(dòng)切換夕晓。明確地說(shuō),20pt正是這個(gè)臨界點(diǎn)悠咱。

系統(tǒng)會(huì)根據(jù)字體大小自動(dòng)切換字型

設(shè)計(jì)師亦或是開發(fā)者都無(wú)需擔(dān)心字型選擇的問(wèn)題蒸辆。只需要將系統(tǒng)字體應(yīng)用到界面中,接下來(lái)就交給系統(tǒng)了析既。

還有一點(diǎn)讓我印象深刻的特點(diǎn)躬贡,San Francisco字體在冒號(hào)的顯示上格外用心。通常眼坏,冒號(hào)都會(huì)顯示在字體基線上拂玻,所以當(dāng)應(yīng)用在數(shù)字間時(shí),在視覺上并不是垂直居中的宰译。而San Francisco字體檐蚜,在此時(shí)則會(huì)自動(dòng)將冒號(hào)居中顯示。

自動(dòng)垂直居中的冒號(hào)

San Francisco是為數(shù)字時(shí)代而生的

誠(chéng)如你所見沿侈,San Francisco字體經(jīng)過(guò)精心設(shè)計(jì)闯第,在任何設(shè)備任何尺寸上都易于閱讀。

被San Francisco替代的Helvetica缀拭,是1957年誕生于瑞士的咳短,而彼時(shí)還沒有電子設(shè)備。即使到現(xiàn)在蛛淋,Helvetica仍然被許多公司廣泛應(yīng)用咙好,并且毋庸置疑,未來(lái)它將仍然以經(jīng)典存在褐荷。

San Francisco字體勾效,相對(duì)而言,是一款現(xiàn)代字體。它會(huì)隨著使用場(chǎng)景自動(dòng)變換字型葵第。不得不說(shuō)绘迁,他就是為數(shù)字時(shí)代而生的。

-----------------我是分割線----------------

后記:作為交互出生的我卒密,以前對(duì)字體幾乎沒有Sense,組里有個(gè)視覺小伙子是個(gè)字體控棠赛,在他的感染下哮奇,我也漸漸對(duì)字體開始產(chǎn)生了一些興趣,于是才有了這篇譯文睛约。

本文為原創(chuàng)譯文鼎俘,如需轉(zhuǎn)載請(qǐng)聯(lián)系作者,注明簡(jiǎn)書原文地址辩涝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末贸伐,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子怔揩,更是在濱河造成了極大的恐慌捉邢,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件商膊,死亡現(xiàn)場(chǎng)離奇詭異伏伐,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)晕拆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門藐翎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人实幕,你說(shuō)我怎么就攤上這事吝镣。” “怎么了昆庇?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵末贾,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我凰锡,道長(zhǎng)未舟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任掂为,我火速辦了婚禮裕膀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘勇哗。我一直安慰自己昼扛,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著抄谐,像睡著了一般渺鹦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蛹含,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天毅厚,我揣著相機(jī)與錄音,去河邊找鬼浦箱。 笑死吸耿,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的酷窥。 我是一名探鬼主播咽安,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蓬推!你這毒婦竟也來(lái)了妆棒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤沸伏,失蹤者是張志新(化名)和其女友劉穎糕珊,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體馋评,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡放接,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了留特。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片纠脾。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蜕青,靈堂內(nèi)的尸體忽然破棺而出苟蹈,到底是詐尸還是另有隱情,我是刑警寧澤右核,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布慧脱,位于F島的核電站,受9級(jí)特大地震影響贺喝,放射性物質(zhì)發(fā)生泄漏菱鸥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一躏鱼、第九天 我趴在偏房一處隱蔽的房頂上張望氮采。 院中可真熱鬧,春花似錦染苛、人聲如沸鹊漠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)躯概。三九已至登钥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間娶靡,已是汗流浹背牧牢。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留姿锭,地道東北人结执。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像艾凯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子懂傀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 當(dāng)中秋節(jié)禮物略晚趾诗,那就當(dāng)國(guó)慶節(jié)禮物吧。喜歡的請(qǐng)收下蹬蚁,不謝\\(^o^)/~ 這段時(shí)間玩簡(jiǎn)書發(fā)現(xiàn)這里面的作者都好有才...
    Aylee姓Liu閱讀 13,953評(píng)論 25 46
  • 大家都知道恃泪,在不同操作系統(tǒng)、不同游覽器里面默認(rèn)顯示的字體是不一樣的犀斋,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡...
    陳_宣閱讀 1,906評(píng)論 0 7
  • “所以剛才我給司機(jī)的40美元里贝乎,已經(jīng)有一部分錢被拿去賄賂邊檢了?” 我恍然大悟叽粹,向同行的柬埔寨商人征求確認(rèn)览效。 故事...
    一個(gè)狗2011閱讀 889評(píng)論 0 2
  • 昨天锤灿,我很平靜 離雙十一的結(jié)束還有個(gè)多小時(shí)的時(shí)候,我聽到說(shuō)“今天我很平靜辆脸,不高興但校,不難過(guò),不興奮啡氢,平淡無(wú)奇状囱,淡√仁牵”...
    左手清香閱讀 293評(píng)論 0 0
  • 陽(yáng)光灑落辨绊,淡藍(lán)晴空萬(wàn)里奶栖,云,朵朵挨著朵朵。芳菲人間宣鄙,四月晴了袍镀。 正好,正好正午冻晤,正好出行苇羡,正好遠(yuǎn)走,正好去看看鼻弧,看...
    二馬行空閱讀 430評(píng)論 0 2