San Francisco:蘋果新字體的秘密

當(dāng)中秋節(jié)禮物略晚痢法,那就當(dāng)國慶節(jié)禮物吧狱窘。喜歡的請(qǐng)收下,不謝\\(^o^)/~ 這段時(shí)間玩簡書發(fā)現(xiàn)這里面的作者都好有才财搁,更沒想到竟然還有如此多有情懷的有文藝氣息的開發(fā)者和學(xué)霸(從我上篇文章中研究出來的:P)好遺憾我既沒有很棒的文筆蘸炸,也不會(huì)寫故事。所以想了想還是繼續(xù)翻譯吧尖奔,技能修煉好一門是一門搭儒。這是一篇來自Medium,關(guān)于蘋果iOS 9的新字體San Francisco的文章提茁。

原文:The Secret of the Apple’s New San Francisco Fonts

iOS9 已經(jīng)發(fā)布淹禾,雖然變化較小,但卻被稱為是史上 iOS 系統(tǒng)最重要的一次升級(jí)茴扁。其中一個(gè)值得關(guān)注的小變化就是铃岔,iOS9 系統(tǒng)舍棄了原來的默認(rèn)字體 Helvetica Neue,取而代之的則是蘋果的新San Francisco 字體峭火。

Helvetica字體
San Francisco字體

事實(shí)上毁习,Apple Watch 早已使用了 San Francisco 字體智嚷,而蘋果平臺(tái)現(xiàn)在也已經(jīng)開始統(tǒng)一使用標(biāo)準(zhǔn)字體 San Francisco 了,包括 Apple Watch纺且,iPhone盏道,iPad 和 Mac。

Apple Watch

從第一代 iPhone 開始载碌,蘋果一直將 Helvetica 作為 iOS 系統(tǒng)的默認(rèn)字體猜嘱。MacOS X10.10 Yosemite 版本的發(fā)布,蘋果還將字體從 Lucida 換成了 Helvetica嫁艇。那么如今蘋果為什么要舍棄Helvetica 呢泉坐?那么世界上最受歡迎的字體是什么呢?

Helvetica 不太適合小屏幕

據(jù)悉裳仆,當(dāng) Mac OS X Yosemite 的系統(tǒng)字體改為 Helvetica 的時(shí)候腕让,很多設(shè)計(jì)師表示它并不是一款合適的字體,因?yàn)?Helvetica 字體的文本并不適合顯示在小屏幕上歧斟。

Helvetica

如果在一個(gè)小屏幕上輸入文本纯丸,你可以看到,Helvetica 字體的文字很不易辨認(rèn)静袖,甚至被壓縮后變得模糊不清觉鼻,很難辨認(rèn)。為了使文本在 Apple Watch 上能夠看的更清楚队橙,蘋果開發(fā)了 San Francisco 字體坠陈。

Helvetica

如今,智能手機(jī)比紙張印刷有著更高的分辨率捐康,文本在 iPhone 上顯示也并不總是像在 Apple Watch 上一樣小仇矾。蘋果更改了 Apple Watch 的字體,為啥還更改了 iOS和Mac OS X 的系統(tǒng)字體呢解总?

San Francisco 并不是一個(gè)單獨(dú)的字體

San Francisco 的優(yōu)點(diǎn)在于清晰度比較高贮匕。另外,San Francisco 并不是一個(gè)“單身狗”花枫,而是一個(gè)“小家族”刻盐。并且實(shí)際上,Apple Watch 上的 San Francisco 字體和 iOS/Mac 上的字體也是不同的劳翰。

在 SanFrancisco 字體家族中敦锌,名為 “SF” 的是適用于 iOS/Mac 的,而名為 “SF Compact” 的則是適用于 Apple Watch 的佳簸。圖中乙墙,從圓形字母 ‘o’ 和 ‘e’ 就可以看出不同,SF compact 的字母邊緣線比 SF 的線要垂直。

SF和SF compact
Texture

這個(gè)區(qū)別可以讓 SF Compact 字體的文本在字母與字母之間多一些空隙伶丐,并且可以使文本在一些小型設(shè)備悼做,如 Apple Watch 上看的更清楚。

另外哗魂,SF 和 SF Compact 字體被分成了兩種名為 “Text” 和 “Display” 的子字體肛走,這也是蘋果所謂的 “Optical Sizes”。Text 用于字體較小的文本录别,而 Display 則用于字體較大的文本朽色。

San Francisco“家族譜”

正如上面提到的,無襯線字體如 Helvetica组题,兩個(gè)鄰近的字母看起來像混在了一起葫男,比如字母 ‘a(chǎn)’ ,‘e’, ‘s’ 在小尺寸的屏幕上看起來就會(huì)很相似。

Display and Text fonts
Display and Text fonts

San Francisco Text 字體被應(yīng)用于小尺寸屏幕上崔列,與 Display 字體相比梢褐,該字體字母間可以有更多的空間。為了使文本在小屏幕上顯得更清晰赵讯,Text 字體的空隙也比較寬盈咳。

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

San Francisco 其中一個(gè)比較強(qiáng)大的功能是它可以動(dòng)態(tài)優(yōu)化字體,根據(jù)文本字體的大小边翼,系統(tǒng)會(huì)自動(dòng)更改成 Display 或 Text 字體鱼响,20號(hào)字體是個(gè)分界線。

Display VS.Text

設(shè)計(jì)師和工程師無需擔(dān)心該使用哪個(gè)字體组底,只要將系統(tǒng)字體設(shè)置為 UILabel 就行了丈积,然后系統(tǒng)會(huì)自動(dòng)判斷出合適的字體。

