用几何形切割图片,重点不是“把图片切成圆形或三角形”,而是让形状承担信息层级:圆形突出主体,斜切制造方向感,矩形网格方便对齐。先定构图,再做切割,后续排版会更省事。

一、先确定形状和用途
| 形状 | 适合用途 | 注意事项 |
|---|---|---|
| 圆形 | 头像、产品局部、焦点图 | 主体不要贴边 |
| 斜切多边形 | 科技、运动、活动海报 | 切线方向要统一 |
| 矩形网格 | 对比、步骤和产品组合 | 间距保持一致 |
二、用蒙版而不是直接破坏原图
在设计工具中先复制原图,把几何形放在上方,再使用蒙版或剪切组。这样可以随时移动图片、调整焦点和更换形状,不会因为一次裁切而损失原始素材。
画布:1080×1350
主体:产品位于右侧三分之一
形状:两个相交的圆形和一条斜切矩形
边距:四边至少 64px
限制:主体文字不被切线穿过,导出保留透明背景三、切割后的视觉检查
- 缩小到手机尺寸,看主体是否仍然清楚。
- 检查切线是否穿过人脸、产品标志或关键文字。
- 比较各形状的间距和边缘,避免出现看似随机的空白。
如果需要先去除背景,再进行几何切割,建议分两步处理:先得到干净的透明主体,再用几何形完成构图。复杂海报可以参考AI解压视频的画面安全感设计中的布局思路。
四、导出格式选择
需要继续排版时保留透明背景的 PNG 或可编辑文件;用于网页封面时再导出压缩版本。文件名写清尺寸、用途和版本,避免把预览图当成最终图。
五、一个可复用的工作顺序
- 先建立安全边距和主体焦点。
- 再放几何形并统一大小、角度和间距。
- 最后添加文字、颜色和装饰,导出前检查移动端显示。



