Phonto 自动对齐多层元素 一键排成规整网格
什么时候需要对齐
一张海报里要放 6 个卖点标签、或 4 个价格档、或 3 个不同尺寸的横幅——手动拖来拖去总是对不齐、间距不一样。自动对齐功能就是为这种多元素规整排列准备的。
基本操作
- 用多选功能选中需要对齐的多层元素（先框选）
- 底部工具栏滑到最右边找到 Auto Align 按钮（或在图层管理面板里）
- 选择对齐方式：
- 水平对齐：左对齐、居中对齐、右对齐
- 垂直对齐：顶对齐、居中对齐、底对齐
- 等间距：水平等间距、垂直等间距
- 网格对齐：按预设网格排列
六种对齐模式详解
| 模式 | 效果 | 适用场景 |
|---|---|---|
| 左对齐 | 所有元素左边缘对齐 | 纵向列表、侧边栏文字 |
| 居中对齐 | 所有元素中心点在同一条垂直线上 | 主标题 + 副标题 + Call to Action 居中布局 |
| 右对齐 | 所有元素右边缘对齐 | 价格标签、日期标注 |
| 顶对齐 | 所有元素上边缘对齐 | 顶部一排横向标签 |
| 垂直等间距 | 元素之间垂直间距相等 | 垂直列表、菜单 |
| 水平等间距 | 元素之间水平间距相等 | 横向一排卖点、图标行 |
实战：做规整的 2x3 网格卡片
- 先在画布上画 6 个矩形背景层（Add Item → Shape → 圆角矩形），大小相同
- 框选全部 6 个矩形
- 先做顶对齐 + 垂直等间距，让上排三个对齐
- 再做底对齐 + 垂直等间距，让下排三个对齐
- 最后水平等间距，让两排对齐成规整网格
- 在每个矩形上叠一层文字描述
- 完成——一张整齐的卡片矩阵海报就做好了
小技巧
- 对齐之前先把每个元素放到"大概"的位置，Phonto 会以这些大概位置为基准做精确调整
- 对齐后如果整体位置还不对，可以整体拖动（多选后拖动整个组）
- 矩形/圆形等形状比文字更适合对齐——文字的中心点和形状中心点可能有差异，混合对齐时注意
Auto Align 是 v4.2 开始加入的功能，旧版 youthhr 可能没有。新版 Polymath 版的自动对齐更丰富，支持网格和自定义间距。