SF Symbols 在 WWDC 2019 期間推出。自此Apple 為我們提供了免費 Symbols,供我們在應用中使用,而且使用它們非常簡單。 不久前,WWDC 2020 又引入了 SF Symbols 2.0,這讓我們在 app 中使用精美的圖標更加容易。
對于不太懂設計的開發人員,真是件大禮物。
什么是 SF Symbols
SF Symbols 是一組符號,大概有 1500 個之多。它們在 app 中可以按照各種 weights and scales 進行對齊和配置,以適應我們的設計。 由于它們已集成到 San Francisco 系統字體中,因此它們會自動確保與所有 weights and sizes 的文本垂直對齊。
SF Symbols 適用平臺
- iOS 13 and later
- watchOS 6 and later
- tvOS 13 and later
由于 Symbols 包含在 San Francisco 系統字體中,因此我們也可以在 Mac 應用程序中使用它們,但需要注意許可協議。
SF Symbols 2.0 – 有什么新特性?
最新版本新增超過 750 symbols
SF Symbols 2.0 包含超過 750 個新的 symbols, 如 devices, health, transportation symbols 等等。 新的 symbols 只適用于 iOS 14, iPadOS 14, and macOS Big Sur 及以上版本系統.
改善 optical alignment
使用 SF Symbols 的挑戰之一是光學對準。 如果與 San Fransisco 系統字體一起使用,可以確保自動垂直對齊,但是直到 1.1 版之前,都無法很好地水平對齊。
通過 2.0 更新,我們現在可以為 Symbols 提供標準和自定義 Symbols 都支持的負邊距(negative side margins)。 這在水平對齊符號方面給了我們更多的控制權。 例如,我們可能有一個包含徽章(badge) 的 Symbol,在這種情況下,我們需要在視覺上稍微水平地移動 Symbol 。
一個小警告是,這些 Symbols 中的兩個可以彼此相鄰放置,并且負邊距與兩個Symbols 重疊。 盡管這種情況很少見,但我們可能需要在兩 Symbols 之間添加額外的空間或其他內容(extra space or other content),以免發生沖突。
多彩 Symbols
可以通過應用簡單的為 SF 符號著色。與有色符號相比,新引入的多色符號(multicolor symbols)具有獨特性,因為它們會自動適應外觀模式(appearance modes),輔助功能設置(accessibility settings)和鮮艷度(vibrancy)。 這是快速支持許多不同方案的好方法。
Localized symbols variants
另一個重要的新功能是支持從右到左書寫系統,比如希伯來語(Hebrew),阿拉伯語(Arabic)和梵文(Devanagari)等。 這些 symbols 經過優化,在那些系統中看起來很棒。
SF Symbols 可以隨便用嗎?
當然不是,可以查看蘋果官方說明,這里有 license agreements :
您不得在應用程序圖標,徽標或任何其他與商標相關的用途中使用 SF 符號。 Apple 保留進行審查的權利,并有權單方面決定要求對違反上述限制的任何Symbol 進行修改或中止使用。
限制符號(Restricted symbols)
除了許可協議之外,還有一系列符號,只能用于說明特定的 Apple 技術。 如果使用蘋果官方 symbols 進行它用,你的 App 有可能被拒。
這些符號的完整列表可在 Symbols for Use As-Is 中找到。
怎么查看可使用的 symbols
Apple 提供了一個查看 SF Symbols 的客戶端軟件。該軟件可以查看、copy, 導出可使用的 symbols。
該 app 可以在這里下載 here 。軟件需要系統為 macOS 10.14 及以上版本.
該軟件可以使用不同 selected weight 進行查看。上圖使用 medium weight 查看,下圖則使用 UltraLight weight:
此外,我們還可以以列表形式查看:
Exporting a symbol
該 app 允許您使用文件->導出符號...或?E將所有符號導出為 SVG 格式。這是在無法使用字體本身進行表示時使用符號表示的好方法。但是,別忘了許可協議哦。
通過網頁查看 symbols
值得一提的是,我們也可以在 sfsymbols.com這個網站查看 symbols。
通過在此網站上進行搜索,我們可以查看每個圖標(如果存在)的應用限制:
但是,由于前面描述的許可證限制,它們只能顯示符號的名稱,所以使用Mac應用程序會更好一些。