SF Symbols 相关问题集锦

搬运自 Ask Apple-2022-12-13

关于 SF Symbols,各位可以同时参考我们的相关文档和视频,包括:

4 个赞

SF Symbols的动态模版(variable templates)功能
通过动态模版,你无需再面向不同的比例和粗细去手动绘制全部 27 个不同的符号了,现在你只需要绘制 3 个典型符号,系统会自动帮你生成剩余的所有。另外,如果你需要兼容那些只支持到 SF Symbols 2.0 版本的系统,那么 SF Symbols App 甚至还会自动帮你将剩余的符号“拍平“,使它们可以良好的兼容旧系统。

SF Symbols 4 带来的“可变颜色“功能非常酷,请问有哪些范例 app 可以实际进行参考?

SF Symbols App 本身就是最好的演示,其中一个类别中包含了所有支持可变颜色功能的符号,你可以通过拖拽检查器中的滑块来查看可变颜色的动态效果。

1 个赞

建议使用哪些工具来设计符号?

开发者可以使用多数矢量图形编辑工具来创建 SF Symbols,例如 Illustrator、Sketch、Affinity Designer 等等。

开发者有什么方式可以提出关于符号的建议和诉求?

最佳方式就是通过 APPEL 的Feedback Assistant 提出关于新符号的诉求。

SF Symbols 4 带来的“可变颜色“功能非常酷,请问有哪些范例 app 可以实际进行参考?

SF Symbols App 本身就是最好的演示,其中一个类别中包含了所有支持可变颜色功能的符号,你可以通过拖拽检查器中的滑块来查看可变颜色的动态效果。

1 个赞

各位开发者有没有在你们的 app 当中创建过自定义的 SF Symbols 符号?不妨分享出来,大家一起学习借鉴~

Greg(来自英文社区):我为我的 logo 做过一款 SF Symbols,在很多地方都很好用,尤其是在我的 Watch 复杂功能里面。

Frank(来自英文社区):我制作过一款“明信片“的 SF Symbols:

未来 Apple 会提供 Figma 的版本设计资源么?我的主要设计工具目前是 Figma,非常期待能有官方提供的素材

我们在这里不对未来可能的规划进行讨论。是否会面向某个特定的工具提供相应的素材,取决于很多方面的因素;也建议你可以通过我们的 Feedback Assistant 将相关诉求进行提交。目前 Apple Design Resources 当中提供的文件格式是综合维度较为推荐的方式。

想知道 Apple 官方是否会提供用于 Figma 的界面设计组件库?

我们已经关注到设计社区当中在这方面的强烈兴趣。我们希望未来在恰当的时候可以提供。

1 个赞

有什么好的方式可以在网页上使用 SF Symbols 吗?我希望能让我的 app 和网站都能使用样式风格一致的图标符号。

很好的问题。SF Symbols 的初衷是用于 app,因为其具有跟随字体动态改变大小与粗细的能力,使你的 app 能适应各种显示环境及辅助功能方面的设置。然而这方面的能力难以扩展到网页。我们目前尚未提供任何关于在 app 之外使用 SF Symbols 的指导。

有地方可以查看天气对应的 Symbol 名称列表吗?我在使用 SF Symbols 来表示天气状况,如果有这样的列表会更便于在各种背景条件下呈现清晰易读的天气图标。

我们没有通过 WeatherKit 公开完整的 Symbol 名称集,但这里有一个详尽的列表:

"cloud"
"cloud.bolt"
"cloud.bolt.rain"
"cloud.drizzle"
"cloud.fog"
"cloud.hail"
"cloud.heavyrain"
"cloud.moon"
"cloud.moon.bolt"
"cloud.moon.rain"
"cloud.rain"
"cloud.sleet"
"cloud.snow"
"cloud.sun"
"cloud.sun.rain"
"hurricane"
"moon.haze"
"moon.stars"
"snow"
"sun.dust"
"sun.haze"
"sun.max"
"thermometer.snowflake"
"tropicalstorm"
"wind"
"wind.snow"
1 个赞

请问将来会不会考虑制作更多“动物“相关主题的符号?

我们无法讨论未来的相关规划,不过你可以通过 Feedback Assistant 提出你对于新符号的诉求。目前 Feedback Assistant 当中还没有 SF Symbols 相关的选项,不过你可以选择“Apple Design Resources”,我们会收到你的反馈。

请问你们是否有计划推出动画符号?

关于如何让 SF Symbols 更好的满足开发者的诉求,我们始终会倾听各位的建议。开发者们通过 Feedback Assistant 提出的各类诉求始终在帮助我们塑造着关于未来的规划。

1 个赞

我目前在尝试通过符号叠加的方式来实现定制化的符号,例如在一本书上面叠加一个心形符号,代表“图书收藏“的含义。请问这样的实现方式有什么优点或可能的缺陷吗?

这种实现方式最主要的优点在于动态性,比如你可以根据设计需求而随时把心形符号更换成其他符号,从而代表不同的功能。如果你更喜欢通过这种代码控制的方式实现定制化符号,那么通过设计工具来创建定制化符号的整个工作流程都可以节省掉了。
而弊端在于可能会牺牲掉 SF Symbols 原生的一些行为特质。例如通过图形的方式创造的定制化符号可以对粗细设置进行自动响应,而你通过代码方式实现的定制化符号则需要经过代码来判断和调整叠加符号之间的大小比例等等。

1 个赞

你好,为什么 Apple 的设计文档一直叫做 Human Interface Guidelines,而不是 User Interface Guidelines?User Interface 会不会更贴近现在习惯的用法?

你好。虽然这不是 SF Symbols 相关的主题,但是是很好的问题。User Interface,或称 UI,确实是更加普遍和令人熟悉的说法,但是从产品设计开发的角度,“User”这个词很容易让我们局限在一个很特定的、很小的场景当中去思考,而“Human”在意象上更加开阔,让咱们可以始终记得设计的本质和目标是在于“人”的,是在于如何透过产品来服务于“人”各个层面的诉求的。这是我们的设计文档一直采用“Human Interface”这个说法的一个主要原因。

1 个赞

专业又细致的回答 :heart: