SF Symbols

SF Symbols 是拥有 7,000 多个符号的图标资料库,可与 Apple 平台的系统字体 San Francisco 无缝整合。其中的符号包含九种粗细和三种大小,可自动与文本对齐。你可以将它们导出并使用矢量图形工具进行编辑,创建具有共享设计特征和辅助功能的自定符号。符号具有专为动态效果设计的多层格式,能够实现一系列富有表现力的动画。符号为全球受众打造,可自动适应用户的阅读方向,并针对 20 多种国际脚本提供本地化设计。

SF Symbols App 显示“Draw On”(绘制出现) 动画预览,并选择了“By Layer”(按图层) 播放方式

增强搜索

增强搜索利用语义理解功能,显示与你的查询最相关的符号。你可以用自己的话描述要查找的内容,即使你的搜索词与符号名称并不完全一致,SF Symbols 也会为你找到最匹配的符号。

一组具有不同的不透明度的 SF 符号,用于说明搜索结果相关性

全新符号

SF Symbols 新增了一些符号,并对现有符号进行了设计更新,可与 Apple 新的通用设计语言整合。这些新符号可在运行 iOS 27、iPadOS 27、macOS 27、watchOS 27、Apple tvOS 27 和 visionOS 27 的 App 中使用。

一组新的 SF 符号,包括 Wi-Fi、滑块、软件包、文档、人物等图标

Draw

“Draw On”(绘制出现) 和“Draw Off”(绘制消失) 是以手写笔画的移动为灵感的动画预设,旨在让符号以更具表现力的动画方式在 App 界面中出现和消失。这些动画利用符号的图层结构,结合新的注释和时序编排功能来引导符号的移动。多个播放选项可灵活应用于各种情境:“Whole Symbol”(整个符号) 会同时对所有图层进行动画处理,实现单一、快速的移动;“By Layer”(按图层) 会偏移每个图层的开始时间,打造更灵动的效果;“Individually”(单独) 则一次对一个图层进行动画处理,呈现更有意图的视觉效果。

注释

借助注释工具,只需点按几下即可轻松为自定符号创建 Draw 动画。在图层上放置引导点,从头到尾控制路径的绘制方式。引导点位置会在不同的粗细之间自动转换,并可在极细体、常规体和黑体中自定义,以精确控制所有不同粗细和比例的符号动作。通过利用绘制附件、可选的双向性、自适应末端等众多精彩功能,为自定符号创建量身定制的动画效果。

可变渲染

符号可使用“Variable Rendering”(可变渲染) 动态地表达随时间变化的强度或进度,从而能够作为信息丰富且动态的进度指示器。“Variable Color”(可变颜色) 会从头到尾依次更改各个图层的不透明度,而“Variable Draw”(可变绘制) 会利用绘制注释,以更高的精确度和分辨率传达值变化。

动画

一系列可配置动画为整个符号库带来了富有表现力的动态行为。弹跳、晃动、旋转和呼吸等精心编排的动作可根据用户输入做出响应、传达状态变化,还能对进行中的活动发出信号。魔术替换可以让相关符号之间的过渡显得自然连贯而且符合情境。这些动画效果利用符号的图层结构,实现了与自定符号的兼容性。

渲染

四种不同的渲染模式提供了一致性,并可让你控制符号的配色方式。单色渲染模式使用单一颜色渲染符号。分层渲染模式使用单一着色颜色和多个不透明度级别,可以呈现景深和突出重点。调色盘渲染模式允许你使用多种对比色对符号进行自定义。多色渲染模式为数百个符号提供固有颜色。所有渲染模式都支持可选的渐变渲染,可自动从单个源颜色生成平滑的线性渐变效果,从而增加光效和维度,提升符号表现力。

三个 SF 符号,每个符号均展示了四种渲染模式:单色、分层、调色盘和多色。

下载 SF Symbols 8 Beta 版

下载

需要使用 macOS Sonoma 或更高版本。

探索《人机界面指南》

详细了解如何在你的 App 中使用 SF Symbols。

进一步了解