抬高 iOS 设计「地板」的图标字体:SF Symbols

引言

图标是界面的重要构成元素。恰当地在设计中使用图标,不仅能让应用更加简洁美观,也有助于用户快速理解和高效使用各种功能。

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

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

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

iOS 中的「分享」按钮有不下八种版本(来源:Benjamin Mayo)

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

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

SF Symbols(来源:苹果)

图标与字体的结合

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

那么,苹果为什么选择将图标资源放在字体中?这种做法为什么具有苹果宣称的优点?

订阅栏目查看完整内容

文章来自:

banner

Power+ 2.0

¥ 269

55

PlatyHsu

PlatyHsu

🔗 type.cyhsu.xyz

关注
登录 使用文章全部功能

目录