上个星期有个朋友在钉钉上问我手头一个工具类 App 要提审了应用商店后台要求 6.7 英寸的截图和几张宣传图设计这边排期排到下个月问我怎么办。我说别慌这事研发自己就能干。他以为我在开玩笑结果我把他发我的几张应用截图丢进一个免费的在线截图包装工具里套上设备外壳、配上文案和背景十分钟不到就导出了第一张能直接拿去提审的宣传图。他看完说了句原来这活儿不用求人。这类场景在中小团队里太常见了。App 上架要截图、要宣传图版本更新要换图做活动还要做推广素材。设计资源紧张的时候研发动手自给自足反而是最省事的方案。这篇就聊聊我自己在项目里总结的一套做法怎么选免费工具、怎么在几分钟内做出一套合格的 App 宣传图、有哪些容易踩的坑。1. 为什么研发会自己动手做 App 宣传图1.1 上架刚需看起来是小事卡起来很烦先说一个不少人低估的事实应用商店对截图的尺寸和数量有硬性要求不是随便截几张就能传上去。苹果 App Store 常见的竖屏截图尺寸就分 6.7 英寸、6.5 英寸、5.5 英寸等好几档iPad 版本还有横屏竖屏两组Google Play 对手机截图和 Feature Graphic 也各有要求。各家安卓应用市场虽然标称都是 1080×1920但有的要求横版宣传图有的要求 700×700 的图标细节五花八门。如果你把这些事全丢给“等设计有空再说”提审节奏基本就卡死在素材这一环了。我之前见过一个团队功能全做完了离提审就差三张截图结果设计手里还有一堆大图需求拖了三天。三天对一个小版本来说节奏已经算崩了。更关键的是宣传图不是上架用一次就完事。版本更新要替换截图发版公告要配图官网和公众号也要用。每次都为这事去排设计档期成本太高。研发掌握一套“快速出图”的方法其实是给团队解绑。1.2 研发做宣传图的先天优势很多人觉得做图是设计师的活研发凑什么热闹。但从实际操作看研发接这个活有四个明显优势。第一截图最方便。功能做到哪一步、模拟器里长什么样、真机效果如何研发自己跑一遍就能截不需要等视觉还原、不需要等测试环境。第二批量能力强。同一批截图换尺寸、换文案、换背景工具里复制项目改几处就能再导出这种重复劳动恰好是研发擅长的。第三知道功能边界。宣传图上写着“一键同步”“离线可用”到底是不是真的研发心里最清楚写文案不会吹过头。第四沟通成本低。不用提需求、等排期、反复确认修改意见自己动手就是最快的验收循环。拿生活里的例子打比方设计师是帮你把菜做得精致好看的大厨但研发自己煮碗面快、顶饱、不饿肚子。上架审核这件事本质上属于“有硬性规格、不需要艺术创作”的场景天然适合研发用工程化思维去解决。2. 工具怎么选免费不是唯一标准2.1 免费工具最该关注授权问题既然是免费工具肯定有人一上来就问“哪个免费版功能最全”。但我的经验是选择免费工具第一件事不是比功能而是看版权。很多在线工具自带的模板、背景图、字体、图标免费版虽然能用但授权范围可能只限于个人项目商用会有风险。App 宣传图一旦进了商店后台就属于商用场景素材授权不干净后续被投诉或者被下架都是麻烦事。所以我的原则是优先用工具内置的、明确标注允许商用的素材品牌自己的图标和截图全部用自己的文案全部原创不抄竞品措辞。这样即使工具本身有免费限制出图结果也不会带版权雷。另外还要注意水印问题。个别免费工具会在导出图片角落打上平台 Logo这种图是过不了商店审核的即便勉强能用也很影响观感。选工具前先确认导出设置里有没有“移除水印”的选项没有就直接排除。2.2 判断工具好不好用就看这五条我给自己项目选宣传图工具时主要看五个点能不能上传自己的截图而不是只能从素材库挑选。有没有内置主流设备外壳比如 iPhone、Galaxy、Pixel 的最新机型。支不支持多画布导出不同尺寸省得一张张重新排版。文案、背景、字体能不能自由改最好能直接改颜色和渐变。免费版是不是限制导出分辨率和有没有水印。这五条里第五条最重要。有些工具免费版导出只有 720 像素宽放大就糊根本没法用。我会优先选那些“免费版功能完整、只是限制模板数量”的工具至少保证导出质量不打折扣。2.3 我常用的三类方案对比市面上的工具很多按形态可以分成三类适用场景不太一样工具类型代表工具核心用途免费表现在线截图外壳生成器shots.so、previewed.app 等把截图套进手机外壳配背景和文案生成商店宣传图基础功能通常免费无水印导出适合快速出上架图在线设计平台Canva 免费版套现成模板改文字、换背景做社交推广图免费用户可用大量基础模板部分高级素材需付费命令行自动化Fastlane snapshot frameit自动截取多尺寸截图并加设备外壳适合做 CI 流程完全开源免费适合有自动化基础的团队如果你只是上架前临时补几张图或者想自己做一套社交平台用的宣传图前两类工具基本够用。如果团队已经在用 Fastlane 做打包和发布第三类会更省心。下面实操部分我拿大家接触最多的在线截图外壳生成器来演示核心思路对另外两类同样适用。3. 实操从应用截图到宣传图这几步就够了3.1 动手前先把这三类素材备齐工具只是提速真正决定宣传图质量的还是素材。每次开工前我会要求自己先准备好三样东西。第一是核心页面截图数量控制在 3 到 6 张。选图的原则是“一屏讲一个卖点”别把功能挤在一张图里。比如一个记账类 App第一张可以展示月度报表第二张展示多账本切换第三张展示导出账单功能。每张图对应一句文案审核和用户都能一眼看懂。第二是应用图标最好准备透明背景的 PNG尺寸不用太大512×512 就够。用途是放在宣传图的边角作为水印或者品牌标识。第三是文案包括一句主标题和一句副标题。主标题控制在 8 到 12 个字以内副标题控制在 20 个字以内太长在缩略图里会被截断。文案不要写“最好”“第一”这类绝对化表述苹果审核对虚假宣传比较敏感写清楚功能价值就够了。3.2 五分钟生成一张宣传图的实操流程以在线截图外壳生成器为例完整流程可以拆成六步。第一步打开工具上传你备好的核心截图。第二步选择设备外壳。如果工具列表里没有你的机型选同屏幕尺寸的相邻机型就行比如 6.7 英寸的 iPhone 系列外壳差异在缩略图里几乎看不出来。第三步设置背景。背景色尽量取自 App 的主色调或者和你截图的色调保持统一。渐变背景会比纯色更有层次感但颜色对比度别太高文字不好突出。第四步添加主标题和副标题。文字位置默认在屏幕上方如果你截图顶部本身有内容可以把文案整体下移或者截图时预留空白区域。第五步检查安全边距。把导出预览放大到 100%确认文字没有压到截图核心区域也没有超出画布被裁掉。第六步导出 PNG 文件。这里有个容易被忽视的细节导出时分辨率选择原图或者 2 倍以上。在线工具默认可能会压缩一旦选了 720 像素宽度后面再做其他渠道素材时就得重新导。3.3 多尺寸导出记住“先大后小”的顺序同一套截图和文案往往要导出好几个尺寸。我的习惯是“先做最大最常用的尺寸再降级做小尺寸”比如按这个顺序走先做 App Store 6.7 英寸竖屏尺寸 1290×2796这是大屏 iPhone 的通用规格。再做 6.5 英寸或 5.5 英寸版本尺寸分别对应 1242×2688 和 1242×2208。如果有 iPad 版本再导出 iPad 12.9 英寸的竖屏和横屏尺寸 2048×2732 和 2732×2048。最后做 Google Play 需要的手机截图和 Feature Graphic手机截图推荐 1080×1920Feature Graphic 是 1024×500 的横版。顺序为什么重要因为在线工具大多支持“复制项目”功能你做好一版 6.7 英寸的大图后复制一份再改成小尺寸画布文案和背景会保留只需要微调。反过来从小的往大的做背景和文字的位置可能会重新拉伸变形返工量更大。各平台的尺寸要求不是永久的审核后台也时常调整。最稳妥的做法是每次提审前以上传后台的提示为准再用我上面这套流程导出对应版本基本不会出错。4. 常见问题与排查技巧实录4.1 图片导出后发虚、边缘有白边这个问题最常见的原因就三个源截图分辨率不够、导出时选了压缩格式、外壳或画布尺寸选错。排查顺序建议这样先在电脑上右键查看导出的 PNG 实际像素宽度如果比预期小很多回到工具里看导出设置确认是否选了最高分辨率或者 2 倍以上缩放再检查源截图是不是从模拟器截的 3x 图。模拟器默认会按屏幕原分辨率输出但有些工具会自动缩放导出时要注意关闭压缩。边缘出现白边或黑边多半是截图本身有圆角边框又被强行拉进了不带圆角的画布。处理办法是在上传前把截图裁剪到安全区域或者在工具里选择“填充”模式而不是“拉伸”模式。4.2 状态栏信息杂乱影响观感真机截图最容易翻车的是状态栏运营商名称、Wi-Fi 图标、蓝牙图标、电池电量还有测试账号的头像全暴露在宣传图上。这种图发出去既不专业还可能有隐私风险。我自己的做法是优先用模拟器截图配合工具自带的“隐藏状态栏”或“清理状态栏”功能如果工具没有这个功能可以直接把截图顶部状态栏区域裁掉再用和背景一样的色块补上。还有一个小技巧真机截图时把设备调到“勿扰模式”、清空通知栏至少能减少一部分干扰信息。4.3 文字被裁切或遮挡应用商店后台在展示截图时经常会对图片顶部和底部做安全区裁切。如果你把主标题放在最顶端缩略图里可能直接少一截。经验值是上下各留 150 到 200 像素的安全边距文字重心放在画布的上三分之一或中间留白区域。导出前用系统预览打开原尺寸放大检查一遍别只看缩略图。4.4 截图内容和文案不符被审核打回有的团队为了画面好看放了一张“概念图”式的截图或者文案写得天花乱坠结果审核人员对照 App 实际功能发现对不上直接打回。踩过一次这个坑之后我的原则是截图必须从真实运行画面里截文案只能描述真实功能最多加一点“效率”“省心”这类主观修饰词不写无法验证的夸张说法。给一张问题速查表方便你平时排查现象常见原因解决办法图片发虚、模糊源截图分辨率不足或导出压缩用模拟器 3x 图导出选 PNG 原图边缘有白边/黑边截图圆角被拉伸开“填充”模式或裁剪圆角区域状态栏信息杂乱直接使用真机截图用模拟器截图或隐藏状态栏文字被裁切没有预留安全边距上下留 150~200 像素文字放在安全区内文案与功能不符用了概念图或夸张文案用真实截图写实际功能免费工具带水印免费版限制导出换无水印工具或升级套餐5. 进阶玩法把宣传图变成团队的复用资产5.1 配合 Fastlane 的半自动流程如果团队已经用 Fastlane 做打包和测试其实再加两步就能实现截图和宣传图的半自动生成。第一步用 snapshot 在模拟器里自动跑一遍关键路径生成多尺寸截图第二步用 frameit 给截图套上设备外壳和说明文案。配置好之后每次打测试包都可以顺手刷新一遍截图素材版本更新时宣传图就不需要从头手工做了。大致命令逻辑就是fastlane snapshot fastlane frameit这套方案的门槛在于第一次配置 Fastfile 和识别路径但一旦跑顺后面几乎零成本。对小团队来说投入一两个小时换后续每次发版省半小时非常划算。5.2 把品牌规范沉淀成模板我自己在团队里最推荐的做法不是每次重新打开工具现调参数而是把主色、背景渐变、字体、文案位置、图标摆放方式固定成一套模板。模板的好处有两点一是新版本出图时只需要替换成新截图再改文案十分钟内就能出一套二是不同人做出来的宣传图风格一致不会出现这期蓝色、下期红色这种割裂感。做模板时我会跟设计师对齐一次把品牌色值和字体规范写进团队文档之后研发的“应急出图”也能保持基本视觉一致性。有一点要说明白这套流程替代不了正式设计品牌大图、创意海报仍然需要专业设计师来做。研发用模板的意义是解决“上架素材不阻塞”而不是要去抢设计的活。5.3 几个能明显省时间的小技巧写到这顺手分享几个我在实际项目中用得很顺手的小技巧。多语言版本宣传图不要把文案画进截图里。用在线工具的文本图层维护文案复制项目后逐语言替换比每张图重新排版快很多还能避免改文字时误动截图内容。给每张截图编号文件名带上尺寸和渠道比如ios_6_7_01.png、play_feature.png。上架后台会上传大量图片命名清晰能少闹不少乌龙尤其是有 iPad 横竖屏版本时更容易搞混。每次发版前把宣传图更新也写进发布清单。很多人提审到一半才发现新版本截图还是上一版的被审核提示“截图与当前版本不符”再回头改素材整条发布流程都被拖慢。把这个检查项固化到清单里比靠记性靠谱得多。如果你也为宣传图发过愁今晚就可以按上面的流程用手头的免费工具试做一套。先出图解决上架问题再慢慢完善模板不用等“学会设计”才开始用起来比什么都强。