参考线、网格与标尺

对齐辅助工具能帮你精确摆放对象，并让印刷设计留在安全边距之内。智能参考线会在你拖动时自动生效；网格和印刷参考线则在需要时手动开启。

快速概览

1. 拖动一个对象，智能参考线会自动出现，把它吸附到其他对象、它们的中心，以及画布中心。
2. 选中一个对象后按住 Alt，可查看它到画布各边、或到某个悬停对象的像素距离。
3. 从齿轮菜单、画布右键菜单或它的键盘快捷键切换像素网格，叠加坐标网格线和边缘标尺。
4. 在印刷部件（一张卡片或一份简历）上切换印刷参考线，显示出血区和安全区。
5. 使用属性面板中的对齐按钮，一键精准对齐，无需拖动。

详细参考

智能参考线

智能参考线始终生效，无需切换。当你拖动一个对象时，编辑器会把它的左边、右边、水平中心、上边、下边和垂直中心，与部件上的其他每个对象，以及画布各边和画布中心逐一比对。

行为	说明
边缘吸附	当被拖动对象的某条边与另一个对象的边对齐时，出现一条参考线
中心吸附	当水平或垂直中心对齐时，出现一条参考线
画布吸附	画布的水平和垂直中心线是吸附目标（画布外边缘不是）
等间距	当存在三个或更多对象时，一旦对象之间的间隙变得相等，也会出现参考线，让你在拖动时凭肉眼分布
吸附阈值	约 5 px：一旦吸附点与目标靠近到这个距离，对象就会锁定到精确对齐

参考线绘制为细虚线，一旦没有任何对齐生效或拖动结束，就会立即消失。

用 Alt 查看测量

选中一个对象并按住 Alt，就能看到该对象到画布各边的像素距离，以小胶囊标签的形式显示。保持按住 Alt，把指针移到另一个对象上，读数会切换为两个对象之间的间隙（如果它们重叠，则显示两者中心之间的偏移量）。这不需要拖动，只要在选中的对象上按下 Alt，测量就会出现，松开 Alt 时清除。当你需要精确间隙而不只是对齐时，就用它。

对齐按钮

要不拖动就完成对齐，请使用 属性面板 中的按钮。选中单个对象时，六个对齐按钮位于 Properties 工具栏上，把对象吸附到画布。选中多个对象时，对齐按钮和两个分布按钮会移到 Layout 选项卡，让这些对象相对彼此对齐。

按钮	需要	操作
左对齐 / 水平居中 / 右对齐	选中 1 个或更多	水平对齐：单个对象时对齐画布，多个对象时相互对齐
顶对齐 / 垂直居中 / 底对齐	选中 1 个或更多	垂直对齐
水平分布	选中 3 个或更多	水平方向均匀间距
垂直分布	选中 3 个或更多	垂直方向均匀间距

选中多个对象时，对齐以选区中最外侧的对象为基准。分布按钮在一同选中至少三个对象之前始终处于禁用状态。

像素网格与标尺

切换网格的同时也会画出标尺：沿顶部和左侧边缘的数字坐标标签。没有单独的标尺开关，两者是一起出现的。

属性	值
次网格线	每 25 px
主网格线	每 100 px
标尺标签	沿顶部和左侧边缘，在每条主线处标注像素坐标（100、200、300，依此类推）
外观	淡淡的叠加线，主线比次线略微明显
层级	绘制在背景之上、每个对象之下
在导出中	从不包含，它只是屏幕上的叠层

网格会随缩放变化：网格线在画布空间中保持其真实的像素间距，因此放大时它们之间会显出更大的空间。网格仅作视觉参考。对象不会被磁性吸附到网格线上，吸附是由智能参考线针对其他对象和画布中心处理的，而不是由网格。每次打开设计时网格都是关闭的，需要时请重新开启。

你可以用三种方式切换网格：齿轮（设置）菜单里的 Toggle Grid 项、画布右键菜单里的 Toggle Grid 项，或下文的键盘快捷键。

印刷参考线：出血与安全区

在印刷部件上，打开齿轮菜单并选择 Toggle Print Guides，即可在部件边缘之外看到两条额外的边界：

参考线	距边缘	显示为	用途
出血	21 px	一条红色虚线	裁切线。把背景和满版图延伸到这条线之外，这样细微的裁切偏差就不会留下白边。
安全区	35 px	一条绿色虚线	保证可见的边界。把文本、徽标以及任何不能被裁掉的内容都留在这条线以内。

中心十字线标出部件的正中，每个矩形都带有一个小的 BLEED 或 SAFE ZONE 标签。出血线与安全线之间的内容也许能在裁切中留下，但不保证，所以对任何重要内容都要把安全区当作真正的边缘。出血和安全区参考线只是屏幕叠层，永远不会成为导出的一部分，并且当部件的尺寸或方向改变时会自动重新计算。

印刷参考线只适用于印刷产品，目前是卡片和简历。如果你试图在其他任何部件类型上开启它们，编辑器会显示一条简短提示，说明出血参考线仅用于印刷产品，且开关保持关闭。

