跳过导航
学习设计

关于 Sketch,你(可能)不知道的 9 件事

我们最喜欢的提示和技巧,收集自我们令人难以置信的社区和 Sketch 团队

当我们发布关于 Sketch 新版本的文章时,我们通常会谈论重大的新功能,例如原型设计或性能升级。但有时,这意味着较小的细节可能会被忽略。

多年来,我们向 Mac 应用添加了各种巧妙的小技巧,使其更易于使用和更直观。所以现在我们认为该拿出一些最好的技巧了。无论你是新手还是经验丰富的专业人士,我们都希望这里面有一些东西能让你感到惊讶。

1. 拖动以删除样式

让我们从一个快速、简单的技巧开始。如果你想删除样式属性(例如模糊或填充),你可以简单地将其拖放到检查器面板之外。

这不是世界上最具革命性的事情,但它可以节省时间。此外,那个小小的“嗖”声比仅仅取消选中它并单击垃圾箱图标令人满意得多。

2. 使用箭头键调整图层大小

在设计方面,每个像素都很重要。当你在项目中调整精细的细节时,当你只想进行微小的更改时,使用鼠标单击并拖动图层可能会非常具有破坏性,并且不精确。

那么,为什么不只使用键盘命令调整图层大小呢?

箭头键 扩大或缩小 1 像素
箭头键 扩大或缩小 10 像素

当你在对项目进行最终编辑并希望确保每个图层都完美调整大小时,这些命令可以挽救你的生命。

3. 自定义你的偏好设置

所以现在我们知道,使用 Cmd 和箭头键可以调整图层大小。当然,你可以单独点击一个箭头键来移动图层 1 像素,或者按住 Shift 键来移动它 10 像素。很简单。

但是你知道你也可以通过更改你的微调设置来定制这些微调距离吗?前往 Sketch > 偏好设置,然后选择 画布 选项卡。在那里,你可以调整按箭头键时图层移动的距离。

A screenshot showing the Canvas tab in Sketch’s preferences panel, with the Nudging settings highlighted

如果你正在使用网格系统,这会特别有帮助,因为你可以将你的距离设置为完美匹配你的布局。不再需要不断微调,只需按一下,你的图层就完全在你需要的位置。

如果你发现自己复制了很多内容,这里有另一个方便的偏好设置技巧。在 图层 选项卡中,你可以禁用偏移复制图层的选项(因此它们将直接出现在原始图层之上)。你还可以禁用图层的自动重命名,因此你的副本将与原始图层同名。这个功能不适用于每个人,但知道一下总是好的。

4. 使用键盘更新不透明度和渐变

我们知道有时你需要比使用鼠标更高的精度。找到你想要的图层不透明度等设置,需要进行很多精细的移动。所以我们让它更容易精确。

你可以简单地选择图层,然后输入你想要的不透明度百分比,而不是点击和拖动(并且无疑会落在某个随机百分比上)。你不需要点击任何地方,只需输入即可。单个数字将设置一个四舍五入的百分比值(例如,输入 5 以获得 50% 的不透明度),而输入两个数字会给你更高的精度。点击 0 返回到 100%。

当你想要将渐变应用于对象时,数字键也很方便。你可以使用 0-9 键在不同的间隔放置渐变点,以获得更精确的渐变布局。如果你想在两个其他点之间精确地添加一个渐变点,你可以只需点击 =

5. 更快地栅格化图层

如果你正在将 Sketch 中的资源带入到另一个应用程序中,这可能是一个改变游戏规则的功能。

以合适的大小和正确的名称将复杂的图层组导出到不同的应用程序中可能非常耗时。一种选择是导出资源,然后将其作为一张平面图像重新导入。但是有一种更快的方法可以做到这一点。我们将让我们的朋友 Joseph 来解释

通过使你的资源可导出并为其提供正确的文件名后缀,你可以将图层拖到画布上(同时按住 Option 键)以将位图图像版本放入你的设计中。通过这样做,你将在几秒钟内获得一个平面位图,具有正确的分辨率和正确的名称。

6. 右键单击 > 替换为

当对设计中的图层进行更改时,这可以节省大量时间。如果你的项目中有一个你想要替换的符号,只需右键单击它并将鼠标悬停在 替换为 上。该菜单将显示你的文档中的所有符号,你可以单击选择你想要的符号。

7. 自定义你的工具栏

我们设置了 Sketch 工具栏,以便将最常用的工具放在易于访问的位置。特别是对于初学者来说,这使得了解该应用程序更加容易。

但我们知道,一旦你在 Sketch 中更加舒适,你可能会发现你使用某些工具的频率比其他工具高得多,并且你希望从工具栏中轻松访问它们。好消息是,这完全有可能。

A screenshot showing the Customize toolbar menu in Sketch

右键单击工具栏并选择 自定义工具栏… 该菜单将允许你拖放工具进出工具栏,因此你可以创建你完美的 Sketch 设置,其中只有你需要的工具。

8. 在检查器中使用数学

我们的检查器比你想象的要聪明。你可能知道你可以通过在检查器中键入尺寸来调整图层的大小。但是你知道你也可以使用数学来根据你已经设置的尺寸来调整这些图层的大小吗?

这意味着如果你需要将图层的大小加倍,你只需在当前尺寸的末尾添加 *2,并且检查器足够聪明,可以将尺寸乘以 2。你也可以在这些值之后使用字母来告诉 Sketch 从形状的哪个边缘开始扩展。例如,如果你想从顶部向下扩展,你可以输入 *2t。要从右侧边缘向左扩展,你可以写 *2r

同样的技巧也适用于添加(例如 50+10)、减法(例如 50-5)和除法(例如 50/2)。你也可以用它来计算圆,例如尝试在你的计算中使用 pi。你甚至可以在尺寸字段中键入一个百分比,以相对于它所在的画板(例如 100% 使图层宽度与画板相同)或相对于它所在的组中最大的项目,来调整图层大小。

告别进行心算,让 Sketch 为你做艰苦的工作。谁成为设计师是为了做数学的?

9. 阅读文档

我们保证编写文档的人没有要求我们把这个放在这里。但我们的文档确实包含了一个 Sketch 酷技巧和快捷方式的金矿,所以你肯定想阅读它们

否则你怎么会知道你可以在对图层进行样式设置后用另一个图像替换一个图像?或者在 Sketch 中减小图像的大小,而无需离开应用程序?或者通过简单地按住 Shift 键选择多个图层?你明白我的意思了。


我们是否遗漏了你每天使用的方便技巧?请在 Twitter 上告诉我们。有关更多节省时间的提示,请查看我们的基本 Sketch 键盘快捷键指南。

您可能还喜欢

免费试用 Sketch

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

免费开始
免费开始