從Apple Watch開始聊蘋果的字體設計

2021-02-14 良倉


3月10日蘋果發布會上,Apple Watch和新版Macbook的完整面目亮相人們視野。在對Apple Watch的性能、產品造型等等熱鬧討論之餘,還有一項來自蘋果全新的創造或許更值得被關注:蘋果的新字體,San Francisco。


去年11月,蘋果發布給Apple Watch第三方APP開發者使用的WatchKit開發工具包,其中包括擁有23款變化字型的San Francisco文件夾。在給開發者的說明裡,蘋果寫道:較大字符尺寸時,間距比較緊密;在字符小尺寸時,間距就會鬆散些——為了保證任何時候都夠清晰和易讀。更值得一提的是,其實蘋果從1993年開始幾乎就停止真正自己研發字體了,因此某種程度上,San Francisco也標誌著蘋果對品牌傳統的回歸。

San Francisco 字體
San Francisco字體在apple watch裡不同界面及字型的演示


新版macbook界面及其中字體文件夾裡san francisco字體

至於為什麼叫做San Francisco?這真的源於賈伯斯——他早年在Mac時對設計師們表示,蘋果自己創造的字體要以當今世界上一些重要城市來命名。



趁著自創新字體的勢頭,蘋果在去年十二月秀出了一系列他們史上的自創字體。這些自創字體中有一位重要的功臣,就是現年已經61歲的Susan Kare。人們稱她Icon之母。

Susan Kare


Susan Kare用像素分別繪製的二張賈伯斯。左為1983年所作,右為賈伯斯離世一年前,2010年末所畫。

Susan Kare是位藝術家和平面設計師,在80年代左右,也是計算機浪潮逐漸開始洶湧的時候,Kare為蘋果、微軟,IBM、還有圖庫Getty Images最早期的網站等不少應用或界面做過設計。1983年至1986年期間她進入蘋果從事交互圖形設計。她也是賈伯斯在1985年暫離蘋果開創的NeXT公司的早期成員,在那裡她擔任藝術總監。

Kare為最初Macintosh設計的部分代表性圖標,Kare早期不少設計都沿用了下來,比如蘋果鍵盤上的command按鍵,還有"人臉"


Kare在1983-1984年間為蘋果設計的一系列字體和Icon一覽表,其中你能發現她也設計了一款名叫San Francisco的字體

Kare本人也是世界上最早嘗試像素圖形藝術的藝術家,在1983至1984年間,Kare為Macintosh的作業系統設計了一系列字體、圖表等等,其中最具代表性的當屬Chicago字體,如1984年銷售的首部Mac與其後代搭設的Classic Mac Os系統,以及最早四代的iPod界面中搭載的都是Chicago。這些字體最初都是以像素形式出現,隨後隨著技術革新而完善為TrueType(微軟和蘋果在1980年代後期共同研發的字型標準體系,在作業系統裡的字體統一採用.ttf或.tte後綴的文件名,沿襲至今)。

適應TrueType的Chicago字體與早期像素版本的chicago字體



最初版採用Chicago字體的Macintosh操作界面,icon也為Kare設計


Chicago字體在iPod裡的運用

Kare為蘋果設計的Geneva和New York字體,Geneva也是對Helvetica的重新設計

Kare設計的一系列名為Cairo的字體圖形,可知的是,這在蘋果最早的繪圖軟體Kid Pix上被使用。

就像上文所說,Kare設計的大部分字體都按賈伯斯的意思以幾大城市作為名稱。Kare無疑是蘋果歷史上的重要角色,她和設計團隊早期設計的無論是字體還是生動的Icon,都致力於一個目標:人性化。和蘋果一起,奠定了人類計算機和科技領域友善界面的核心。


盤點蘋果歷史上使用的幾大字體

除了自創字體以外,在蘋果歷史上他們使用過許多字體,甚至讓我們難以統計,從廣告到品牌LOGO,蘋果將不少經典「第三方」字體重新改良,以適應自己的產品。以下為幾個重要被使用的字體。


這個字體最初誕生於1975年,由一個叫做Othmar Motter的設計師設計,雖然蘋果被咬了一口的來源眾說紛紜,但是據設計蘋果最標誌logo的Ron Janoff所說,咬了一口就是為了適應Motter設計的字體apple的"a"部分。

這是對經典字體Garamond的改進,蘋果用這個字體幾乎有二十年時間,從1984至2002年的幾乎每個產品都採用Apple Garamond。還有比如上圖的蘋果經典廣告。