分步操作

打开网格，排出一行整齐的对象

1. 打开齿轮（设置）菜单并选择 Toggle Grid，或按网格快捷键。淡淡的网格线会连同顶部和左侧边缘的坐标标签一起出现。
2. 用标签来判断间距：主线每 100 px 一条，次线每 25 px 一条。
3. 把你的对象拖到位。网格是视觉参考，而在你拖动时，智能参考线会把每个对象吸附到相邻对象和画布中心，实现精确对齐。
4. 布局定好后，从同一个菜单再把网格关掉。无论开关与否，它都不会出现在导出中。

用智能参考线对齐一排对象

1. 把三个或更多对象大致摆成一行。无需切换，智能参考线始终开启。
2. 缓慢地把一个对象拖向其余对象。当它的左边、右边或中心与另一个对象对齐时，会有一条虚线吸附出现，对象会在约 5 px 范围内锁定到那条线上。
3. 继续拖动，直到两条虚线出现在外侧的相邻对象之上：那就是等间距参考线，对象会落入一个间距均匀的空档。
4. 松开。拖动一结束，参考线就消失。

设计卡片前先设好印刷出血

1. 确认这个部件是印刷产品（卡片或简历）。在其他任何部件类型上，印刷参考线开关都会拒绝开启。
2. 打开齿轮菜单并选择 Toggle Print Guides。会出现一个红色虚线矩形（出血兼裁切线）和一个绿色虚线矩形（安全区），并带中心十字线。
3. 把任何背景或满版图延伸到红线之外，这样轻微的裁切也绝不会留下一道白边。
4. 把文本、徽标以及任何不能被裁掉的内容都留在绿线以内。两条线之间的内容能否在裁切中留下并不确定。

读标尺并精确摆放一个对象

1. 打开网格，让顶部和左侧的标尺标签可见。
2. 从标签中记下你要瞄准的坐标，比如 x 200、y 100。
3. 选中对象并按住 Alt，确认它到画布各边的实时距离。
4. 要精确摆放，请打开 属性面板 的 Layout 选项卡，直接输入 X 和 Y 值。参见 移动、缩放与变换。

常见操作

• 不拖动就实现均匀间距： 一同选中三个或更多对象，然后在 Layout 选项卡中使用 Distribute（水平或垂直）。
• 把一个对象居中于部件： 拖动它，直到垂直和水平的中心参考线都出现，或者选中它并用 Properties 工具栏上的居中对齐。
• 快速检查单个间隙： 选中一个对象，按住 Alt，把指针悬停到另一个对象上，胶囊标签会读出精确的像素间隙。
• 安全地设计满版图： 打开印刷参考线，把背景延伸到红色出血线，同时把文本留在绿色安全线以内。

键盘快捷键

快捷键	操作
Ctrl/Cmd + '	切换像素网格和标尺
Alt（选中对象时按住）	显示到画布各边或某个悬停对象的像素距离

印刷参考线和智能参考线没有键盘快捷键。印刷参考线从齿轮菜单切换，而智能参考线始终开启。

小贴士

出血与安全区

出血是印刷后被裁掉的额外边距。任何不能被裁掉的内容，比如文本或徽标，都应留在安全区以内。

等间距会自动出现

一旦你把三个或更多对象大致排成一行，拖动其中一个，留意等间距参考线。它们是不切换到 Distribute 就凭肉眼排出均匀布局的最快方式。

疑难解答

• 智能参考线不吸附。 关闭吸附时会跳过它们。那个开关位于无限画布场景工具栏中，是一个智能吸附开关（参见 场景与画框）；在普通部件上，参考线始终开启。此外，参考线在你缩放对象时不会出现，只在移动时出现。
• 只有一个对象时不显示参考线。 智能参考线需要有东西可以对齐。部件上只有单个对象时，唯一的目标是画布中心，所以请把它拖向中间，或再加一个对象，以获得边缘和中心参考线。
• 缩放很小时吸附感觉很松。 5 px 阈值是按画布像素而非屏幕像素测量的。在很小的缩放下，5 个画布像素在屏幕上是极小的距离，因此吸附会让人感觉难以捕捉。放大以获得更精细的控制。
• 印刷参考线开不了。 它们只适用于印刷产品（卡片或简历）。在其他任何部件类型上，开关会显示一条简短提示并保持关闭。
• 调整部件尺寸后网格消失了。 网格、标尺和印刷参考线都会在部件尺寸或方向改变时重建，但网格必须处于开启状态才会重绘。如果改动期间它是关闭的，请重新把它打开。
• 这些叠层都不会出现在下载的文件里。 这是正常的：网格、标尺、智能参考线、距离标签和印刷参考线全部只在屏幕上，会被排除在每一次导出之外。

相关内容

• 移动、缩放与变换，了解对齐、分布和精确定位
• 画布基础，了解缩放、平移以及其余的画布导航
• 画板尺寸，了解使用出血和安全区的印刷尺寸
• 属性面板，了解对齐按钮和部件背景