萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 為你解讀蘋果SAN FRANCISCO字體的秘密

為你解讀蘋果SAN FRANCISCO字體的秘密

   iOS9正式發布之後,對於新字體的爭議就沒有停止過。最早出現在Apple Watch 上的蘋果字體San Francisco ,替換了之前的Helvetica Neue成為了iPhone/iPad系列設備的默認字體。而目前還處於測試階段的Mac新系統El Capitan 也同樣講它設為默認字體。

為你解讀蘋果SAN FRANCISCO字體的秘密 三聯

  坦率的講,蘋果從來都是有自主開發字體的傳統,iOS7/8作為一個新的系統,研發周期上捉襟見肘,選擇已有的Helvetica Neue 也是非常符合邏輯的事兒,為開發更為現代、更加貼合自身風格的字體而留出空間並不出奇。

  Helvetica

  San Francisco

  San Francisco 和之前的Helvetica Neue在風格上有著明顯的差異,更為現代也更加清晰的稜角使得它極為匹配Apple Watch的顯示狀況和需求,因此它隨著Apple Watch而發布也算是合理之選。

  Apple Watch

  實際上,Helvetica Neue 這套字體早在初代iPhone發布的時候就已經成為內置字體了,不過並非默認的系統字體,直到iOS7 的時候,Helvetica Neue才正是上位。而Mac OS X 10.10 發布的時候,也將之前的默認字體Lucida Grande 替換成了Helventica Neue,可見這套充滿現代感又足夠經典的字體在蘋果的設計師眼中的地位。然而,又是什麼促使蘋果將這套集萬千寵愛於一身的字體換下來呢?

  Helvetica在小尺寸顯示上較弱

  答案並不復雜,實際上在Apple Watch 研發階段這個問題就已經很明顯了,這是促使San Francisco成為默認字體的重要原因之一。而隨著Yosemite 默認字體更換為Helvetica,不少設計師站出來指責新字體在較小字號時難以辨認,並強調Helvetica 並是合理的選擇。

  “Helvetica sucks” by Erik Spiekermann

  當你選擇Helvetica字體在低清晰度的情況下以較小的字號輸入文本之時,稍加模糊,文字就難以識別。但是新開發的San Francisco 在這種情況下會好很多,如此一來想必你也能理解Apple Watch的默認字體的選擇。

  但是話又說回來,今天智能設備的屏幕PPI已經達到超越印刷效果的程度,不論是iPhone、iPad還是Mac都已經是視網膜屏幕了,那麼蘋果公司為何還要耗費如此之大的精力來開發這套字體,並且將各個平台的默認字體都換成San Francisco呢?

  San Francisco 並非單一字體

  作為一套系統的字體族,San Francisco 並非是單個字體,為了保持在不同平台上的清晰度,San Francisco字體擁有許多特別的設計和功能,如果你仔細觀察,在iOS和OS X上顯示的San Francisco字體有著微妙的差異。

  SF(姑且將San Francisco字體簡稱為SF)和SF Compact

  更為緊湊的SF Compact 字母相對更窄,邊距更小,在Apple Watch這樣的小屏幕設備上有著更清晰的顯示效果。

  此外,SF和SF Compact 兩套字體分布為命名為Text和Display兩個子字體系列。而這也就是蘋果所說的“視覺尺寸”。Text 系列字體用於小文本顯示,而Display 系列字體用於較大的字體顯示。

  San Francisco 字體家族

  正如同我上面所說的,諸如Helvetica 這樣的字體在小尺寸下諸如 a、e、s這樣的字母很容易被混淆。

  Display 和 Text 子字體族

  San Francisco Text 系列字體用於小屏幕,相比於 San Francisco Display 更款,確保了小尺寸屏幕上顯示的效果。

  San Francisco 是動態字體

  作為系統默認字體,San Francisco 字體是經過動態優化的,系統會隨著字體尺寸的變化而自動切換Display/Text兩個子字體族,通常 20pt 是一個切換的邊界尺寸。

  在這種設定下,設計師和工程師不再需要為字體使用而費神,只需要在UILabel 中設定為習題字體即可,隨後系統會自動幫你匹配合適的字體。

  這套字體中,許多細節令人印象深刻,而令我最難以忘懷的是其中的冒號(:)的顯示。當冒號處於文字中的時候,冒號下方的點會緊靠文字的基線(英文字母底部對齊的基准線),但是當同一個冒號出現在兩個數字中間的時候,它則會在高度上自動居中顯示。

  為數字時代而設計

  正如你所看到的,San Francisco 是一套為今天的數字顯示而進行設計的字體,不論是大屏幕還是小屏幕,不論是大字體還是小字體,都可以准確而清晰地顯示。Helvetica 系列字體最早誕生於1957年,隨後的變體也多是非數字時代的產物。不過Helvetica 至今仍被廣泛地運用在各個領域,作為經典和擁有持久生命力的泛用型字體,它無疑會繼續經典下去。

  但是San Francisco 並不一定會弱於Helvetica,它的獨特之處在於它是一套系統而完善的數字時代字體,它智能的設定和對屏幕顯示的友好性決定了這個數字時代的“原住民”有著獨一無二的優勢。

  看看下面的字體細節,深入體會一下~

copyright © 萬盛學電腦網 all rights reserved