PhotoGrid 间距与圆角调整——决定拼图质感的两个关键参数
间距:让画面呼吸的关键
间距(Gap)是指拼图各张照片之间的空隙。很多人第一次做拼图觉得"总觉得哪里不对",调一调间距马上就好看了。
间距参数范围
- 最小值:0(照片紧贴,中间无缝)
- 最大值:约 50px(具体取决于画布尺寸的相对值)
- 推荐调整范围:5-20px
不同风格的间距建议
| 风格 | 推荐间距 | 效果 |
|---|---|---|
| 紧密无缝风 | 0-4px | 照片连成一片,适合新闻墙、产品展示 |
| 标准留白 | 6-12px | 最通用,适合大部分场景 |
| 宽松呼吸感 | 15-25px | 留白多,高级感强,适合极简风 |
| 格子间不对称 | 混合值 | 错落有致,适合创意拼贴 |
单独调整某两个格子的间距
默认情况下,所有格子之间的间距是统一的。如果你想让某对照片之间的间距特别大或特别小:
- 在编辑界面选中一个格子
- 拖动它的边缘(而不是整体移动)
- 这会只影响相邻格子的间距,不影响全局
圆角:软化画面还是强化锐利
圆角(Corner Radius)让格子边角呈现弧形。一个小参数的变化,对整体风格影响巨大。
圆角参数范围
- 最小值:0(直角)
- 最大值:照片短边的一半(变成圆形)
- 推荐调整范围:8-30px
不同风格的圆角建议
| 风格 | 推荐圆角 | 效果 |
|---|---|---|
| 工业/商务风 | 0-4px | 方方正正,利落感 |
| 标准现代风 | 8-16px | 柔和不幼稚,最通用 |
| 可爱/儿童风 | 20-30px | 圆圆的,萌系感 |
| 圆形头像风 | 100% | 照片变成圆形,适合社交头像墙 |
圆角应用到单张照片
圆角默认统一应用到所有格子。PhotoGrid 目前不支持为单张照片设置不同的圆角——要么统一圆角,要么用自由拼贴模式手动裁剪(使用圆形遮罩贴纸)。
间距 + 圆角 组合效果速查
| 间距\圆角 | 0px(直角) | 12px(柔和) | 圆形 |
|---|---|---|---|
| 0px(无间距) | 硬朗工业风 | 柔软连接感 | 泡泡效果 |
| 8px(标准) | 整洁规整 | 通用舒适 | 点点拼图 |
| 20px(宽松) | 画廊留白 | 杂志风 | 艺术感 |
快捷预设
PhotoGrid 内置了一些间距+圆角的组合预设,在属性面板中点击「快速样式」可一键应用:
- 紧凑九宫格:间距 4px + 圆角 8px
- 画廊留白:间距 20px + 圆角 0px
- 可爱贴纸:间距 6px + 圆角 30px
实战调整建议
做拼图时,间距和圆角往往是最后才调的参数。推荐流程:
- 先选好模板或搭好布局
- 把照片填进去
- 先调间距(从 8px 开始,增减观察效果)
- 再调圆角(从 12px 开始试)
- 最后微调边框和背景色
💡 一个常用技巧:把间距设为和圆角相同的数值(如间距 12px + 圆角 12px),视觉上会非常协调。