独立开发这几年我最常被同行问的一句话是“你 App 的商店宣传图找谁做的”我说是自己做的对方第一反应都不太信。其实独立开发圈子里研发顺手出宣传图这件事早就不是小众操作了尤其是手头没有专职设计师、又急着发版的时候一个趁手的免费工具就能把这件事从“求人”变成“自己两分钟搞定”。今天我就用一套实际做过的宣传图来拆一拆思路和步骤把这套流程里真正有价值的部分讲明白。内容偏实战不堆术语适合独立开发者、小团队研发、以及正在准备上架产品却不太会做图的新手。1. 内容整体设计与思路拆解1.1 先搞清楚你要做的到底是哪种“宣传图”很多研发第一次被问到“宣传图”时下意识以为是那种花花绿绿的海报。其实往细了分App 相关宣传图至少有三种常见形态应用商店的详情截图、宣传横幅/功能图、社交网络分享图。这三种形态的目标不一样设计侧重也完全不同。应用商店详情截图是用户下载前最关键的信息窗口主要目的是展示核心功能、降低理解成本图片里通常需要保留真实界面截图再配上两三句卖点文案。宣传横幅一般指应用商店的顶部展示图或者官网头图偏品牌调性画面更克制文案只要一句 slogan 就够了。社交分享图则用于社群、朋友圈、自媒体投放比例多为 1:1 或 9:16文案可以更“标题党”因为它的目标就是在几秒内抓住眼球。搞清楚形态后再看尺寸思路就清晰多了。以我这次制作的记账类 App 为例需要的三套图分别是竖版应用商店截图、横向官网横幅、正方形社区推广图。如果你一开始就在工具里固定这几组比例后续导出会省很多事。1.2 研发自己做宣传图为什么反而更省心不是研发审美有多好恰恰相反是研发身上有个其他岗位很难替代的优势最懂这个 App 到底解决什么问题。我见过很多项目把宣传图外包给设计师结果来回沟通了三五轮设计稿还是停留在“好看但看不出是干嘛的”。因为设计师拿到的是功能清单不是真实的用户场景。研发自己上手就不一样我太清楚用户打开 App 第一眼应该看到什么哪个按钮是最关键的路径哪句话能命中用户痛点。这些判断藏在产品逻辑里不是美术功底能替代的。当然研发自己做图也有门槛。以前想拿 Photoshop 出图光是装完软件、找字体、抠设备框就能耗掉一整天。现在好在这个需求已经被专门的工具解决掉了浏览器打开就能用上传截图后自动生成设备外壳和背景效果。门槛降下来之后“谁来做”就不再是问题真正重要的是“怎么做出信息清晰、符合渠道规范的图”。2. 免费工具选型解析真正适合研发的长什么样2.1 我试过的四种方案为什么最后只留下一个这些年给 App 出宣传图我试过几条完全不同的路线Photoshop、Figma、通用设计平台还有专门的样机生成工具。Photoshop 是老牌选择但研发用起来相当难受。它给你的自由度太高了反而不知道该从哪里下手套用模板还得手动安装字体、对齐图层改一个字号可能连锁破坏整个排版。Figma 的情况类似它擅长协作和原型但你要出带设备壳的宣传图还得自己找社区模板模板质量参差不齐而且上线卖点的文案区块往往要重新搭建。通用设计平台的问题则是设备模型少或者免费版导出像素受限出图后还得再去缩放到应用商店要求的尺寸。真正让我留下来的是一条更轻的路线专门的宣传图生成工具主流程就是“上传截图、套用模板、改文案、导出”。这类工具把重复的视觉劳动全部封装好了我只需要把注意力放在产品信息表达上。2.2 横向对比这几个免费出图工具哪个更顺手工具免费额度是否需要注册适合场景短板shots.so免费导出常用比例不用浏览器直接可用高清样机、应用商店首图单张处理为主高级模板要付费AppMockUp免费版可导出有使用限制需要邮箱注册多设备模型展示中文排版支持一般Previewed免费基础模板需要注册应用商店截图排版高级模板和协作功能需付费Canva/稿定设计免费额度大需要注册通用社交海报手机模型少商店尺寸适配需手动调整我日常最常用的是 shots.so。原因很实际它免登录打开网页就能用适合“临时起意”给 App 出一张图上传截图后会自动识别图片比例并生成设备外壳底部还能直接改背景颜色、渐变和画布比例。免费版覆盖了绝大多数个人的需求没有那种处处被付费墙卡住的感觉。2.3 免费工具够用的关键边界在哪里有人担心免费工具的模板感太重做出来的东西都长一个样。说实话宣传图这件事模板感本身并不是坏事。应用商店的用户不会拿你的一张截图去做美术鉴赏他们关心的是信息清不清楚、功能对不对味。模板的作用恰恰是帮不懂设计的人跳过“从零开始排版”的坑让你把有限的精力放在文案和画面上。免费版和付费版的边界实际出现在“批量生产”和“品牌资产沉淀”这两个环节。如果你需要一次产出几十张不同尺寸、不同语言的宣传图纯手工在网页里做确实会累这一般是运营团队才会遇到的场景。个人研发或小团队把免费工具当主力把模板方案存成固定的几套“套路”完全够用。3. 实操过程与核心环节实现给记账 App 做一套宣传图3.1 第一步准备一张“有说服力”的截图出图之前截图质量决定了宣传图的最后效果。千万不要直接拿没有数据的新手引导页去截那样的图放在商店里用户根本不知道你的 App 能干什么。我推荐的做法是先往 App 里填充一套看起来“被认真用过”的数据。记账类应用就放连续三个月的生活账目收支比例要合理分类要齐全首页能看到月度趋势和预算进度。待办类应用就放几个进行中的项目每条任务上有明确的截止时间和优先级标记。这样一来截图本身就在说故事后面配文案的难度会低很多。截图渠道方面建议用模拟器的自带截图功能而不是拿手机拍屏幕。iPhone 15 Pro 模拟器截图分辨率一般是 1179x2556足以满足应用商店主流展示需求。真机截图虽然也行但要额外注意状态栏上的时间、通知、手机型号等信息最好提前清理掉否则容易分散注意力。还有一个小技巧把核心功能尽量放在截图中部 60% 的区域。因为宣传图右侧通常要放文案左侧或底部会被背景遮挡截图内容一旦被裁到关键按钮感染力会大打折扣。3.2 第二步套用模板并完成参数设置打开工具后我一般先在画布比例里选 3:4这是应用商店详情截图最常用的竖版比例之一。然后上传第一节准备的主截图工具会自动把截图套进手机外壳里右侧面板可以调整外壳型号、角度、背景色和渐变方向。针对记账 App 的调性我选择深灰到炭黑的渐变背景因为深色背景能让财务数据的数字感更突出。字体我直接用系统默认没有额外下载原因是默认字体在中文渲染上兼容性最好省掉很多乱码问题。文案方面主标题只用一句“每一笔都清楚月末不用对账”。副标题补充使用场景“自动识别记账分类一眼看懂钱花在哪”。这里有一个很关键的参数逻辑主标题字号必须明显大于副标题两行文字之间留够呼吸感。我习惯把主标题控制在 36 号字左右副标题 16 号左右具体数值不重要重要的是让看图者在 0.5 秒内只读到主标题而不是同时看到三句话。背景色的原则也很简单整个画面只保留品牌主色、明暗对比色和中性色三组颜色。记账 App 的品牌色是深青所以背景上会透一点青色渐变其他地方不再加多余颜色。这个“三色法则”对新手非常友好能避免做出花里胡哨的效果。3.3 第三步导出适配各渠道的多尺寸图一张主宣传图做好之后接下来就是按渠道调整比例并导出。我整理的常用尺寸如下你可以直接保存一份使用场景常见尺寸备注App Store 竖版截图1290x2796 / 1179x2556具体以最新的 App Store Connect 要求为准Google Play 功能图1024x500横向横幅文案要精简官网头图1920x900 左右可留出左右安全区域社交推广图1080x1080 / 1080x1920正方形和全屏竖版各备一张导出时我一般先在工具里把画布比例切到对应尺寸再移动设备外壳和文字位置避免直接拉伸输出导致模糊。应用商店截图导出 PNG社交推广图导出 JPG因为社交媒体对文件体积敏感PNG 那种无损大文件传到平台会被二次压缩反而损失清晰度。3.4 宣传图排版的三个“看起来像设计师”的小技巧第一文字对齐要借用辅助线。虽然网页工具不会主动给出参考线但你可以在心里设定一条固定边距所有文案左侧对齐形成统一节奏。第二一句话只讲一个卖点。主标题写“快速记账”副标题再解释“3 秒完成一笔支持语音输入”而不是把这个功能埋在长段落里。第三为文字预留安全区。应用商店审核界面经常会在截图上叠加系统 UI 元素比如底部 Home Indicator、顶部状态栏如果文案贴边太近审核预览里就会被盖住。我通常会让边缘留出至少 60 像素的空白。4. 常见问题与排查技巧实录4.1 导出的宣传图在手机上看着发虚是怎么回事绝大多数情况是原截图分辨率不够被工具拉伸到铺满画布后像素点被放大了。排查方法是先确认原截图本身是否清晰再看导出画布有没有超过原截图的像素宽度。另外上传截图时尽量走“原图上传”而不是直接拖拽压缩过的聊天图片很多截图从微信传输后会被吃了分辨率这一步最容易被忽略。4.2 中文文案在模板里显示成方框或乱码这个问题我踩过几回坑。有些模板自带的是拉丁字体不含中文字形工具发现字体覆盖不到时就会回退到系统默认字体。如果回退失败显示就会变成方框。解决办法很直接多尝试几种模板优先选择系统默认字体渲染稳定的那几个另外避免使用“超细体”和“超宽体”作为中文主标题中文笔画多太极端字重很容易在背景上发虚。如果工具本身支持自定义字体最好上传一份开源中文字体比如思源黑体。不过要记住上传前确认版权许可很多免费商用字体的适用范围其实比你想的宽松但正规产品还是严谨一点好。4.3 应用商店审核时截图被拒常见原因有哪些宣传图被拒的原因往往不在画面好不好看而在信息是否真实。应用商店要求截图内容必须和实际产品功能一致如果你在宣传图里放一个“AI 智能分析”字样但 App 里根本没有这个功能那审核被拒几乎是必然的。另一个容易踩雷的是截图文案出现“第一”“最好”“最省钱”这类绝对化表述即使事实如此也应避免在宣传图里用这种词。建议把“月省 90% 时间”改成“省下更多记账时间”既保留了卖点又降低了审核风险和用户投诉隐患。4.4 一次性出多语言、多版本宣传图有什么效率办法免费网页工具处理单张图很快但多语言版本确实会繁琐。我的做法是先按语言版本分别导出一份英文、日文、韩文、繁体中文的截图模板把文字替换工作做成一套固定流程先复制上一个语言的配置只改文案框里的内容其他参数不动。改动两次之后我基本能在一分钟内完成一张新语言图。更进一步的做法是把常用配置保存为工具里的项目记录并在本地准备一个“宣传图素材库”文件夹里面按渠道、语言、版本号三层管理。每次发版只需要把新截图拖进对应文件夹再按“先改文案、再调背景、最后校验尺寸”的顺序过一遍半天时间能处理完一整轮宣传物料。我自己现在每次发版前都会留出半小时顺手把宣传图更新好直接丢进内部评审群让产品经理和市场同学在早期就看到第一眼画面而不是等正式上架前一天才开始催图。这大概就是“研发自己出宣传图”这个工作流真正的价值不惊艳但足够稳且永远卡在节点前面。工具不用换先把这套套路用熟比什么模板都管用。