SF Symbols

SF符号提供了一套超过2400个一致的、高度可配置的符号,你可以在你的应用程序中使用。苹果公司设计的SF符号能够与旧金山系统字体无缝整合,因此这些符号能够自动确保与所有重量和尺寸的文本进行光学垂直对齐。

你可以使用SF符号来代表各种UI元素中的任务和内容类型,如导航栏、工具栏、标签栏、上下文菜单和小部件。在你的应用程序的其余部分,你可以在任何可以使用图像的地方使用符号。SF符号在iOS 13及以后版本、macOS 11及以后版本、watchOS 6及以后版本和tvOS 13及以后版本中可用。

单个符号和功能的可用性根据你所针对的系统版本而有所不同。当你把SF Symbols 2中介绍的符号导出为SVG模板并与你的应用程序捆绑时,你可以在针对iOS 13、Mac Catalyst 13、tvOS 13或watchOS 6的应用程序中使用它,但没有SF Symbol 2功能的好处,如多色支持和自动本地化。访问SF符号,下载该应用并浏览全套符号。

SF符号2引入了750多个新的符号,包括。

超过150个预设的多色符号,可自动适应鲜艳度、无障碍设置和外观模式
标准和自定义符号中的负侧边距,让你对水平对齐有更大的控制权
从右到左书写系统的本地化符号变体,以及阿拉伯文、梵文和希伯来文的特定字体符号

九个符号的每一个重量–从超轻到黑色–都对应着旧金山系统字体的一个重量。这种对应关系让你在符号和相邻文本之间实现精确的重量匹配,同时支持不同尺寸和背景的灵活性。

每个符号也有三种比例:小、中(默认)和大。这些比例是相对于旧金山系统字体的上限高度而定义的。通过指定比例,你可以调整一个符号相对于相邻文本的强调程度,而不会破坏与使用相同点数的文本的重量匹配。关于开发人员的指导,请参阅imageScale(SwiftUI)、SymbolScale(UIKit)和SymbolConfiguration(AppKit)。

默认情况下,一个符号可以使用一个应用程序的重点颜色。在SF符号2及以后的版本中,你可以使用多色符号来显示包含一种以上颜色的图像。例如,cloud.sun.rain.fill符号使用白色表示云,黄色表示太阳,蓝色表示雨。在某些情况下,你可以在一个符号的不同区域使用不同的颜色。例如,你可能想为folder.badge.plus的文件夹区域指定一种类似于你的应用程序的重点颜色,而系统则为徽章提供一种绿色。关于开发者的指导,请参阅renderingMode(_:)。

默认情况下,多色符号会自动适应不同的外观模式,比如黑暗模式。如果你在创建的自定义符号中指定了一种颜色,那么该自定义符号就不会自动适应不同的外观模式。

创建自定义符号
如果你需要一个SF Symbols没有提供的符号,你可以创建你自己的。SF符号应用程序让你以可重复使用的、基于矢量的文件格式导出一个符号作为模板。要创建一个自定义的符号,导出一个与你想要的设计相似的SF符号,并使用Sketch或Illustrator等矢量编辑工具修改模板。在你的应用程序中使用这个结果,就像你使用原始模板文件一样。(自定义符号不支持自适应颜色。)关于开发者的指导,请参阅为你的应用程序创建自定义符号图像。请参阅 “按原样使用的符号”,了解不能定制的符号列表。

以模板为指导。创建一个自定义符号,在细节程度、光学重量、对齐方式、位置和视角方面与系统提供的符号一致。努力设计一个符号,它是。

简单
可识别的
不具攻击性
与它所代表的行动或内容直接相关

Original: https://www.cnblogs.com/mkdocs/p/sf_font.html
Author: MkDocsMan
Title: SF Symbols

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/583168/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球