跳过导航
最新消息

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

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

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

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

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

新的“覆盖”面板,这是谁?

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

当我们在为覆盖添加更多灵活性时,我们还改进了检查器中的“覆盖”面板。 以下是修改前后的样子,或者我们喜欢称之为改头换面

新的“覆盖”面板包含许多用于符号编辑的新选项,同时保持一切干净且易于导航。

“覆盖”面板结构

新的“覆盖”面板包含许多用于符号编辑的新选项,同时保持一切干净且易于导航。 如您在上面看到的,现在,每当您选择一个符号时,“覆盖”面板都会按组列出可覆盖的属性。

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

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

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

无处不在的颜色

您要求了,我们就交付了! 颜色覆盖终于来了——我们不仅仅是指色调。 改进的“覆盖”面板有一个新的“颜色”部分,其中以色板的形式显示符号中使用的所有颜色。 您甚至可以以网格或列表视图对色板进行排序,类似于颜色变量在颜色选择器弹出窗口中的显示方式。

这对您的设计意味着什么? 嗯,想象一下,您正在创建一个一次性的假日着陆页,并且想从您的主站点中重新利用现有的符号按钮——但颜色不匹配。 现在,您可以简单地使用“覆盖”面板来更改该按钮实例的颜色,而无需创建新的符号变体。

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

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

对文本说“是”

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

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

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

别担心,我们没有忘记文本样式。 现在覆盖按类型分组,您可以批量更改符号实例——这是在一个瞬间交换所有文本样式的好工具。

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

您可以批量更改各种覆盖组,例如颜色和图层样式。

用于覆盖的生活质量改进

流畅的设计体验不仅仅需要很棒的新功能。 这就是为什么我们想确保我们也在各处添加一些额外的改进以使您的生活更轻松。 让我们来看看我们最近发布的一些生活质量改进以及它们如何帮助您更好更快地使用覆盖 👀

在符号实例中选择图层

有效的覆盖工作流程的关键是能够轻松选择您需要的图层。 这就是为什么我们对 Sketch 中的图层选择进行了一些调整。 以前,双击一个符号会将您带到它的来源——虽然这种行为很有帮助——但我们认为如果双击允许您进入符号实例会更方便。

不确定这意味着什么? 假设您正在嵌套符号中工作。 您真的全力以赴,在符号中添加各种符号,因为您是 Sketch 专家并且无所畏惧。 但现在您想覆盖最深层的嵌套图层。 您可以简单地双击该实例以开始深入研究这些图层,而不是在“覆盖”面板中搜索它。

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

  • 在未选择任何内容的情况下单击 → 选择到下一个符号
    • 第一次   单击 → 在画布上选择一个实例
    • 接下来的 单击 → 选择一个嵌套符号
  • 当实例被选中时, 单击文本图层 → 直接选择文本——只要未选择父符号
  • 单击任何图层 → 选择最深层的嵌套图层。

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

图层列表改进

为了保持整洁,我们过去只在图层列表中显示符号中已设置样式的嵌套图层。 但是现在,我们采用了 1:1 的奇偶校验。 这意味着图层列表现在将显示符号内的每个图层,无论它是否应用了样式——这使得您可以更轻松地直接从图层列表中编辑您想要的任何图层。

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

注意:您也可以使用快捷方式 H 来打开和关闭可见性。

您也可以使用快捷方式 H 来打开和关闭可见性。

更多快捷方式

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

现在,T 快捷键的功能不仅仅是激活文本工具了。它还允许你独立编辑任何文本图层,无论该图层是否位于符号或组内。这意味着你无需担心文本图层的来源,即可进行编辑。

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


就是这些!我们希望你已经准备好并受到启发,在 Sketch 中尝试新的覆盖功能。这些只是我们一直在努力的众多改进中的一小部分。请查看我们的最新动态页面,了解有关调整大小改进、评论等更多信息。

您可能还会喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新内容,我们都会让您在几分钟内完成设置并准备好做到最好。

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