ui设计教程之sketch基础5-对齐方式详解

/// 开场白 ...

上一篇我们学习了如何用布尔运算制作一个微信Icon，本次我们来学习一下如何使用对齐工具快速制作一个页面。

/// 现在开始 ...

我们先来了解一下对齐工具在Sketch中的位置，具体见下图。

这八个按钮的图示非常明显，大家一看就知道具体怎么用。但是有些细节如果注意到，会让我们的工作效率提升很多。

1.单个元素或者成组元素如何在画布中排列。仅需选中单个元素后直接点击对齐按钮即可。是不是特别方便？

2.元素间排列。这种排列方式最用，操作也很简单。仅需将元素选择后，点击相应的对齐方式即可。

3.设定基准元素。比如下面的例子：将最下面的绿色球设定为基准元素，快捷键：shift+command+L，即使点击上对齐，依然以基准元素排列。是不是很方便？

4.元素平均分布。当排列多个元素时可以使用Arrange->Make Grid...。按照要求设定参数，即可快速排列元素。此功能常用于数量多的导航按钮排列中。

好了我们讲解完了最基础的用法后，有机会大家实战一下吧。