跳过导航
最新资讯

Sketch 新功能:智能布局的重大升级

我们正在响应大家最强烈的功能请求之一,并将智能布局扩展到符号之外。

经过几个版本的实验性功能,智能布局现已适用于群组和画板。无论您是设计卡片、菜单、按钮,还是任何需要随着更改自动调整的内容,它都能为您提供更大的灵活性和便利性。

除了使其在您需要的任何地方都可用之外,我们还在智能布局方面进行了全面改进,我们相信您会喜欢。让我们深入了解一下……

为符号而生,为更多而奋斗

在我们了解最新内容之前,让我们回顾一下智能布局是什么以及它的作用。

我们早在 2019 年就推出了智能布局,以减少设计工作中的一些繁琐。在基本层面上,智能布局的作用是保持符号内的间距一致,无论您何时更改其内容。例如,如果您编辑卡片上的文本,智能布局会为您调整其大小,使其内部的间距与以前完全一样。

智能布局会自动调整符号内图层的大小,使间距随着内容的变化保持一致。

但是,将智能布局限制为符号带来了一些折衷。首先,它导致很多人在根本不适合使用符号的情况下创建符号,只是为了使用智能布局。其次,按照设计,符号实例提供的编辑功能有限,如果您只想使用智能布局,这可能会令人沮丧。

可以理解的是,我们听到关于智能布局最多的问题之一是,“您不能将其应用于常规群组吗?” 好吧,现在我们已经做到了。

智能布局:现在在群组和画板中

如果您熟悉智能布局,则在群组和画板中使用它很容易。如果您不熟悉,它仍然一样容易。选择一个群组或画板,在检查器中设置其布局,就完成了。现在,您可以获得智能布局的自动调整大小功能,并可以完全控制可以在画布上编辑的内容。

您可以将图层拖放到带有智能布局的群组中,让 Sketch 完成其余工作。

智能布局将捕捉您在群组和画板中所做的几乎所有更改。除了调整文本等内容外,您还可以更改文本属性、删除、调整大小、缩放或复制图层,或交换不同大小的符号。如果您将图层拖到群组中,智能布局甚至会提供帮助,为其腾出空间并调整周围的其他所有内容。

如果您喜欢亲自动手学习这些东西,我们已经在 Sketch 中为您制作了一个交互式智能布局教程:在此处获取

在堆栈上很棒 — 这只是开始

我们知道智能布局的常见用例是均匀间隔图层的堆栈,因此我们特别关注这种情况。如果您选择均匀间隔组中的一个图层,您可以轻松地重新排列图层或使用 智能分布句柄调整它们之间的间距,而智能布局会继续根据需要调整所有内容的大小。如果您在均匀间隔的组中复制一个图层,智能布局也会负责包含正确的、一致的间距。

智能布局与堆栈配合良好,在复制图层时特别注意间距。

但是,智能布局并不局限于堆栈。从一开始,智能布局的设计就是为了适应您的设计,而不是强迫您的设计适应它。这意味着各种布局,无论是间距不均匀的堆栈、并排放置的图层,甚至是重叠的图层,都可以在这里使用。考虑到这一点,此更新包含大量工作,使智能布局更加可预测和可靠,尤其是在这些情况下。

小事情加起来

为了完成工作,我们借此机会向智能布局添加了一些便利功能,使其使用起来更加愉快。

您现在可以使用一个新的两步快捷方式为任何选定的群组或画板设置或更改智能布局:L,然后按 H V 来设置您的布局方向。更好的是,如果您在未分组图层的选择中使用此快捷方式,我们也会为您将它们分组。

如果您需要在不影响周围其他图层的情况下调整图层,您现在可以使用 L 暂停智能布局,然后执行此操作。完成更改后,您可以清除选择以再次恢复智能布局。

您现在可以暂停智能布局以进行快速更改,而无需自动调整任何大小。

智能布局现在还支持 Foresight,为您提供了一种快速查看在检查器中调整图层大小将如何影响周围其他图层的方法。

最后,将群组或画板转换为符号(或反向操作)将包括任何智能布局属性。因此,您可以在画布上使用带有智能布局的群组自由迭代设计系统的新组件,并在需要将其添加到库时转换为符号。


对智能布局的这些改进已经经过了很长时间(请留意本周晚些时候的博客文章,其中介绍了幕后情况并解释了更多相关信息),如果没有 Sketch 社区论坛中朋友们的宝贵反馈,我们将无法完成这项工作。谢谢!

我们希望您会喜欢符号之外的智能布局以及它在 Sketch 中开启的新机会。如果您有任何反馈,或想向我们展示您制作的内容,我们很乐意您在论坛上分享

您可能还喜欢

免费试用 Sketch

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

免费开始
免费开始