SF Symbols如何抬高 iOS 设计上限的图标字体?

SF Symbols抬高 iOS 设计上限的图标字体

相信各位活跃在设计圈的朋友们，都会认为图标是界面的重要构成元素。恰当地在设计中使用图标，不仅能让应用更加简洁美观，也有助于用户快速理解和高效使用各种功能。

图标也是统一视觉风格、强化平台辨识度的重要工具。很多知名应用在改进设计时都把图标作为重点，就是考虑到其对于构建品牌形象的作用。

SF Symbols抬高 iOS 设计上限的图标字体图一

Uber 和 Spotify 的图标设计体现出很强的品牌辨识度

然而，一向以设计见长的苹果，近年来在图标方面的表现并不出色。iOS 7 以来，苹果的图标设计风格似乎一直处于不断的摸索和调整中，经历了从方正到圆润、纤细到醒目的渐变。结果，系统各处散落着不同风格的图标，在让用户困惑的同时，也让开发者感到无所适从、缺少指引。

SF Symbols抬高 iOS 设计上限的图标字体图二

iOS 中的「分享」按钮有不下八种版本（来源：Benjamin Mayo）

苹果此前为应用开发提供的设计资源也比较有限。很多第三方开发者、尤其是独立开发者没有经过专业的设计训练，也缺少足够的精力和资源放在图标设计上。为此，包括 Android 和 Windows 在内的平台都提供了符合各自设计标准的图标库，供开发者设计界面时从中选用，而 iOS/macOS 平台却一直缺乏这样的官方资源。这显然不利于提高平台应用的整体水平和风格一致性。

今年，这一现状有望得到改观。六月举办的 WWDC 上，苹果推出了 SF Symbols——一个规模庞大、与系统紧密整合的图标资源库。SF Symbols 的内容不仅包括系统服务、应用功能，还包括天气、手势、物件等，能在很大程度上满足开发的常见需要。

SF Symbols抬高 iOS 设计上限的图标字体图三

图标与字体的结合

不过，SF Symbols 的最大亮点并不在于提供了一套丰富的图标，而在于它的实现方式——直接把图标整合进了 iOS 和 macOS 的系统字体 San Francisco。苹果在宣传是也着重强调了 SF Symbol 的「文字」特性。用它自己的话来说，「SF Symbols 引入了一套完整的、基于矢量的图标库，你可以凭借其与周围文本的自动对齐和对多字重、多尺寸的支持，将其整合到自己的应用中，从而简化用户界面的布局。」