Sketch最新版推出智能布局功能,加强用户体验

发布时间:2023-12-11 19:09:17 浏览量:176次

Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用。在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式。Sketch为您提供了真正协作设计过程所需的所有工具。从早期创意到像素完美的艺术品、清晰原型以及与开发人员交接。

Sketch_交互式矢量图设计软件_正版购买_代理授权_Sketch报价_Sketch下载-慧都网

作为实验性功能发布了几次之后,智能布局现在可用于组合画板。有了它,您将获得更大的灵活性和便利性,无论您是在设计卡片、菜单、按钮,还是在进行更改时想要自动适应的任何内容。

为符号而生,为更多设计而生

我们早在 2019 年就推出了智能布局,以此提高设计的灵活性。在基本层面上,每当您更改符号内容时,智能布局都会使符号内的间距保持一致。例如,如果您编辑卡片上的文本,智能布局会为您调整其大小,并保持其中的间距与以前一样。

在了解新功能之前,让我们先回顾一下智能布局的含义和用途。 智能布局会自动调整符号内图层的大小,随着内容的变化保持间距一致。

然而,将智能布局限制为符号需要一些权衡。首先,它导致很多人在符号根本不合适的情况下创建符号,只是为了使用智能布局。其次,根据设计,符号实例提供有限的编辑功能,如果您只想使用智能布局。

智能布局:在组合画板上

如果您熟悉智能布局,则将其与组合画板一起使用会很容易。即使您不熟悉,也同样简单。选择一个组或画板,在检查器中设置其布局,然后就完成了。现在,您可以使用智能布局的自动调整大小功能,并完全控制可以在画布上编辑的内容。

您可以使用智能布局将图层拖放到一个组中,然后让 Sketch 计算出其余部分。

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

非常适合堆叠——而这只是一个开始

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

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

不过,智能布局并不局限于堆栈。从一开始,智能布局就是为了适应您的设计而构建的,而不是强迫您的设计去适应它。这意味着所有类型的布局,无论是间隔不均匀的堆栈、并排放置的层,甚至是重叠的层,都可以在这里使用。考虑到这一点,此更新包括大量工作,使智能布局更加可预测和可靠,特别是在这些场景中。

其他便捷功能

最后,我们借此机会为智能布局添加了一些便利功能,使其使用起来更加方便

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

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

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

智能布局现在还支持 Foresight,让您可以快速了解在检查器中调整图层大小将如何影响其周围的其他图层。

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

热门课程推荐

热门资讯

请绑定手机号

x

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定