今天来给大家分享一个Sketch的常用小技巧，这个教程会教你在 Sketch中如何完美地对齐元素和分布元素。我会用最基本的例子来解释每一个功能，其中一些一定会让你吃惊的～
Sketch是一款轻量、易用的矢量设计工具，也是为图标设计和界面设计而生的，它轻量化简单易学，有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。
很多时候由于它的轻量化我们使用鼠标就能很轻松的完成，而忽略了它的一些更好用更快捷的操作和快捷键，在我们的学习和工作了，可以学会它一些隐晦的快捷键，提高操作效率的同时也可以让我们的工作事半功倍。
1.对齐一个元素到画板
一开始我们讲对齐最基本的用法。
先看看 Inspector 的上方：你将看到一些与对齐相关的按钮。靠右边的六个按钮（左对齐，垂直居中对齐，右对齐，靠上对齐，水平居中对齐，靠下对齐）是用来对齐选中的多个元素的。但是，当你只选择一个元素的时候，它就会理所当然地和画板对齐。下面是演示：
之前也提到了，当你选择了多个元素时，你同样可以用这几个相同的按钮来对齐它们。但如果我们想让多个元素对齐到画板又该怎么做呢？
2.对齐多个元素到画板
你可以将多个元素编成一组（选中元素后 Command+G），再来将它们与画板对齐。
但编组再对齐，这个方法不一定总是适合你的情况。让我告诉你另一个更灵活的办法吧。
先选择你想要对齐的元素们，按住 Alt 键之后你会发现 Inspector 中的按键变换了样子。现在你就可以对齐多个元素到画板，而毋需编组了。记住，你要对齐的元素们必须在画板之内，否则这个选项就不可用了。
我选中三个元素来演示给你们看：
这个方法对元素组同样有效；这就意味着你可以选择多个元素组，再按住 Alt 键来将它们一起对齐到画板。
3.对齐到特定的元素
另一种情况：我想要让每个元素都对齐到某个特定的元素。你首先需要理解的是，默认情况下， Sketch 总是将所有元素对齐到最外端那个元素上。这个元素被称为「关键元素」。
因此，当你将所有元素对齐到顶端时，最顶端的那个元素就会变看作「关键元素」。这是我对齐三个元素到右上方的例子（红色的方块就是我们的「关键元素」）：
如果我们能自己选择「关键元素」该多好呀，是吧？技巧在这儿：将你想要当做「关键元素」的元素锁定起来（选择元素，按 Shift+Command+L），之后再选择其他所有元素。
在下面的例子中，蓝色的方块已经被锁定了，所以它就是我们新的「关键元素」。现在我们再次对齐元素们到右上方：
4.对齐向量点
小提示：当你在向量编辑模式下时，你同样可以用对齐按钮来对齐多个向量点。选择元素，双击进入向量编辑模式，然后选择所有你想要对齐的向量点。
5.分布元素
你会发现我还没有提到左边两个对齐按钮。它们是用来垂直分布元素和水平分布元素的。我们也可以很简单地平均地分布它们。打比方说，我们选择了一些元素，然后想要在水平方向上分布它们。我们可以用水平方向分布按钮或者点击 Arrange > Distribute > Horizontally 。
最左边和最右边的元素会待在原本的位置，中间的元素会平均分布在它们之间。使用垂直方向分布按钮，你可以在垂直方向上做相同的操作。
6.按固定间距来分布元素
那如果我想元素之间都相隔20px呢？水平方向分布按钮和垂直方向分布按钮都帮不上忙了。
这种情况下，我们可以使用 Make Grid 工具（Arrange > Make Grid）来设定元素间垂直和水平的间距。一开始可能有点难懂，让我给你展示另一个动画释例：
这里，我想按照20px的间距来分布这四个元素。我创建了一个一排四列的网格。然后我将每列间隔设为20px。如果我想在垂直方向上来分布这些元素，我就得创建一个四排（20px的间隔）一列的网格。
最后
希望小伙伴们喜欢这次分享的小技巧，通过上面的讲解可以熟练 Sketch中的「分布」、「对齐」工具会节省你的时间，来提升工作效率。
请私信我回复“666”，为严哥打Call~，还有更多惊喜哦~
.............................................................
UI严选—越努力，越幸运
閱讀更多 UI嚴選 的文章
