本文介绍了在使用不同版本的 Sketch 时可能遇到的视觉差异,特别是关于版本 101 中引入的新的“隐藏图层”功能。 这些差异不仅会影响图层可见性,还会导致变形、异常间距和其他意外的视觉问题。
“隐藏图层”功能简介
在 Sketch 版本 101 中,我们引入了一个强大的功能:可以从图层列表中隐藏 Symbol 实例中的任何图层,而不会影响 Symbol 源。 虽然此功能提供了更大的设计灵活性,但对于使用较旧版本的 Sketch Mac 应用的用户,它也可能会引入兼容性问题。
与旧版本的兼容性问题
如果您使用的 Sketch Mac 应用版本低于 101,并且要编辑使用“隐藏图层”功能的文档,您可能会遇到 symbol 实例的视觉差异。 这些问题可能以多种方式表现出来
- 图层可见性:较新版本中隐藏的图层在较旧版本中可能仍然可见,从而导致 Mac 应用和 Web 应用之间的不一致。
- 变形:Symbol 实例可能无法正确渲染,导致元素看起来变形或错位。
- 奇怪的间距:您可能会注意到 symbol 内部的异常间距,使设计看起来与您在版本 101 或更高版本中看到的不同。
当使用 101 或更高版本的人员编辑了 symbol 实例时,通常会出现这些问题,从而导致在旧版本中查看时出现差异。
排查视觉差异
要确定兼容性问题是否是造成视觉差异的根本原因,请按照以下步骤操作
- 与您的团队沟通
- 由于这些问题通常出现在协作工作区中,因此首先与您的团队成员联系。 确认他们是否正在使用不同版本的 Sketch,因为版本不匹配可能会导致差异。
- 检查您的 Sketch Mac 应用版本
- 打开 Sketch Mac 应用。
- 转到顶部菜单栏,然后单击“Sketch”。
- 选择“关于 Sketch”并记下您的版本号。(这些问题通常会影响低于 101 的版本。)
- 识别受影响的 Symbols
- 在您的 Sketch Mac 应用中打开受影响的文档。
- 找到存在可见问题的 symbol 实例。
- 记下图层可见性、变形或间距方面的任何差异。
- 在 Web 应用中比较
- 在您的浏览器中打开同一文档。
- 比较 symbol 实例在 Web 应用和 Mac 应用中的显示方式。
- 如果您看到差异,则很可能是由于兼容性问题。
即使在使用版本 101 或更高版本时仍然遇到这些问题,则表明存在其他问题。 在这种情况下,请联系我们的产品支持团队以获得帮助。
如何解决这些问题
为确保不同平台之间的视觉一致性,您需要将您的 Sketch Mac 应用更新到版本 101 或更高版本。 此更新将对齐 symbol 实例的外观,从而消除隐藏图层、变形和间距方面的问题。
如果在更新后问题仍然存在,请随时联系 Sketch 支持以获得进一步的帮助。