跳过导航

如何修复 Symbols 的图层可见性问题?

上次更新于 2024 年 9 月 11 日
2 分钟阅读

本文介绍了在使用不同版本的 Sketch 时可能遇到的视觉差异,特别是关于版本 101 中引入的新的“隐藏图层”功能。 这些差异不仅会影响图层可见性,还会导致变形、异常间距和其他意外的视觉问题。

“隐藏图层”功能简介

在 Sketch 版本 101 中,我们引入了一个强大的功能:可以从图层列表中隐藏 Symbol 实例中的任何图层,而不会影响 Symbol 源。 虽然此功能提供了更大的设计灵活性,但对于使用较旧版本的 Sketch Mac 应用的用户,它也可能会引入兼容性问题。

与旧版本的兼容性问题

如果您使用的 Sketch Mac 应用版本低于 101,并且要编辑使用“隐藏图层”功能的文档,您可能会遇到 symbol 实例的视觉差异。 这些问题可能以多种方式表现出来

  • 图层可见性:较新版本中隐藏的图层在较旧版本中可能仍然可见,从而导致 Mac 应用和 Web 应用之间的不一致。
  • 变形:Symbol 实例可能无法正确渲染,导致元素看起来变形或错位。
  • 奇怪的间距:您可能会注意到 symbol 内部的异常间距,使设计看起来与您在版本 101 或更高版本中看到的不同。

当使用 101 或更高版本的人员编辑了 symbol 实例时,通常会出现这些问题,从而导致在旧版本中查看时出现差异。

排查视觉差异

要确定兼容性问题是否是造成视觉差异的根本原因,请按照以下步骤操作

  1. 与您的团队沟通
    • 由于这些问题通常出现在协作工作区中,因此首先与您的团队成员联系。 确认他们是否正在使用不同版本的 Sketch,因为版本不匹配可能会导致差异。
  2. 检查您的 Sketch Mac 应用版本
    • 打开 Sketch Mac 应用。
    • 转到顶部菜单栏,然后单击“Sketch”。
    • 选择“关于 Sketch”并记下您的版本号。(这些问题通常会影响低于 101 的版本。)
  3. 识别受影响的 Symbols
    • 在您的 Sketch Mac 应用中打开受影响的文档。
    • 找到存在可见问题的 symbol 实例。
    • 记下图层可见性、变形或间距方面的任何差异。
  4. 在 Web 应用中比较
    • 在您的浏览器中打开同一文档。
    • 比较 symbol 实例在 Web 应用和 Mac 应用中的显示方式。
    • 如果您看到差异,则很可能是由于兼容性问题。

即使在使用版本 101 或更高版本时仍然遇到这些问题,则表明存在其他问题。 在这种情况下,请联系我们的产品支持团队以获得帮助。

如何解决这些问题

为确保不同平台之间的视觉一致性,您需要将您的 Sketch Mac 应用更新到版本 101 或更高版本。 此更新将对齐 symbol 实例的外观,从而消除隐藏图层、变形和间距方面的问题。

如果在更新后问题仍然存在,请随时联系 Sketch 支持以获得进一步的帮助。