博客 / 实用教程

十张截图一张张导出?先定模板,再批量输出

做截图最耗时的从来不是设计,而是重复:换图、调文字、导出、改名、检查尺寸。十张图做下来,大半时间花在机械操作上。这篇讲的是怎么用模板加批量导出把这部分时间压掉,同时保证整套图的参数和命名不失控。

效率流程 阅读 6 分钟

01 / 为什么批量值得单独学

单张做图看起来很快,但十张图意味着十次「打开画布 → 导入截图 → 调文字 → 设尺寸 → 导出 → 改名」。任何一个环节有一处不一致,整套图就会出现肉眼可见的偏差——第二张的字号小了半号,第五张的背景深浅不同。

批量不是偷懒,是把「一致性」从靠手稳变成靠结构保证。

02 / 顺序:模板在前,批量在后

正确的顺序只有一种,反过来做必然返工:

  1. 先做第一张,把它当模板:设备框位置、背景、字号、字重、留白、画布尺寸全部定死。
  2. 确认这一张在目标尺寸下的实际观感——尤其是缩到 25% 时是否还读得清。
  3. 复制模板,逐张替换截图和文案。除了内容,其他一律不动。
  4. 全部替换完再统一导出,不要在过程中逐张导出。

第二步最容易被跳过,但它是整套图质量的把关点:第一张就错了,后面九张会一起错。

03 / 导出参数一次设对

导出前统一确认这几项,比导出后逐个修快得多:

  • 画布尺寸等于目标档位(iPhone 6.9 英寸或 iPad 13 英寸)
  • 格式 PNG 或 JPEG,提交用;透明底 PNG 另存一套给设计物料
  • 背景为实底,没有透明通道
  • 倍率按需选择:1× 够网页用,2× / 3× 给需要放大的场景
透明底 PNG 不能直接提交 App Store——苹果明确不接受含 Alpha 通道的图像。所以批量导出时最好一次出两套:一套实底给提交,一套透明底给官网和设计稿。

04 / 命名规范:让三个月后的你找得到

批量导出会产生几十个文件,没有命名规范就等于没有管理。一个够用的结构:

  • 按「语言 / 设备 / 尺寸」分文件夹,例如 zh-Hans / iPhone / 6.9
  • 文件名包含顺序、内容、格式,例如 01-home-PNG、02-search-PNG
  • 透明底版本加后缀区分,例如 01-home-transparent
  • 版本号放在文件夹名上,例如 v4-1-0,方便回滚对比

顺序号很重要——App Store 的截图是按上传顺序展示的,文件名带序号能避免传错顺序。

05 / 导出前最后一次检查

✓ 整套图的画布尺寸完全一致
✓ 背景类型与色调统一
✓ 字号、字重、留白一致
✓ 设备框机型与实际截屏机型一致
✓ 提交用图为实底,无透明通道
✓ 文件名带顺序号,分文件夹存放

做完这批检查,整套图就可以直接上传。如果还要做多语言版本,流程完全一样——换文字,换文件夹,再导出一次。

常见问题

一次导出多少张合适?

取决于渠道。App Store 每种设备尺寸每种语言最多 10 张,通常一次导出一套 5 到 8 张就够覆盖核心功能。官网和社媒使用的图数量不受限,可以按需多出几张。

导出 1×、2× 还是 3×?

看用途。1× 对应逻辑分辨率,网页小图和快速分享够用;2× 和 3× 像素更多,适合需要放大或在高分屏上展示的场景。提交 App Store 时直接用目标档位的原生像素即可,不需要额外放大。

透明底和实底要分别导出吗?

建议分开。App Store 不接受含 Alpha 通道的图像,所以提交必须实底;而透明底适合放进 Figma、Notion、官网和演示文稿。两套各存一个文件夹,用文件名后缀区分。

批量导出后还能单独改一张吗?

可以,但要注意改完重新导出时保持参数一致。最稳妥的做法是回到模板里改,再重新批量导出,避免这一张和其他张出现细微差异。

App 原生导出 · 真实 PRO 界面
App 原生导出 · 真实 PRO 界面