间距、边距和圆角：让拼图更专业的小细节

较小的内部间距会让多张图片看起来像一张整体作品，适合社交分享、旅行回顾和日常九宫格。

如果图片边缘本身很复杂，间距太小会变得杂乱。相邻边缘互相抢夺注意力时，就应该适当加大间距。

外边距会给拼图一个边界，避免图片贴边显得生硬，也能让手机预览更安全。

产品图可以使用更多外边距，沉浸式故事图则可以减少外边距。关键看你希望画面更精致还是更铺满。

直角更直接、更像杂志排版；圆角更柔和、更像应用界面。两者都可以，重点是保持一致。

小图块不要使用过大的圆角，否则可能裁掉重要细节。

间距会告诉观看者图片之间是同一个瞬间，还是不同观点。紧密间距更连续，宽间距更像精心挑选的合集。

对于步骤图，稍宽的间距就像标点，让读者读完一步再进入下一步。

对于情绪型照片回顾，较紧的间距通常更合适，因为它会制造亲近感和连续感。

如果拼图会出现在白色应用界面里，白色或浅色外边距会更安静；如果会出现在深色信息流里，明确边界会更有帮助。

用于打印或演示文稿时，外边距能保护图片不被裁切，也能让它在页面或幻灯片里更从容。

拿不准时，可以导出两个版本：一个外边距更宽用于文档，一个更紧凑用于社交平台。

在 1080 像素方图上看起来合适的间距，放到 4000 像素的打印导出里可能几乎消失。可以把间距看作画布宽度的一个比例：紧凑统一的拼图约 1%–2%，通透的产品或作品集展板约 3%–4%，只有每张图都要独立成立时才更大。编辑器里的滑块可能用自己的单位，所以要在导出尺寸下用眼睛判断。

让间距和外边距保持相关的比例。常见的起点是外边距约为内部间距的两倍，这样边框显得有意为之。如果外边距比间距还小，即使每格裁切正确，图片也像是在挤压画布边缘。

找到合适的组合后，把间距、外边距、圆角和背景色一起记在项目备注里。系列作品沿用同一组参数，是让不同拼图看起来属于同一套的最便宜办法，可参考保持品牌拼图一致。

拼图缩小成信息流预览时，细间距可能完全消失。如果各格融成一团杂乱的图像，就把间距稍微加宽，或换一个与图片边缘反差更大的背景色。间距的作用是分隔，如果在最小观看尺寸下做不到，它就只是装饰。

圆角也要做同样的测试。圆角在大尺寸下显得柔和，但在小格子里可能切掉恰好是人脸或标签所在的角落。小格子减小圆角，或整体保持一致而适度的圆角。

最后留意因为裁切而不是间距造成的不均匀。如果某一行看起来比其他行更紧，可能是照片本身的内部留白不同。应该调整裁切而不是间距数值，其余地方的间距才能保持一致。需要更精细控制的布局，可以用自定义布局构建器直接设置行列比例。

用同一张拼图分别导出窄间距、中间距和宽间距。把三张图放在一起，判断哪一张最符合使用目的。

家庭记忆类图片，窄间距可能更温暖；商品或作品集图片，中间距或宽间距可能更清爽、更有设计感。

外边距也做同样练习。很快你就能判断什么时候拼图需要画框，什么时候应该更接近满版。

视觉精致感通常来自克制。稳定间距、清晰层级和一个统一背景，往往比很多效果叠加更高级。

精修时每次只改一个视觉变量，并快速导出对比。并排看比凭记忆判断更可靠，尤其是间距、圆角和背景色。