SF Symbols 簡介

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
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)用程序會更好一些谨设。

創(chuàng)建自定義 symbol
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
支付 ¥1.00 繼續(xù)閱讀
  • 序言:七十年代末熟掂,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子扎拣,更是在濱河造成了極大的恐慌赴肚,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件二蓝,死亡現(xiàn)場離奇詭異誉券,居然都是意外死亡,警方通過查閱死者的電腦和手機刊愚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門踊跟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鸥诽,你說我怎么就攤上這事商玫。” “怎么了衙传?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵决帖,是天一觀的道長。 經(jīng)常有香客問我蓖捶,道長地回,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任俊鱼,我火速辦了婚禮刻像,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘并闲。我一直安慰自己细睡,他們只是感情好,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布帝火。 她就那樣靜靜地躺著溜徙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪犀填。 梳的紋絲不亂的頭發(fā)上蠢壹,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天,我揣著相機與錄音九巡,去河邊找鬼图贸。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的疏日。 我是一名探鬼主播偿洁,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼沟优!你這毒婦竟也來了涕滋?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤净神,失蹤者是張志新(化名)和其女友劉穎何吝,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鹃唯,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡爱榕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了坡慌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片黔酥。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖洪橘,靈堂內(nèi)的尸體忽然破棺而出跪者,到底是詐尸還是另有隱情,我是刑警寧澤熄求,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布渣玲,位于F島的核電站,受9級特大地震影響弟晚,放射性物質(zhì)發(fā)生泄漏忘衍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一卿城、第九天 我趴在偏房一處隱蔽的房頂上張望枚钓。 院中可真熱鬧,春花似錦瑟押、人聲如沸搀捷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嫩舟。三九已至,卻和暖如春怀偷,著一層夾襖步出監(jiān)牢的瞬間至壤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工枢纠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓晋渺,卻偏偏與公主長得像镰绎,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子木西,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355