打开 View 菜单 ... Canvas，Show Rulers ... 可以在画布上显示一个标尺 ... 或者可以使用快捷键 ctrl + R ，可以切换显示标尺 ..

选中页面上的这个正方形 .. 会在标尺上显示这个元素的位置 ... 还有尺寸 ..

参考线也可以帮助我们规范页面上的元素 ... 鼠标放到上面这个标尺上，选择一个位置，点一下 .. 会给我们添加一条垂直的参考线 ..

在左边显示的这个标尺上，选择一个位置，点一下 ... 会添加一条水平的参考线 ..

然后再移动这个元素 ... 靠进参考线，到一定程度的时候元素会跟这条参考线贴合到一块儿 ..

删除参数线，可以在标尺上选中它 .. 再把它拖出去就行了 ..

再去添加两个 Artboard ... 按一下 A ，创建一个画板 ...

选中一个画板 ... 你会发现，画板的标尺都是从零开始的 ... 再选中另一个画板 ... 它的标尺也是从零开始的 ..

删除掉它们 ... 再添加一个预置的画板 ... 选择 Desktop HD

打开 View，Canvas，Show Layout .. 这样会显示一个布局用的网格系统 ... 默认它的宽度是 960 像素 ，栏数是 12 ... 我们也可以自己去定制一下 ...

View，Canvas，Layout Settings ..

总的宽度设置成 1140 .. 栏数是 12 ，Gutter Width，间隔可以设置成 30 .. 再按一下 Center，让这个布局用的网格系统居中显示 ...

现在，在这个画布上显示的布局网格就是我们自己定制的了 ...