SF Symbols 在 WWDC 2019 期間推出午阵。自此Apple 為我們提供了免費 Symbols,供我們在應(yīng)用中使用,而且使用它們非常簡單窘拯。 不久前,WWDC 2020 又引入了 SF Symbols 2.0坝茎,這讓我們在 app 中使用精美的圖標更加容易树枫。
對于不太懂設(shè)計的開發(fā)人員,真是件大禮物景东。
什么是 SF Symbols
SF Symbols 是一組符號砂轻,大概有 1500 個之多。它們在 app 中可以按照各種 weights and scales 進行對齊和配置斤吐,以適應(yīng)我們的設(shè)計搔涝。 由于它們已集成到 San Francisco 系統(tǒng)字體中,因此它們會自動確保與所有 weights and sizes 的文本垂直對齊和措。
SF Symbols 適用平臺
- 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 – 有什么新特性?
最新版本新增超過 750 symbols
SF Symbols 2.0 包含超過 750 個新的 symbols, 如 devices, health, transportation symbols 等等诬留。 新的 symbols 只適用于 iOS 14, iPadOS 14, and macOS Big Sur 及以上版本系統(tǒng).
改善 optical alignment
使用 SF Symbols 的挑戰(zhàn)之一是光學(xué)對準。 如果與 San Fransisco 系統(tǒng)字體一起使用贫母,可以確保自動垂直對齊文兑,但是直到 1.1 版之前,都無法很好地水平對齊腺劣。
通過 2.0 更新绿贞,我們現(xiàn)在可以為 Symbols 提供標準和自定義 Symbols 都支持的負邊距(negative side margins)。 這在水平對齊符號方面給了我們更多的控制權(quán)橘原。 例如籍铁,我們可能有一個包含徽章(badge) 的 Symbol,在這種情況下趾断,我們需要在視覺上稍微水平地移動 Symbol 拒名。
一個小警告是,這些 Symbols 中的兩個可以彼此相鄰放置芋酌,并且負邊距與兩個Symbols 重疊增显。 盡管這種情況很少見,但我們可能需要在兩 Symbols 之間添加額外的空間或其他內(nèi)容(extra space or other content)隔嫡,以免發(fā)生沖突甸怕。
多彩 Symbols
可以通過應(yīng)用簡單的為 SF 符號著色甘穿。與有色符號相比,新引入的多色符號(multicolor symbols)具有獨特性梢杭,因為它們會自動適應(yīng)外觀模式(appearance modes)温兼,輔助功能設(shè)置(accessibility settings)和鮮艷度(vibrancy)。 這是快速支持許多不同方案的好方法武契。
Localized symbols variants
另一個重要的新功能是支持從右到左書寫系統(tǒng)募判,比如希伯來語(Hebrew),阿拉伯語(Arabic)和梵文(Devanagari)等咒唆。 這些 symbols 經(jīng)過優(yōu)化届垫,在那些系統(tǒng)中看起來很棒。
SF Symbols 可以隨便用嗎全释?
當然不是装处,可以查看蘋果官方說明,這里有 license agreements :
您不得在應(yīng)用程序圖標浸船,徽標或任何其他與商標相關(guān)的用途中使用 SF 符號妄迁。 Apple 保留進行審查的權(quán)利,并有權(quán)單方面決定要求對違反上述限制的任何Symbol 進行修改或中止使用李命。
限制符號(Restricted symbols)
除了許可協(xié)議之外登淘,還有一系列符號,只能用于說明特定的 Apple 技術(shù)封字。 如果使用蘋果官方 symbols 進行它用黔州,你的 App 有可能被拒。
這些符號的完整列表可在 Symbols for Use As-Is 中找到阔籽。
怎么查看可使用的 symbols
Apple 提供了一個查看 SF Symbols 的客戶端軟件流妻。該軟件可以查看、copy, 導(dǎo)出可使用的 symbols仿耽。
該 app 可以在這里下載 here 合冀。軟件需要系統(tǒng)為 macOS 10.14 及以上版本.
該軟件可以使用不同 selected weight 進行查看。上圖使用 medium weight 查看项贺,下圖則使用 UltraLight weight:
此外,我們還可以以列表形式查看:
Exporting a symbol
該 app 允許您使用文件->導(dǎo)出符號...或?E將所有符號導(dǎo)出為 SVG 格式峭判。這是在無法使用字體本身進行表示時使用符號表示的好方法开缎。但是,別忘了許可協(xié)議哦林螃。
通過網(wǎng)頁查看 symbols
值得一提的是奕删,我們也可以在 sfsymbols.com這個網(wǎng)站查看 symbols。
通過在此網(wǎng)站上進行搜索疗认,我們可以查看每個圖標(如果存在)的應(yīng)用限制:
但是完残,由于前面描述的許可證限制伏钠,它們只能顯示符號的名稱,所以使用Mac應(yīng)用程序會更好一些谨设。