PhotoGrid 拖放换序与网格对齐——拼图细节调整技巧

为什么换序很重要

拼图中照片的排列顺序直接影响视觉效果：

• 视觉流引导：从左上到右下的阅读习惯，重要照片应放在视觉起点
• 颜色搭配：相近色调不要紧挨，互补色相邻更和谐
• 叙事逻辑：按时间/地点/人物排列，让拼图讲故事

照片替换（最常用）

在传统网格模式下，替换某张照片有两种方式：

方式一：直接点击格子

1. 点击你想替换的那个格子
2. 点击「更换照片」或从相册选择新图
3. 新图自动适配到这个格子

注意：传统网格模式下，每张照片是绑定在固定格子里的——不能自由拖动照片到另一个格子（那是自由拼贴模式）。

方式二：两张照片互换

1. 选中一张照片，长按照住
2. 拖动它到另一张照片的位置
3. 松开手指（App 版）或鼠标（Web 版）
4. 两张照片交换位置

网格对齐技巧

PhotoGrid 的网格系统会自动保持对齐，但自由拼贴模式下需要手动对齐。

对齐辅助线

拖动照片时，当它与其他照片或画布边缘接近时，会自动出现辅助线：

• 水平对齐线：表示两张照片顶部/底部/中线对齐
• 垂直对齐线：表示两张照片左/右/中线对齐
• 间距等距线：表示当前照片与相邻照片的间距和其他间距相同

看到辅助线出现时松开，照片会自动吸附对齐。

强制等间距

如果你希望所有格子之间的间距完全一致：

1. 在属性面板中设置全局间距值
2. PhotoGrid 自动保持所有格子间距相等
3. 在传统网格模式下始终是等间距的
4. 自由拼贴模式下需要开启「自动对齐」选项

对齐到中心

让多张小图围绕一个中心点分布：

1. 添加一张主图放在画布中心
2. 添加辅助照片
3. 拖动辅助照片靠近中心，观察对齐线
4. 尝试上下左右对称放置

排列策略参考

策略一：主图大 + 辅图小

• 1-2 张重要照片占大格子（比如 2×2 或更大）
• 周围放多张小格子的辅助照片
• 适合突出焦点的拼图（如婚纱照、旅行封面）

策略二：同尺寸网格

• 所有格子大小相同
• 3×3、2×3 等规则排列
• 视觉最规整，适合 Instagram 九宫格

策略三：渐变小大

• 从左上到右下，照片格子逐渐变小
• 营造视觉流动感
• 适合讲故事的拼图（开端→高潮→结局）

策略四：散点对称

• 左右/上下对称分布
• 数量不多时（4-6 张）效果最好
• 适合极简风格

照片顺序的视觉心理学

人眼对拼图的注意力分布：

• 左上：视觉起点，放最重要/最亮的照片
• 中心：最显眼的位置，放核心照片
• 右下：视觉终点，放轻松/收尾的照片
• 边缘：最不显眼的位置，放次要照片或文字装饰

💡 做 Instagram 九宫格时，中间一格（第五张）是浏览者第一眼看到的，放品牌 Logo 或产品最佳照效果最好。