在蘋果標誌性的Apple Garamond字體之後,蘋果將Adobe在1992年發布的Myriad字體重新改良,最廣泛的運用就是iPod的logo,採用Myriad Pro Semibold版本。


這個字體最初被公眾所知是1978年大眾汽車的新logo。蘋果在1999年首次發布的iBOOK最初版本上使用了VAG Rounded這個字體,2007年,幾乎所有產品的鍵盤都改為採用VAG Rounded.


這個字體最初誕生於1985年,用來替代在OS8和OS9中運用的Charcoal字體,最終出現在OS X系統中。Lucida Granda常受一些科技公司歡迎,比如Facebook網站就被運用。


Helvetica這個傳奇無襯線字體一直為蘋果著迷,從2007年第一代iPhone到後來的一系列iPod touch、iPad,都可見Helvetica的使用。直到2013年發布的iOS 7,蘋果用更纖細的版本——Helvetica Neue來作為主要界面字體。同時2014年發布的OSX 10.10 Yosemite也採用了Helvetica Neue.

For the great Apple!

refer_thenextweb/wiki/fastcodesign

編輯_良倉

點擊「閱讀原文」,教你如何下載良倉APP!

↓↓↓

相關焦點

  • 【Apple 資訊】開放San Francisco字體下載頁面
     提示:點擊上方"天音Apple培訓"↑歡迎訂閱全面部署 蘋果開放San Francisco字體下載頁面首先在Apple Watch上啟用的San Francisco字體,以其清晰柔和與高可讀性為特色。
  • 聊一聊| 蘋果 iOS系統的封神之路
    但這對於蘋果,是個好的開始。最新版本:不詳支持設備:iPhone初代,iPod touch初代這一代蘋果捨棄了404小廠的地圖轉而採用了自己家的地圖(當然當時的蘋果地圖特別差勁而導致了這項改變罵聲一片)以及加入了如今蘋果apple pay的wallet錢包的前身-passbook,蘋果的語音助手-siri也在這個版本支持了中文作為蘋果最後一代擬物iOS系統,iOS6還是十分經典的。
  • Apple watch降價欲出二代 蘋果手錶想俘獲用戶應具備那些新特性?
    而三星一直都是蘋果的勁敵,無論是在智慧型手機領域還是在智能手錶領域,在今年後半年,三星與蘋果很大可能都會發布自家新一代智能手錶,分別是S3和apple watch 2。雖然蘋果智能手錶銷量全球領先,但是apple watch並沒有像蘋果的iphone或者ipad那樣深入人心。
  • 一名App工程師的Apple Watch使用體驗
    微信的團隊也是和我們同時過去的,蘋果官方不允許第三方開發者團隊之間互相交流,不過我們還是找到機會一起聊了聊。Apple Watch有兩種尺寸和三個版本,還有更多個性多樣化錶帶可供選擇。看到真機並佩戴後的總體感覺是偏小。38mm和42mm,其實用手指大概掐算一下也可以估摸出大小,42mm 版本對於我這種體型也就差不多大小,體型稍大的男同胞肯定會覺得比較袖珍。
  • Apple Watch:蘋果「時間機器」的兩種成功含義
    文|劉琪的商業觀察從凌晨到現在,一整天都在被蘋果apple watch的各種議論所轟炸,一個品牌將口碑勢能釋放到成為全球級現象,真心是很可怕的事情。一很久以前,我就推薦過一本書,德國知名的蘋果分析師迪爾克•拜克曼(Dirk Beckmann)所寫的《失去賈伯斯,蘋果會怎樣》,裡面提出了一個有趣的命題:但凡是蘋果想做的產品,一旦做了,就會被賦予與眾不同的魔力,終極問題就是「每進入一個新領域,蘋果會怎麼做」,這背後一定有一套方法論。
  • 盤點蘋果那些年使用過的字體 - 字體,Apple Watch - IT之家
    對於「全是處女座」的蘋果公司來說,這!必!須!不!一!樣!相比有點兒「微胖」的Helvetica Neue,全新的San Francisco看上去又細又長,但正如小編的美工同事的評價一樣,這種新字體在很多美術工作者眼中「犀利又不失華麗」,對於糾結於細節的蘋果來說,在iOS 9以及OS X 10.11系統中全面使用也未必不是一個好選擇。
  • 19種Apple字體!拿去討設計歡心~
    主題呢就是:盤點Apple公司使用過的字體主要內容就是:Apple公司在什麼地方用了什麼字體以及什麼時候用的內容主要目的是什麼呢?討好設計師...△字體:apple-garamondAppleComputer logo stickerArtwork published in circa 1980.
  • Apple Watch 大降價! 新品腕錶 + 新錶帶最全官網報價
    在今天凌晨舉辦的 apple 春季發布會上,除了萬眾期待的 iphone se 和新版 ipad pro 平板電腦之外,apple 還對可穿戴智能腕錶 apple watch 的價格做出調整,並推出了一系列全新設計的尼龍材質錶帶
  • Apple watch 使用教程
    1、蘋果設備保修查詢: https://checkcoverage.apple.com/cn/zh/?
  • Apple 發布 Apple Watch Series 6
    設計和性能Apple Watch Series 6 的硬體經過重新設計,在保持外形異常小巧的同時,融入了更多功能和本領,進一步提升了性能。Apple Watch Series 6 (GPS) 於 9 月17 日通過 apple.com.cn 和 Apple Store app 接受訂購,並於 9 月 20 日 (星期日) 開始在中國大陸發售。
  • 蘋果需要開放第三方Apple Watch錶盤嗎?
    點擊上方藍色字體,關注我們   錶盤是用戶的個性表達Apple Watch 已經發展到第六代作業系統,相對於 4 年前,我們已經獲得在手腕上獨立體驗 App 的進步,無法想像最開始為 Apple Watch 開發 watchOS 有多麼困難。
  • 蘋果官方 iOS 11 UI設計素材 + San Francisco Pro字體
    想必已有一些 UI 設計師開始查看 iOS 11 相關規範文檔了,如果英文看不懂,哪就下載這套來自蘋果官方的 UI KIT 素材,有 Photoshop
  • 給Watch做App?5個應該跳過的Apple Watch設計模式
    有人說這是因為 Apple Watch 是蘋果歷史上,從公之於眾到正式發售間隔時間最長的一款產品。這逼迫了開發者在沒有任何實際使用體驗的情況下,只好依靠模擬器去做實驗。還有人說,這是因為 Apple Watch 是一個全新的平臺,提供了前所未有的使用體驗。所以開發者還需要一些時間去摸索並積累經驗。在我看來,這兩個原因都有道理。
  • watchOS 6體驗:我開始期待Apple Watch 5了
    如果你想在體驗之後降級回iOS 12,那麼你的Apple watch就無法正常使用,因為watchOS 6開發者預覽版並沒有適配iOS 12。然而蘋果一直也沒有開放watchOS的降級通道,所以你無法刷回watchOS 5系統。
  • Apple Watch S4輕體驗!
    Apple Watch 4 的速度終於達到了蘋果家族的水準了而在apple watch series4的顏值方面真的不是我吹!這種時候就會出現老款Apple Watch 的這種情況天圓地方 不忍直視這也是我當初賣掉初代Apple Watch的原因之一而且即使蘋果在UI裡設計了大量的黑色元素來試圖掩蓋這種醜
  • Apple推出全新字體New York!蘋果設計團隊打造「黑暗」視覺設計
    除了蘋果設計大獎,蘋果也在6月4日同時宣布推出新字體NEW YORK!這是繼SF Pro和SF Compact之後由蘋果設計團隊打造的第三個字體。蘇珊·凱爾(Susan Kare)於1983年設計了一款過渡襯線字體,1988年查爾斯·畢格羅(Charles Bigelow)和克裡斯·霍爾姆斯(Kris Holmes)對這種字體進行了重新設計。
  • 香港第四家Apple Store 7月30日開業!(附IPHONE、IPAD、MAC、WATCH報價)
    如今香港的蘋果零售店數量已經與北京、上海的蘋果店數量持平。從蘋果香港官網公布的照片上看來,目前新店的建設已經進入最後的收尾階段,店面還是使用巨大的白色屏障覆蓋著,以免提前曝光,屏障上懸掛著白色的蘋果logo,還有波浪線條設計,動感十足。
  • [界面]手機界面設計常用字體
    最早蘋果還未發布蘋方字體的時候,界面設計時我最常用的字體標題字體為方正黑體簡體,正文字體使用的是
  • 蘋果為什麼換字體? CBNweekly
    這款新字體叫做San Francisco(舊金山),中文對應字體叫做「蘋方」。在西文字體中,被替換掉的是從iOS 7開始被使用的Helvetica Neue,它的上一代字體叫做Helvetica,從第一代iPhone開始就被蘋果作為默認字體使用。「舊金山」聽上去倒是容易記憶多了。過去的中文字體華文黑體,也是蘋果與第三方合作的結果。
  • 蘋果專用字體San Francisco開放下載