跳过导航
新增功能

如果您错过了: 您可能错过的 38 个 Sketch 最近改进

以下是我们在过去几个月发布的一些小巧玲珑的宝石的快速概述

我们在过去的几个月里一直在 Sketch 上辛勤工作——我们在 原型设计工作区文档画板模板 方面取得了重大改进。随着所有这些功能的发布,有时很容易错过我们沿途进行的一些较小的(但仍然很甜蜜)改进。

因此,今天,我们将在一篇史诗般的博文中介绍这 38 个 (!) 小巧玲珑的宝石。想在不到四分钟的时间内看到所有这些?我们自己的 Joseph Todaro 在下面的视频中为您提供支持。有更多时间吗?请继续阅读下面的内容...


1. 更快地在文档之间导航

在 Mac 应用程序上工作?现在,使用箭头键 在工作区窗口中浏览文档比以往更容易。

2. 一次选择多个文档

我们让管理工作区中的文档变得更加容易。工作区窗口现在支持多个部分,因此您可以批量移动和删除文档。

A screenshot showing the Workspace window in Sketch with multiple documents selected and a contextual menu open.

3. 使用快捷键重命名页面

您可能已经在 Mac 应用程序中使用过 R 快捷键 来快速重命名图层,对吗?现在,您也可以使用它来重命名页面——或者点击编辑 > 重命名。

4. 查看锁定和隐藏的图层

我们改进了图层列表中图标的行为——它们现在将反映图层可见性和锁定状态,因此更容易知道图层是隐藏/可见还是锁定/解锁。在将鼠标悬停在图层上时按住 以查看其中一项。

5. 自动下载库更新

让我们跳过一个步骤。您现在可以设置 以自动下载更新,因此您只需专注于审查和更新您的组件。您将在库偏好设置窗格中找到此选项。

6 & 7. 永不忘记的窗口

当您使用 **Sketch** > **偏好设置...** 或 . 打开偏好设置窗口时,Sketch 会记住其位置——即使您重新启动应用程序。因此,它会准确地出现在您上次关闭的位置!文档设置窗口也是如此,您可以使用文件 > 文档设置... 或 , 打开它。

8. 新的上下文菜单选项

我们添加了两个新的上下文菜单项。现在,当您选择一个 符号源 时,您可以访问 **将符号转换为画板** 选项。您还将在按住 Control 键并单击标尺时找到一个重置标尺原点选项。

A screenshot showing the new option in the Ruler context menu in Sketch.

9. 复制保留您的偏移量

如果您通过按住 并将其拖动来复制画板,然后使用 D 复制该画板,Sketch 将对您的副本使用相同的偏移量。这对于图层来说一直如此,但现在对于画板也适用!

10. 新画板的自动排序

当您创建或复制画板时,它现在将放置在图层列表中的其他画板下方,而不是上方。

11. 查看每个画板名称

画板名称太长而无法显示?只需将鼠标悬停在画布上的截断名称上即可查看画板的完整名称。

A screenshot showing how hovering over a truncated Artboard name on the Sketch Canvas now shows the full name in a tooltip.

12. 锁定画板比例

您现在可以锁定画板的比例。您将在检查器中 **宽度** 和 **高度** 输入之间找到控件——就像常规图层一样。

A screenshot showing the new lock option when resizing Artboards in Sketch’s Inspector .

13. 在下方复制

当您按住 时,上下文菜单和编辑菜单中的 **复制** 选项将切换到 **在下方复制**。它也作为一个键盘快捷键——只需按 D 在下方复制图层,而不是在上方复制。

14. 置于顶层和置于底层

按住 Control 键并单击图层并按住 会将 **向前移动** 和 **向后移动** 选项更改为 **置于顶层** 和 **置于底层**。如果您在工具栏中包含了这些项目,按住 会更新其图标。

15. 轻松移动没有填充的形状

现在,移动具有边框但没有填充的形状变得更加容易。您可以拖动形状上的任何位置——包括未填充的区域——来移动它。无需再放大以仔细选择那个 1pt 边框!

16. 对齐时参考对象

当对齐多个图层选择时,您可以选择一个参考对象作为参考。单击多层选择中的任何图层以使其成为参考对象。然后,当您使用对齐控件时,选择中的所有图层将相对于该对象对齐,而不是相对于父组或画板对齐。

17. 设置图层的相对位置

L、R、T、B 和 C/M 运算符现在在检查器中的 X 和 Y 位置字段中起作用,因此您可以精确地将图层定位到画板的边缘。例如,将图层的 X 值设置为 10r 会将其放置在画板的右侧边缘 10 点处。

18. 更快的图层交换

如果您有一组等间距的图层,您可以单击并拖动任何图层的中心控制柄以在该组中交换它——无需先选择整个组。

19. 自动整理

如果您选择了多个图层——或一组图层——它们 *不是* 等间距的,您现在可以在检查器中直接输入水平或垂直间距值,而无需先点击 **整理**。

20. 更智能的对齐控件

当您对图层使用检查器中的对齐控件时,它现在将对齐到其直接父级——无论是组还是画板。非常适合将所有内容对齐!

21. 调整线条大小时的更多控制

