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