時間:2019-08-19 13:25:39 作者:無名 瀏覽量:12
SF Symbols抬高 iOS 設(shè)計上限的圖標字體

相信各位活躍在設(shè)計圈的朋友們,都會認為圖標是界面的重要構(gòu)成元素。恰當(dāng)?shù)卦谠O(shè)計中使用圖標,不僅能讓應(yīng)用更加簡潔美觀,也有助于用戶快速理解和高效使用各種功能。
圖標也是統(tǒng)一視覺風(fēng)格、強化平臺辨識度的重要工具。很多知名應(yīng)用在改進設(shè)計時都把圖標作為重點,就是考慮到其對于構(gòu)建品牌形象的作用。

SF Symbols抬高 iOS 設(shè)計上限的圖標字體圖一
Uber 和 Spotify 的圖標設(shè)計體現(xiàn)出很強的品牌辨識度
然而,一向以設(shè)計見長的蘋果,近年來在圖標方面的表現(xiàn)并不出色。iOS 7 以來,蘋果的圖標設(shè)計風(fēng)格似乎一直處于不斷的摸索和調(diào)整中,經(jīng)歷了從方正到圓潤、纖細到醒目的漸變。結(jié)果,系統(tǒng)各處散落著不同風(fēng)格的圖標,在讓用戶困惑的同時,也讓開發(fā)者感到無所適從、缺少指引。

SF Symbols抬高 iOS 設(shè)計上限的圖標字體圖二
iOS 中的「分享」按鈕有不下八種版本(來源:Benjamin Mayo)
蘋果此前為應(yīng)用開發(fā)提供的設(shè)計資源也比較有限。很多第三方開發(fā)者、尤其是獨立開發(fā)者沒有經(jīng)過專業(yè)的設(shè)計訓(xùn)練,也缺少足夠的精力和資源放在圖標設(shè)計上。為此,包括 Android 和 Windows 在內(nèi)的平臺都提供了符合各自設(shè)計標準的圖標庫,供開發(fā)者設(shè)計界面時從中選用,而 iOS/macOS 平臺卻一直缺乏這樣的官方資源。這顯然不利于提高平臺應(yīng)用的整體水平和風(fēng)格一致性。
今年,這一現(xiàn)狀有望得到改觀。六月舉辦的 WWDC 上,蘋果推出了 SF Symbols——一個規(guī)模龐大、與系統(tǒng)緊密整合的圖標資源庫。SF Symbols 的內(nèi)容不僅包括系統(tǒng)服務(wù)、應(yīng)用功能,還包括天氣、手勢、物件等,能在很大程度上滿足開發(fā)的常見需要。

SF Symbols抬高 iOS 設(shè)計上限的圖標字體圖三
圖標與字體的結(jié)合
不過,SF Symbols 的最大亮點并不在于提供了一套豐富的圖標,而在于它的實現(xiàn)方式——直接把圖標整合進了 iOS 和 macOS 的系統(tǒng)字體 San Francisco。蘋果在宣傳是也著重強調(diào)了 SF Symbol 的「文字」特性。用它自己的話來說,「SF Symbols 引入了一套完整的、基于矢量的圖標庫,你可以憑借其與周圍文本的自動對齊和對多字重、多尺寸的支持,將其整合到自己的應(yīng)用中,從而簡化用戶界面的布局!