跳过导航
最新资讯

Sketch 53 中的更好覆盖、全新填充弹出框和更快原型设计

Sketch 53 带着完全重新设计的填充弹出框、更好的覆盖、更快的原型设计等功能来了!

Sketch 53 已经推出,它带来了许多令人兴奋的新功能,包括完全重新设计的填充弹出框、覆盖的重大改进、Sketch Cloud 的更新等等。以下是最新版本中新增功能的快速概述

  • 现在您可以管理哪些覆盖在 Inspector 中针对任何给定的符号显示
  • 覆盖现在在画布和图层列表中可见
  • 完全重新设计的填充弹出框,增加了命名颜色、图库中的颜色预设、HSL 等
  • 在复杂的原型设计上工作时提高了性能
  • 超过 65 个其他增强功能和错误修复,包括围绕捕捉、原型播放和管理数据源的改进。

更好的覆盖

管理覆盖

对于许多设计师来说,符号是 Sketch 中最重要的功能之一。早在 Sketch 3.0 中首次实现符号时,没有人能意识到这些强大的、可重用组件的潜力。随着 Sketch 的发展,符号也随之发展,随着时间的推移,它们变得更加强大和通用。 覆盖的引入允许您通过 Inspector 轻松编辑和自定义符号实例的元素。

但是,到目前为止,当选择符号实例时,每个文本、图像和样式覆盖都会在覆盖面板中列出 - 对于那些在大型文档和复杂符号上工作的人来说,这会使 Inspector 看起来很混乱并减慢您的工作流程。

以前阻止符号元素被覆盖的唯一方法是在符号母版中锁定该图层,这并不理想,尤其是在我们引入样式覆盖之后。因此,在 Sketch 53 中,我们将通过添加管理覆盖面板中通过新的管理覆盖面板出现的覆盖的能力,让您的生活更轻松。

要选择哪些元素可覆盖,只需导航到符号母版,您将在 Inspector 中看到“管理覆盖”部分。可覆盖属性尊重原始图层或嵌套符号的层次结构。要选择可在该符号实例中编辑哪些元素,只需选中或取消选中该图层名称旁边的框。

图层列表和画布中的覆盖

如果您使用具有大量覆盖的符号,您会知道在 Inspector 中找到您要查找的覆盖有多么困难。在最新的更新中,现在可以在画布和图层列表中查看和选择覆盖,从而允许您快速识别并专注于您想要编辑的覆盖。

当选择符号实例时,所有启用的覆盖在图层列表中可见 - 您可以通过单击符号实例名称旁边的显示三角形来查看它们。当您将鼠标悬停在任何覆盖上时,您会在画布上看到该元素周围出现高光。单击图层列表或画布中的覆盖会将焦点放在符号内的该覆盖上,并在 Inspector 中隔离它。您还可以按住 Control 键单击图层列表中的覆盖以显示更多特定选项。

如果您正在处理符号有很多覆盖的大型设计系统,或者如果您只是想快速覆盖某些图层而又没有太多视觉混乱,这将非常有用。

完全重新设计的填充弹出框

在 Sketch 53 中,我们为颜色弹出框赋予了新的外观(和一个新名称)。我们重新设计了 *填充弹出框 *,使其看起来与周围的 UI 一样好,但这只是冰山一角 - 我们还添加了许多很棒的新功能,这些功能应该可以加快您的工作流程。

首先,您现在可以在 Sketch 中命名您的颜色、渐变和填充预设。是的,没错,不再需要记住所有这些十六进制代码了 - 您现在可以命名您的颜色(和其他预设),以便它们与您的样式指南或设计系统保持一致。这也应该更容易告诉团队成员您希望他们使用什么颜色!

新的弹出框允许在网格和列表视图中对颜色和渐变预设进行排序。以列表形式查看预设将显示其名称 - 您可以通过双击或右键单击并选择“重命名”来编辑预设的名称。您还可以单击并拖动以重新排序预设,通过将预设拖出弹出框来删除预设,或将预设在文档和全局颜色集合之间移动。

作为额外的奖励,我们终于兑现了我们最古老的功能请求之一,并且您创建的颜色预设现在在使用渐变选择器时可见,因此您可以在创建渐变时快速获取品牌或项目颜色。

如果您将文档共享为图库,添加到文档颜色的任何颜色预设现在也将包含在图库中,从而比以往更容易与您的团队共享所有设计组件。

为了加快交付给开发人员的速度,我们还添加了以各种格式(包括 HEX、RGB、HSL、Objective-C 和 Swift 代码)将颜色预设值复制到剪贴板的功能。只需右键单击颜色预设即可显示菜单。

新的填充弹出框还可以更轻松地使用图像填充。现在可以从填充弹出框的“图像”选项卡中选择常用图像。只需单击标题右侧的小时钟图标即可显示您常用的图像。您常用的颜色也是如此!

最后但同样重要的是,您现在可以选择以 HSL(色调、饱和度和亮度)查看颜色值,以及现有的 RGB 和 HSB 颜色模型。您可以通过单击弹出框中值下方的标签来在不同的模型值之间切换。这是我们收到了很多请求的功能,因此我们很高兴将其添加到 Sketch 53 中!

您可以在 我们的文档 中找到有关新填充弹出框的更多信息。

Sketch Cloud

除了 Sketch 53 之外,我们还在开发 Sketch Cloud 的一些非常令人兴奋的新更新,这些更新也已于今天发布!

Sketch Cloud 的通知系统已经完全改造,比以往任何时候都更容易对您的设计提供和接收反馈。我们添加了一个全新的活动弹出框,因此您将能够实时跟踪您已上传或与之交互的文档中的所有评论,就在 Sketch Cloud 上。

除此之外,Sketch Cloud 网站也进行了一些改版。我们改进了网站的整体外观和感觉,进行了一些更改以提高可读性并改善您的体验,并且我们整理了整个面板中的图标。

如果您还没有使用 Sketch Cloud,这是与您的整个团队共享您的 Sketch 文档、原型和图库的最简单方法。立即尝试 Sketch Cloud,更好地协同工作。

您可以通过 登录 Sketch Cloud 立即查看新外观和通知。

原型性能改进

这是一个小的但很明显的改进,我们认为值得一提。在 Sketch 53 中,我们现在使用 Metal 渲染原型链接,因此,如果您正在处理一个非常复杂的文档,其中包含大量原型、链接和热点,您应该会在平移和缩放文档时看到性能提升。

Sketch 53 中的 65 多项其他改进和修复

与往常一样,我们一直在倾听您令人难以置信的反馈和建议,自上次更新以来,我们进行了一系列其他的改进和错误修复。以下是一些亮点

  • 我们添加了从检查器直接导航到嵌套 Symbol 母版的功能
  • Sketch 现在可以准确地渲染缺失的字体,而不是使用系统字体
  • 我们修复了一个错误,该错误导致在文档之间复制和粘贴 Symbol 时,应用的共享样式覆盖不会被保留
  • 我们在移动或调整图层大小时,对捕捉功能进行了重大改进

您可以在我们的更新页面上找到完整的错误修复和改进列表。

Sketch 53 对所有拥有有效许可证的用户都是免费更新。 如果您需要续订您的许可证,您将获得 Sketch 53 和为期一年的更新。

我们很乐意听到您对最新更新的看法,因此请告诉我们您对 Sketch 53 的看法。如果您有任何问题或反馈,您可以通过我们的支持页面与我们联系,或加入 TwitterFacebook 上的讨论。

请继续关注有关 Sketch 54 的最新消息!

您可能也喜欢

免费试用 Sketch

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

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