版本記錄
| 版本號(hào) | 時(shí)間 |
|---|---|
| V1.0 | 2021.05.21 星期五 |
前言
SF Symbols 在 WWDC 2019 期間推出卡骂。自此Apple 為我們提供了免費(fèi) Symbols吴汪，供我們?cè)趹?yīng)用中使用糊探，而且使用它們非常簡(jiǎn)單缔刹。 不久前愉粤，WWDC 2020 又引入了 SF Symbols 2.0暇务，這讓我們?cè)?app 中使用精美的圖標(biāo)更加容易泼掠。
開(kāi)始
SF Symbols 在 WWDC 2019 期間推出。自此Apple 為我們提供了免費(fèi) Symbols垦细，供我們?cè)趹?yīng)用中使用择镇，而且使用它們非常簡(jiǎn)單。 不久前括改，WWDC 2020 又引入了 SF Symbols 2.0腻豌，這讓我們?cè)?app 中使用精美的圖標(biāo)更加容易。
SF Symbols提供了一組超過(guò)2,400個(gè)一致的嘱能，高度可配置的符號(hào)吝梅，您可以在應(yīng)用程序中使用它們。 Apple設(shè)計(jì)了SF Symbols來(lái)與San Francisco系統(tǒng)字體無(wú)縫集成惹骂，因此這些符號(hào)會(huì)自動(dòng)確保與所有權(quán)重和大小的文本保持垂直的光學(xué)對(duì)齊苏携。
您可以使用SF symbols來(lái)表示各種UI元素中的任務(wù)和內(nèi)容類型，例如導(dǎo)航欄对粪，工具欄右冻，選項(xiàng)卡欄装蓬，上下文菜單和小部件。 在應(yīng)用程序的其余部分中纱扭，可以在任何可以使用圖像的位置使用符號(hào)牍帚。 SF符號(hào)在iOS 13和更高版本，macOS 11和更高版本乳蛾，watchOS 6和更高版本以及tvOS 13和更高版本中可用暗赶。
各個(gè)符號(hào)和功能的可用性取決于您所定位的系統(tǒng)版本。當(dāng)您將SF
Symbols 2中引入的符號(hào)導(dǎo)出為SVG模板并將其與您的應(yīng)用bundle在一起時(shí)肃叶，您可以在以iOS 13蹂随，Mac Catalyst 13，tvOS 13或watchOS 6為target的應(yīng)用中使用它被环，但沒(méi)有SF Symbol功能的好處有2種糙及，例如多色支持和自動(dòng)本地化。訪問(wèn)SF Symbols下載該應(yīng)用程序并瀏覽完整的符號(hào)集筛欢。
SF Symbols 2引入了750多個(gè)新符號(hào)浸锨，其中包括：
- 超過(guò)
150種預(yù)配置的多色符號(hào)，可自動(dòng)適應(yīng)鮮艷度版姑，輔助功能設(shè)置和外觀模式 - 標(biāo)準(zhǔn)符號(hào)和自定義符號(hào)中的負(fù)邊距柱搜，使您可以更好地控制水平對(duì)齊方式
- 從右到左書寫系統(tǒng)的本地化符號(hào)變體，以及阿拉伯語(yǔ)剥险，梵文和希伯來(lái)語(yǔ)的特定于腳本的符號(hào)
重要：所有
SF符號(hào)應(yīng)被視為Xcode和Apple SDK許可協(xié)議license agreements中定義的系統(tǒng)提供的圖像聪蘸，并應(yīng)遵守其中規(guī)定的條款和條件。您不得在應(yīng)用程序圖標(biāo)表制，徽標(biāo)或任何其他與商標(biāo)相關(guān)的用途中使用SF符號(hào)（或?qū)嵸|(zhì)上或令人困惑的字形）健爬。 Apple保留進(jìn)行審查的權(quán)利，并有權(quán)單方面決定要求對(duì)違反上述限制的任何Symbol進(jìn)行修改或中止使用么介，并且您同意立即遵守任何此類要求娜遵。
A Closer Look at SF Symbols
SF Symbols具有廣泛的weights and scales，可幫助您創(chuàng)建適應(yīng)性強(qiáng)的設(shè)計(jì)壤短。
九個(gè)符號(hào)的權(quán)重（從超輕到黑色）分別與San Francisco系統(tǒng)字體的權(quán)重相對(duì)應(yīng)设拟。這種對(duì)應(yīng)關(guān)系使您可以在符號(hào)和相鄰文本之間實(shí)現(xiàn)精確的權(quán)重匹配，同時(shí)支持針對(duì)不同大小和上下文的靈活性久脯。
每個(gè)符號(hào)也有三種比例：小纳胧，中（默認(rèn)）和大。比例是相對(duì)于San Francisco系統(tǒng)字體的大寫字母高度定義的帘撰。通過(guò)指定比例跑慕，可以調(diào)整符號(hào)相對(duì)于相鄰文本的權(quán)重，而不會(huì)破壞與使用相同磅值的文本的權(quán)重匹配骡和。有關(guān)開(kāi)發(fā)人員的指導(dǎo)相赁，請(qǐng)參閱imageScale (SwiftUI), SymbolScale (UIKit), and SymbolConfiguration (AppKit)相寇。
默認(rèn)情況下慰于，符號(hào)可以使用應(yīng)用的強(qiáng)調(diào)色(accent color)钮科。在SF Symbols 2和更高版本中，可以使用多色符號(hào)來(lái)顯示包含多種顏色的圖像婆赠。例如绵脯，cloud.sun.rain.fill符號(hào)使用白色表示云，使用黃色表示太陽(yáng)休里，使用藍(lán)色表示雨蛆挫。在某些情況下，可以在符號(hào)的不同區(qū)域中使用不同的顏色妙黍。例如悴侵，您可能希望為folder.badge.plus的文件夾區(qū)域指定一種顏色采章，例如應(yīng)用程序的accent color痹筛，而系統(tǒng)會(huì)為badge提供綠色。有關(guān)開(kāi)發(fā)人員的指導(dǎo)龙优，請(qǐng)參見(jiàn)renderingMode(_:)做粤。
默認(rèn)情況下浇借，多色符號(hào)會(huì)自動(dòng)適應(yīng)不同的外觀模式，例如Dark Mode怕品。如果在創(chuàng)建的自定義符號(hào)中指定顏色妇垢，則自定義符號(hào)不會(huì)自動(dòng)適應(yīng)不同的外觀模式。
Creating Custom Symbols
如果需要SF Symbols未提供的符號(hào)肉康，則可以創(chuàng)建自己的符號(hào)闯估。 SF Symbols應(yīng)用程序使您可以將可重復(fù)使用的基于矢量的文件格式的符號(hào)導(dǎo)出為模板。要?jiǎng)?chuàng)建自定義符號(hào)吼和，請(qǐng)導(dǎo)出與所需設(shè)計(jì)相似的SF符號(hào)涨薪，然后使用矢量編輯工具（如Sketch或Illustrator）修改模板。與使用原始模板文件一樣纹安，在您的應(yīng)用程序中使用結(jié)果尤辱。 （自定義符號(hào)不支持自適應(yīng)顏色。）有關(guān)開(kāi)發(fā)人員的指導(dǎo)厢岂，請(qǐng)參閱Creating Custom Symbol Images for Your App光督。有關(guān)無(wú)法自定義的符號(hào)列表，請(qǐng)參見(jiàn)Symbols for Use As-Is塔粒。
Be guided by the template结借。創(chuàng)建一個(gè)自定義符號(hào)，該符號(hào)在詳細(xì)程度卒茬，optical weight船老，對(duì)齊方式咖熟，位置和視角方面與系統(tǒng)提供的符號(hào)保持一致。努力設(shè)計(jì)一個(gè)符號(hào)柳畔，它是：
SimpleRecognizableNot offensiveDirectly related to the action or content it represents
要支持各種文本設(shè)置馍管，請(qǐng)根據(jù)您的應(yīng)用程序所需的weights and scales創(chuàng)建自定義符號(hào)。要啟用粗體文本設(shè)置并支持動(dòng)態(tài)類型薪韩，請(qǐng)?jiān)谒?code>scales下以regular, medium, semibold, and bold創(chuàng)建符號(hào)确沸。如果您的應(yīng)用使用了其他字體weights and scales，請(qǐng)同樣在這些weights and scales中創(chuàng)建符號(hào)俘陷。
如有必要罗捎，請(qǐng)使用負(fù)側(cè)邊距來(lái)輔助光學(xué)水平對(duì)齊。 SF Symbols 2為包含徽章或其他增加符號(hào)寬度的元素的符號(hào)提供負(fù)邊距拉盾。例如桨菜，在水平對(duì)齊一堆文件夾符號(hào)（其中一些包含徽章）時(shí)，可能需要使用負(fù)邊距捉偏。在少數(shù)情況下倒得，多個(gè)具有負(fù)邊距的符號(hào)并排出現(xiàn)，您可能需要在它們之間添加空格或其他內(nèi)容告私，以避免發(fā)生沖突屎暇。
請(qǐng)勿使用Apple產(chǎn)品的副本。 Apple產(chǎn)品受版權(quán)保護(hù)驻粟，不能在您的自定義符號(hào)中復(fù)制根悼。
提供自定義符號(hào)的替代文本標(biāo)簽。替代文字標(biāo)簽（或輔助功能說(shuō)明）不可見(jiàn)蜀撑，但它們使VoiceOver能夠以聽(tīng)覺(jué)方式描述屏幕上的內(nèi)容挤巡，從而使視障人士更容易導(dǎo)航。
Symbols for Use As-Is
某些符號(hào)無(wú)法導(dǎo)出為模板進(jìn)行自定義酷麦，并且只能用于參考下面記錄的Apple技術(shù)矿卑，表格如下。
參考資料
1. SF Symbols 簡(jiǎn)介
2. 官網(wǎng)
后記
本篇主要講述了
SF Symbols簡(jiǎn)介沃饶，感興趣的給個(gè)贊或者關(guān)注~~~