San Francisco 令我印象深刻的則是那個(gè)冒號(hào)(:)债鸡〗酰基本上,冒號(hào)可以正好挨著基準(zhǔn)線娘锁,所以它不是垂直放在數(shù)字中間牙寞。另一方面,San Francisco 字體可以使它自動(dòng)垂直居中莫秆。

San Francisco

San Francisco 字體是屬于數(shù)字時(shí)代的

正如你所見,不管字體大小如何悔详,在任何一款設(shè)備上镊屎,San Francisco 字體的設(shè)計(jì)都可以讓用戶很容易的閱讀文本。

被 SanFrancisco 字體代替了的 Helvetica茄螃,是于1957年由瑞士字體設(shè)計(jì)師 Eduard Hoffmann和 Max Miedinger 設(shè)計(jì)的缝驳,那個(gè)時(shí)候還沒有數(shù)字設(shè)備。甚至現(xiàn)在 Helvetica 還被作為企業(yè)字體樣式廣泛用于很多公司,毫無疑問用狱,未來它將會(huì)作為一款偉大的經(jīng)典字體被應(yīng)用运怖。

而 San Francisco 是一款比較具有現(xiàn)代氣息的字體,它可以根據(jù)內(nèi)容自動(dòng)切換字體夏伊。在這個(gè)數(shù)字時(shí)代摇展,它是 “數(shù)字土著”(“Digital Native”)的專屬字體。

PS:Digital Native溺忧,出自于研究員 Marc Prensky 的報(bào)告咏连,用來描述那些從小就熟悉信息技術(shù)的人,尤其是從80后開始鲁森。

本文如有翻譯不足之處還請(qǐng)多多指正祟滴,感謝。另歌溉,如想了解更多關(guān)于 San Francisco 的字體詳情及下載可以點(diǎn)這里垄懂。

在上篇文章中,看到有好多簡友說要學(xué)習(xí)英語的網(wǎng)站痛垛,正好我也在學(xué)埠偿,到時(shí)候我會(huì)找時(shí)間整理出來分享給大家哈。哦對(duì)了榜晦,祝大家月餅節(jié)快樂冠蒋!~在即將到來的國慶小長假里吃好玩好喝好啊~


本文為原創(chuàng)編譯,如需轉(zhuǎn)載請(qǐng)注明作者信息及出處乾胶,謝謝尊重個(gè)人勞動(dòng)成果抖剿。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市识窿,隨后出現(xiàn)的幾起案子斩郎,更是在濱河造成了極大的恐慌,老刑警劉巖喻频,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缩宜,死亡現(xiàn)場離奇詭異,居然都是意外死亡甥温,警方通過查閱死者的電腦和手機(jī)锻煌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來姻蚓,“玉大人宋梧,你說我怎么就攤上這事≌玻” “怎么了捂龄?”我有些...
    開封第一講書人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵释涛,是天一觀的道長。 經(jīng)常有香客問我倦沧,道長唇撬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任展融,我火速辦了婚禮窖认,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘愈污。我一直安慰自己耀态,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開白布暂雹。 她就那樣靜靜地躺著首装,像睡著了一般。 火紅的嫁衣襯著肌膚如雪杭跪。 梳的紋絲不亂的頭發(fā)上仙逻,一...
    開封第一講書人閱讀 51,754評(píng)論 1 307
  • 那天,我揣著相機(jī)與錄音涧尿,去河邊找鬼系奉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛姑廉,可吹牛的內(nèi)容都是我干的缺亮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼桥言,長吁一口氣:“原來是場噩夢啊……” “哼萌踱!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起号阿,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤并鸵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后扔涧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體园担,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年枯夜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了弯汰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡卤档,死狀恐怖蝙泼,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情劝枣,我是刑警寧澤汤踏,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站舔腾,受9級(jí)特大地震影響溪胶,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜稳诚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一哗脖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧扳还,春花似錦才避、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽栖疑。三九已至垦沉,卻和暖如春促绵,著一層夾襖步出監(jiān)牢的瞬間穷劈,已是汗流浹背旋恼。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來泰國打工褒脯, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拯田,地道東北人绷杜。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓勒奇,卻偏偏與公主長得像预鬓,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子赊颠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

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

  • 對(duì)蘋果近來的動(dòng)向似乎有些麻木格二,新系統(tǒng)似乎變化不大,6S也沒有什么讓人驚艷之處巨税,也就是Force Touch應(yīng)用到手...
    TerryFan閱讀 10,552評(píng)論 9 22
  • 6月19日(北京時(shí)間6月20日凌晨)蘋果發(fā)布了新的桌面系統(tǒng) El Capitan蟋定。除了新系統(tǒng)名字的奇怪西語讀音,在...
    Soyeah閱讀 21,620評(píng)論 2 24
  • 上海緣草添,善緣還是孽緣驶兜,已經(jīng)很難說清楚了。 第一次去上海远寸,剛滿19歲抄淑,一個(gè)人。 第一次去上海驰后,就為她的繁華所折服肆资,嘆...
    谷釀閱讀 655評(píng)論 0 1
  • 在商業(yè)環(huán)境中,最厲害的招式就是犯犁,讓你的用戶去推薦用戶,如幾大宗教属愤。 現(xiàn)在,利用微信互聯(lián)網(wǎng)工具酸役,裂變的速將超出常人的...
    熊友華閱讀 266評(píng)論 0 1
  • 百花詩 64 (天女花) 紅燭蓮座照天燒住诸,仙女下凡衣袂飄。 風(fēng)送芳香傳萬里涣澡,花揚(yáng)神韻勝千嬌贱呐。
    PikeTalk閱讀 286評(píng)論 2 1