您现在可以使用 修饰键从中心调整 2pt 线的大小——就像您对其他形状一样。

22. 创建等边三角形

当您向设计中添加多边形时,您现在可以使用检查器中的 **边数** 滑块将边数减少到三边——以前您只能在步进器或输入字段中这样做。当您需要创建一个等边三角形时,这非常方便,因为您只需创建一个长宽比为 1:1 的多边形图层,然后使用滑块减少边数!

23. 对齐到四分之一像素

在矢量编辑模式下,您现在可以将点对齐到四分之一像素,以获得更高的精度。您还将在检查器中找到一个新的控件来执行此操作,因此它只需单击一下即可。当 我们为 Big Sur 和 Monterey 设计新工具栏图标 时,我们使用了四分之一像素,因此我们希望这对想要获得更多像素精度的设计师有所帮助。

24. 更智能的内阴影

想要内阴影只出现在图层的一侧?现在,您可以为内阴影赋予负扩展值,这将实现这一点。

A screenshot showing that you can now reduce the spread of an inner shadow on an object to a negative value, and the result of doing so.

25. 更精确的渐变

您始终可以使用键盘上的数字来设置渐变停顿。但在之前,它仅限于一位数字——例如,按 5 会将其设置为 50%。现在,您可以使用两位数精度来执行此操作。因此,如果您想要在 75% 处设置一个停顿,只需键入 75。

26. 为 Alpha 遮罩添加模糊

这个功能完全按照您想象的那样工作,并为创建更有趣的图形开辟了一些很酷的可能性。让我们看看它是如何工作的...

27. 使用任何内容作为 Alpha 遮罩

是的,您现在可以使用任何您喜欢的图层——包括具有某种透明度的图像——作为 Alpha 遮罩。

28. 将背景模糊应用于图像

如果您使用的是半透明位图图像,现在可以为它们添加背景模糊。现在可能是抢购我们自己的 Joseph Todaro 的 磨砂玻璃 Shapefest 包 的好时机 😉

A screenshot showing a semi-transparent bitmap image with a background blur in Sketch.

29. 拖放图像

我们简化了在 Sketch 中替换图像的操作。当您将图像拖放到 Mac 应用程序中时,只需将它们拖放到其他图像(或带有图像填充的形状)上,直接拖放到画布上即可替换当前图像。

A screenshot showing someone dragging and dropping an image directly into a shape with an image fill to replace that image fill in Sketch.

30. 数据的 WebP 支持

想要 将 WebP 图像文件夹添加为下一个项目的 Data 源?没问题 - 这将节省您一些图像转换时间!

31. 粘贴图像作为填充

如果您从另一个应用程序复制了图像到剪贴板,现在可以将其粘贴为形状的填充。在填充面板(或填充上)上按住 Control 键并单击 - 选择 **粘贴图像作为填充**。如果您想避免不必要地创建蒙版,或者粘贴的图像是一个图案,这将非常有用。

A screenshot showing the new option to Control-click in the Fills section of the Sketch inspect and paste an image as a fill for a shape.

32. 查看导出的资产的名称

您知道在从 Sketch 导出资产时弹出的那个小栏吗?现在该栏还会在您单独导出资产时显示文件名 - 为您提供更多清晰度。

A screenshot showing the Export bar in Sketch, which now shows the file name of the exported file on screen.

33. 为高密度显示器提供更高质量的图像

想要从 Sketch 中复制内容并将其粘贴到另一个应用程序中?如果您使用的是高密度显示器,我们会自动为您创建 2x 图像。因此,下次您想在 Twitter 上分享模型、将其发布到 Slack 线程中或将其添加到您正在构建的演示文稿中时,您将获得更高质量的图像,而无需任何额外的努力。

34. 自动原型起点

当您创建 原型 时,我们会自动将您创建第一个交互的画板设置为起点。因此,您的测试人员将始终从正确的地方开始。

35. 更简洁的原型交互查看方式

我们最近在检查器中添加了一个新的 **原型** 选项卡,其中包含您使设计更具交互性的所有必要内容。选择此选项卡会显示您在画布上创建的所有交互。但是,当您切换到 **设计** 选项卡时,只有在选择具有交互的图层时才会看到交互 - 以帮助您专注于正在进行的工作。

36. 原型制作时更快的交互

在检查器中激活 **原型** 选项卡后,您可以单击并拖动任何所选图层右侧边缘的 + 手柄以创建交互。就这么简单!

37. 多选原型链接

想要快速将 **转到** 或 **后退** 链接添加到多个画板?没问题。现在,您只需选择要链接的所有画板,通过按 W 添加交互,然后单击一下即可将它们全部链接到 **转到** 或 **后退** 链接。

38. 覆盖符号中的交互

现在,您可以在符号实例中覆盖任何原型交互。之前,这只能对热点操作,但现在您也可以对链接进行操作。


哇 - 这些更新真不少!希望其中有一些有用的技巧可以帮助您加快 Sketch 中的工作流程。我们一直在努力开发像这样的微小功能以及更大的功能,所以请关注未来的更新 - 我们还有很多内容要发布!

您可能还会喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会在几分钟内让您做好准备,开始完成您最好的工作。

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