SF Symbols如何抬高 iOS 設(shè)計(jì)上限的圖標(biāo)字體?

SF Symbols抬高 iOS 設(shè)計(jì)上限的圖標(biāo)字體

相信各位活躍在設(shè)計(jì)圈的朋友們，都會(huì)認(rèn)為圖標(biāo)是界面的重要構(gòu)成元素。恰當(dāng)?shù)卦谠O(shè)計(jì)中使用圖標(biāo)，不僅能讓應(yīng)用更加簡(jiǎn)潔美觀，也有助于用戶快速理解和高效使用各種功能。

圖標(biāo)也是統(tǒng)一視覺風(fēng)格、強(qiáng)化平臺(tái)辨識(shí)度的重要工具。很多知名應(yīng)用在改進(jìn)設(shè)計(jì)時(shí)都把圖標(biāo)作為重點(diǎn)，就是考慮到其對(duì)于構(gòu)建品牌形象的作用。

SF Symbols抬高 iOS 設(shè)計(jì)上限的圖標(biāo)字體圖一

Uber 和 Spotify 的圖標(biāo)設(shè)計(jì)體現(xiàn)出很強(qiáng)的品牌辨識(shí)度

然而，一向以設(shè)計(jì)見長(zhǎng)的蘋果，近年來(lái)在圖標(biāo)方面的表現(xiàn)并不出色。iOS 7 以來(lái)，蘋果的圖標(biāo)設(shè)計(jì)風(fēng)格似乎一直處于不斷的摸索和調(diào)整中，經(jīng)歷了從方正到圓潤(rùn)、纖細(xì)到醒目的漸變。結(jié)果，系統(tǒng)各處散落著不同風(fēng)格的圖標(biāo)，在讓用戶困惑的同時(shí)，也讓開發(fā)者感到無(wú)所適從、缺少指引。

SF Symbols抬高 iOS 設(shè)計(jì)上限的圖標(biāo)字體圖二

iOS 中的「分享」按鈕有不下八種版本（來(lái)源：Benjamin Mayo）

蘋果此前為應(yīng)用開發(fā)提供的設(shè)計(jì)資源也比較有限。很多第三方開發(fā)者、尤其是獨(dú)立開發(fā)者沒有經(jīng)過專業(yè)的設(shè)計(jì)訓(xùn)練，也缺少足夠的精力和資源放在圖標(biāo)設(shè)計(jì)上。為此，包括 Android 和 Windows 在內(nèi)的平臺(tái)都提供了符合各自設(shè)計(jì)標(biāo)準(zhǔn)的圖標(biāo)庫(kù)，供開發(fā)者設(shè)計(jì)界面時(shí)從中選用，而 iOS/macOS 平臺(tái)卻一直缺乏這樣的官方資源。這顯然不利于提高平臺(tái)應(yīng)用的整體水平和風(fēng)格一致性。

今年，這一現(xiàn)狀有望得到改觀。六月舉辦的 WWDC 上，蘋果推出了 SF Symbols——一個(gè)規(guī)模龐大、與系統(tǒng)緊密整合的圖標(biāo)資源庫(kù)。SF Symbols 的內(nèi)容不僅包括系統(tǒng)服務(wù)、應(yīng)用功能，還包括天氣、手勢(shì)、物件等，能在很大程度上滿足開發(fā)的常見需要。

SF Symbols抬高 iOS 設(shè)計(jì)上限的圖標(biāo)字體圖三

圖標(biāo)與字體的結(jié)合

不過，SF Symbols 的最大亮點(diǎn)并不在于提供了一套豐富的圖標(biāo)，而在于它的實(shí)現(xiàn)方式——直接把圖標(biāo)整合進(jìn)了 iOS 和 macOS 的系統(tǒng)字體 San Francisco。蘋果在宣傳是也著重強(qiáng)調(diào)了 SF Symbol 的「文字」特性。用它自己的話來(lái)說(shuō)，「SF Symbols 引入了一套完整的、基于矢量的圖標(biāo)庫(kù)，你可以憑借其與周圍文本的自動(dòng)對(duì)齊和對(duì)多字重、多尺寸的支持，將其整合到自己的應(yīng)用中，從而簡(jiǎn)化用戶界面的布局�！