跳过导航
新增功能

符号革命:对覆盖和图层选择进行全面改进

新的覆盖面板和改进的图层选择将彻底改变您的符号工作流程。

符号是我们设计项目的支柱。它们使您可以更轻松地使用重复元素填充文档并一次性更新所有元素。但并非每个按钮、图标或文本块都相同。有时您需要对编辑进行非常具体的处理,这就是覆盖发挥作用的地方。覆盖允许您快速自定义特定的符号实例,使其成为您尝试事物的最佳助手。

问题是,我们的创造力总是想要更进一步——我们不想限制它。因此,我们一直在改进符号、覆盖,甚至我们的界面,以使它们能更好地为您服务。

让我们一起了解一些令人兴奋的变化以及它们如何增强您的设计工作流程!

新的覆盖面板,是谁呢?

过去,您可以通过应用色调、覆盖文本图层中的副本以及交换嵌套符号、文本样式图层样式来编辑符号实例。现在,我们添加了一整套颜色文本属性覆盖选项,这些选项将真正加快您的符号编辑体验。

在我们努力为您的覆盖添加更多灵活性的同时,我们还在检查器中改进了覆盖面板。以下是前后对比,或者我们称之为焕然一新

新的覆盖面板包含许多用于符号编辑的新选项,同时保持界面简洁易于导航。

覆盖面板结构

新的覆盖面板包含许多用于符号编辑的新选项,同时保持界面简洁易于导航。如您所见,覆盖面板现在会在您选择符号时按组列出可覆盖的属性。

以下是可用的覆盖组的完整列表

  • 符号中使用的所有颜色
  • 您可以为符号设置的文本
  • 应用的任何文本样式图层样式,分组以仅显示每个样式的一个条目
  • 符号中使用的所有图像
  • 符号中任何嵌套的符号以及它们包含的热点

这些覆盖类型中的每一个现在都分组在其自己的部分下,这将帮助您轻松地批量更改颜色、样式、文本和图像——但稍后我们将详细介绍更多信息

随处可见的颜色

您要求了,我们实现了!颜色覆盖终于来了——而且不仅仅是色调。改进后的覆盖面板有一个新的“颜色”部分,其中显示了符号中用作色板的所有颜色。您甚至可以像在颜色选择器弹出窗口中显示颜色变量一样,以网格或列表视图对色板进行排序。

这对您的设计意味着什么?假设您正在创建一个一次性的节日登陆页面,并希望重新利用主站点中现有的符号按钮——但颜色不匹配。现在,无需创建新的符号变体,您只需使用覆盖面板更改该按钮实例的颜色即可。

但此部分的功能远不止让您覆盖颜色。例如,将鼠标悬停在颜色的色板上将突出显示您在文档中使用它的所有位置。这是一种查看哪些图层共享颜色属性的好方法。在悬停时,您还可以查看更多信息,例如颜色的十六进制代码和名称。

您可以在我们的文档中了解有关覆盖颜色的更多信息。

对文本说“是”

在处理文本时,新的覆盖面板也包含一些实用功能。现在,每当您在画布上选择一个文本图层时,您都会看到所有文本属性覆盖都已分组并在检查器中列出。目前,您可以覆盖任何嵌套文本图层的粗细、颜色、装饰和对齐方式。很不错吧?

假设您正在设计一个菜单,您使用的是带有嵌套文本图层的菜单项符号,但想要将其中一个设置为季节性菜品。现在,您可以为标题添加下划线或赋予其不同的颜色,以让您的客人知道这道菜是限量供应的,而无需离开覆盖面板。

您可以在我们的文档中了解有关覆盖文本图层和样式的更多信息。

不用担心,我们没有忘记文本样式。现在覆盖按类型分组,您可以对符号实例进行批量更改——这是交换所有文本样式的绝佳工具。

不确定哪些图层应用了文本样式?只需选择实例并将其悬停在检查器中的文本样式上即可。我们将突出显示当前使用该样式的所有图层。在这里,您可以使用下拉菜单自动交换所有图层——或者如果您想手动编辑它们,可以选择实例中的特定文本图层。

您可以对各种覆盖组(如颜色和图层样式)进行批量更改。

使用覆盖进行工作的生活质量改进

流畅的设计体验不仅仅需要酷炫的新功能。因此,我们希望确保我们也在此过程中添加了一些额外的改进,以使您的生活更轻松。让我们看看我们最近发布的一些生活质量改进以及它们如何帮助您更好地更快地使用覆盖👀

在符号实例中选择图层

有效覆盖工作流程的关键是能够轻松地选择所需的图层。因此,我们对 Sketch 中的图层选择进行了一些调整。以前,双击符号会将您带到其源——虽然此行为很有用——但我们认为如果双击允许您深入符号实例,则会更方便。

不确定这是什么意思?假设您嵌套了很多符号。您真的全力以赴,在符号中添加了各种符号,因为您是 Sketch 专家,什么都不怕。但现在您想覆盖最深层的嵌套图层。无需在覆盖面板中搜索它,您只需双击实例即可开始深入图层。

但是,等等。还有更多!以下列出了我们添加的一些方便的快捷方式,以帮助您选择要编辑的确切嵌套图层。

  • 在未选择任何内容的情况下单击→选择到下一个符号
    • 第一次单击→选择画布上的实例
    • 后续的单击→选择嵌套符号
  • 单击选定实例的文本图层→直接选择文本——只要未选择父符号即可
  • 单击任何图层→选择最深层的嵌套图层。

注意:您现在可以使用快捷方式直接跳转到符号的源。

图层列表改进

为了保持整洁,我们过去只在图层列表中显示符号内具有样式的嵌套图层。但现在,我们采用了 1:1 的对应关系。这意味着图层列表现在将显示符号内的每个图层,无论它是否应用了样式——使您能够更轻松地直接从图层列表中编辑任何所需的图层。

通过图层列表,您还可以轻松地隐藏嵌套元素,方法是点击其名称旁边的眼睛图标。这意味着您不再需要在“覆盖”面板中使用“无符号”来覆盖嵌套符号。相反,您只需单击一下即可完成此操作。如果您想使嵌套元素重新出现,只需再次点击眼睛图标即可切换可见性。

注意:您还可以使用快捷键H来切换可见性。

您还可以使用快捷键H来切换可见性。

更多快捷键

快捷键永远不会嫌多,但我们也相信让现有的快捷键发挥更大的作用。因此,我们选取了三个最受欢迎的快捷键并提升了它们的功能。

现在,T快捷键不仅可以激活文本工具,还可以让您独立编辑任何文本图层,无论它是在符号内还是在组内。这意味着您无需担心文本图层的原点即可知道如何编辑它。

我们还将复制粘贴提升到了新的高度。您可能会问,如何实现?现在,您可以使用C复制符号内的任何图层、组或嵌套符号。然后按V将其粘贴到画布上的任何其他位置,作为单独的图层或组。以前,您必须分离嵌套符号或从符号源复制图层才能获得相同的结果。但现在?您无需离开正在处理的实例。此外,您粘贴的图层将保留与您复制的图层关联的覆盖。


就是这样!我们希望您已准备好并充满灵感去尝试 Sketch 中的新覆盖功能。这些只是我们一直在努力改进的众多改进中的一小部分。请查看我们的新增功能页面,以了解有关调整大小改进、注释以及更多内容的更多信息。

您可能也喜欢

免费试用 Sketch

无论您是 Sketch 新手,还是回来查看新功能,我们都将在几分钟内帮助您完成设置,并准备好完成最佳工作。

免费开始使用
免费开始使用