上个月给 App 做版本更新提交审核被连着退回两次理由都一样宣传图里的文字被裁切了。我盯着后台那行提示看了半天忽然意识到一个特别别扭的事实——我们团队没有专职设计师以往所有宣传物料都是外包一张图少说两三天、多说一周赶版本的时候根本排不上。那次退回之后外包那边档期满了我索性自己上手研究起 App 宣传图这件事。试了一圈工具之后发现只要用对办法研发自己产出一套能上架、能推广的宣传图真没有想象中那么难而且全程免费后面团队的同事都开始这么干。这篇东西就是把我这段时间踩过的坑、总结出的流程写清楚。如果你也是独立开发者、创业团队里的技术负责人、或者被临时抓壮丁写宣传文案的研发应该能从里面直接抄到一套能用的方案。我会把工具选型的理由、从画布到导出的完整操作、审核和版权这些最容易翻车的地方以及我实际项目中提炼出的一套批量制作流程全部摊开来讲。1. 上架被卡三次之后我决定自己动手做宣传图1.1 应用商店那一堆图片规格要求到底有多磨人先说背景。我们的 App 主战场是国内安卓市场顺带发了 iOS 版本。你可能觉得“上架不就是传个 APK、填个简介吗”真不是。安卓各市场的后台除了需要一套应用图标之外还要你提供不同尺寸的“应用截图”常见的是 720×1280、1080×1920 这类竖屏尺寸有的市场还要横屏截图如果你要申请首页推荐位或者做专题活动还得额外做推广图。iOS 那边更是按机型来6.7 英寸、6.5 英寸、5.5 英寸每个尺寸都要对应一套截图iPad 版本如果勾选了还得再补一套。我最初的想法很朴素不就是拿设计工具把截图拼一拼、写几行字嘛。可真开始做才发现问题根本不在“会不会用工具”而在“没人告诉我该做成什么样”。我拿着外包给的 PSD 模板想自己改文字光装字体、调图层就折腾了一下午导出的时候不是字跑偏就是背景露馅。最后出来的图我自己看着都别扭更别说过审了。后来我冷静下来盘了一下App 宣传图这事本质上不是“设计能力”问题而是“信息和流程”问题。你要做的不是从零画一幅海报而是把一个已经做好的产品界面用文字和排版包装得更容易被用户理解。这就像给一个已经完工的房间拍照、配上说明文字挂到中介网站上——核心是“展示”不是“装修”。1.2 找设计师和“自己凑合”之间的第三个选项外包设计有外包的问题。首先是沟通成本你得让对方理解你的产品功能、明白你想要的感觉一两句话根本说不清改起来更是来回拉扯。其次是时间不可控我们有一次为了赶应用市场的活动周四下午提需求周六就要交图设计师直接说做不了。最要命的是不可持续每次版本更新都要重新约人中间隔一两个月上次做的风格早就忘光了。自己从零做又容易掉进另一个坑很多人第一反应是学 Photoshop但那是为专业设计场景准备的图层、蒙版、通道一套概念下来研发本来就忙根本抽不出时间系统学。还有的人用 PowerPoint 硬做也不是不行但 PPT 的导出清晰度和对图片尺寸的控制都比较有限做出来的成品总有一股“办公室通知”的味道作为商店首屏展示实在撑不住。我最后选择的思路是找一个“模板驱动”的在线设计工具把设计工作拆成“选模板、改文字、换图片、导出”四个动作专业设计的那部分由平台现成模板兜底。你可以把它理解成开发领域的低代码平台——不用你自己写底层但能快速拼出一个能跑的东西。这条路线对研发来说是最低阻力的路径因为它不需要你先成为设计师只需要你具备基本的审美判断力就够了。2. 为什么是 Canva而不是 PS、Figma也不是随便一个在线海报工具2.1 对研发最友好的几个点我试过几个工具之后主力工具固定在了 Canva 可画上面。这里先说清楚我讲的是 canva.cn 的免费版不是付费版后面所有操作都基于免费版完成。第一个让它脱颖而出的是“模板搜索”。它不像很多工具那样给你一张空白画布就完事而是内置了一个庞大的模板库。我只要在搜索框里输入“App 宣传”“应用商店”“手机应用”这类词就能看到大量已经排好版的模板。模板的好处是它帮你把最难的部分——构图、配色、字体搭配——全部提前解决了。你不需要理解什么叫“对比度”、什么叫“视觉动线”只需要照着模板的结构把内容替换掉整体效果就不会太差。第二个是操作逻辑非常接近文档编辑。选中一个文本框就能改字选中一张图就能替换拖动就能调整位置。这种“所见即所得”的方式和研发日常使用的办公软件很接近学习成本几乎为零。我上手第一个模板到完成一张成品图总共用了不到半小时其中大部分时间还是花在纠结写什么文案上。第三个是它保存了“品牌工具包”之类的概念。免费版里你可以把自己常用的颜色、Logo 传上去之后做任何一张新图都能一键套用保证整套宣传图的风格统一。这对后面批量制作素材特别重要我后面会专门讲。2.2 免费版够不够用模板、素材、导出限制的真实体验很多人一听在线工具就担心“免费版是不是什么都不能用”。我实际用了快两个月可以负责任地说对于做应用商店宣传图这个场景免费版完全够用。模板方面免费模板数量确实不如付费版多但 App 宣传这个垂直分类下的免费模板存量足够覆盖绝大多数需求了。而且你会发现真正需要的其实就那么几个版式结构找到用得顺手的几个之后其他的基本都是在这个结构上做微调。素材库也一样免费的照片、插画、图标素材虽然不像付费版那样海量但配合上传自己的应用截图完全撑得起来。导出环节免费版可以导出 PNG 和 JPG而且 PNG 支持透明背景这足够满足商店后台的上传需求了。没有遇到网上有些人说的“免费版导出带水印”的情况我导出的成品图都干净可商用。用下来唯一的限制是导出图片的格式选项比付费版少比如不支持导出 SVG 这类矢量格式但做宣传图根本没有这个需求。还有一点Canva 的免费版在部分高级模板和部分付费素材上有“Pro”角标你只要避开那些资源就能全程零付费。2.3 备选工具快速对比Canva / 稿定设计 / Figma / PowerPoint为了让你心里有个底我把实际接触过的几个工具放在一起对比一下。这里说的“以貌取人”先放一边至少从研发角度看到的真实差异是这样工具上手难度模板丰富度免费可用性适合场景我为什么不把它当主力Canva 可画极低高App 类模板多免费版够用应用商店宣传图、社媒图、快速产出当前主力无稿定设计极低高偏电商营销风免费版有较多限制电商 Banner、促销海报导出清晰度和模板风格偏营销做产品宣传图味道太重Figma较高自建为主个人免费需要团队协作的 UI 设计需要自己从零搭设计适合专业设计师研发用偏重PowerPoint低一般随 Office 附带内部汇报、草图导出精度不够画布尺寸控制不精确成品容易显廉价这个表格不是绝对的每个人偏好和场景不同工具选择也会有差异。但我的核心判断是研发做宣传图最关键的变量不是工具上限多高而是“从打开软件到得到一张能用的图最短需要多久”。Canva 在这个维度上优势最明显。3. 实操半小时产出一张能直接传后台的宣传图3.1 动手前先定三件事尺寸、文案、视觉锚点别一上来就打开工具找模板我前面翻车大多是因为准备工作没做足。你只需要花五分钟做三件小事后面速度会快很多。第一件事定尺寸。去你要发布的应用市场后台找到截图上传的位置看它要求的像素尺寸是多少。这里我提供一个常见的基准值国内安卓市场普遍接受 1080×1920这是竖屏截图的常见规格iOS 那边如果是 6.7 英寸屏对应 1290×27966.5 英寸是 1242×2688。实在找不到具体数值CtrlF 翻一下平台的“上架指引”文档通常写得清清楚楚。这一步非常关键因为画布尺寸错了一切都白搭导出后的图会被平台强制裁剪文案被切就是从这里开始的。第二件事定文案。宣传图上的文字绝对不是越多越好。你只需要回答一个问题用户第一眼看到这张图你最想让他记住什么把这个答案压缩成一句短句控制在 10 个字以内比如“极简记账3 秒上手”“离线地图没网也能走”。然后把这句话作为宣传图的主标题下面跟一行小字作补充说明比如一句功能亮点或者用户场景。整个文案层级不要超过三层否则就是给用户发考卷。第三件事定视觉锚点。也就是这张图最吸引眼球的那个画面元素。通常就是你的应用界面截图而且不要放多一张大图胜过三张小图。选那张最能体现产品核心功能的页面提前在测试机上截好图或者从应用商店后台的历史审核截图里找一张状态最完整的。如果产品是深色界面就优先选深色背景的模板搭配保持整体协调。3.2 一步一步搭画布从背景到文字再到导出准备工作做完接下来就是流水线操作。我用一个真实案例来演示当时要为一个记账类 App 做一张 1080×1920 的竖屏宣传图。完整的操作流程如下第一打开 Canva点“创建设计”选择“自定义尺寸”输入 1080 和 1920单位选像素创建空白画布。其实更推荐直接搜索“手机应用”模板先看看有没有接近的版式有就基于模板改我个人习惯是先有模板再微调这样比自己从背景色开始搭快得多。第二如果基于模板只需找到模板里的主视觉占位图双击它点击“替换”从本地上传我的记账 App 截图。截图推荐用 2 倍图也就是在测试机上以真机分辨率运行后截取避免网上随便找一张被压缩过的模糊图。替换之后模板原有的构图比例会自动适配。第三设置背景。我用的模板自带一个浅灰色背景有点太暗我想调整。选中画布空白处在右侧面板改背景色或者上传一张自己产品界面里的渐变色作为背景。这一步要记住一个原则背景永远比主图更“低调”颜色对比不要过于刺眼否则文字会看不清。第四改文案。双击主标题文本框把“轻松记账”改成我要的“极简记账3 秒上手”副标题改成“无广告、无理财纯粹记录每一笔”再删掉模板里多余的小字。字体方面如果模板自带字体不合适可以在文字工具栏换字体中文优先选思源黑体这类适合屏幕阅读的无衬线字体不要用带夸张装饰的书法体。第五导出前检查。把画面缩小到 50%快速看一眼整体是否有不协调的地方。然后把文字框全部选中确认它们都在安全边距内什么意思呢就是距离画布边缘至少留出 100 到 150 像素防止某些平台在展示时做二次裁剪。确认没有问题点击右上角“分享”选择“下载”格式挑 PNG这个格式清晰度比 JPG 好而且 iOS 和安卓后台都认。到此一张能直接传审核后台的宣传图就出来了。整个流程熟练之后从打开浏览器到下载文件大概二十分钟左右。如果你只是换模板里的文案而不换主图十分钟都用不了。3.3 一个几乎不出错的比例参照表不同场景需要的尺寸差别很大我把实践中比较常用的尺寸整理成了一张表你可以直接存下来用。这里要说明的是这些数值并不保证每个平台都永远不变重要的还是以你要上传的平台后台为准但作为起点已经够了使用场景推荐尺寸像素说明安卓应用商店竖屏截图1080 × 1920大多数安卓市场通用安卓应用商店横屏截图1920 × 1080部分市场要求iOS 6.7 英寸截图1290 × 2796iPhone 14 Pro Max 等iOS 6.5 英寸截图1242 × 2688iPhone 11 Pro Max 等iOS 5.5 英寸截图1242 × 2208iPhone 8 Plus 等社交媒体分享图1080 × 1350适合竖屏信息流官网 Banner1920 × 650网站首屏横幅常见尺寸第一次做的时候建议按这个表把画布尺寸建好然后再往里面填内容不要反过来做了图再缩放否则文字和图片的比例会被拉变形。4. 宣传图不是“画完就行”商店审核在意的那些细节4.1 截图与宣传图的关系很多人会有个误解觉得宣传图就是拿产品截图随便加几个字。其实应用商店里真正让用户滑动浏览的是截图区而“宣传图”更多是用于推荐位、专题页、社媒分享这些额外的露出位置。两者玩法不一样截图区的图核心目的是让用户快速理解 App 的界面和功能所以主体必须是真实的应用界面点缀性的文字越少越好而宣传图则相反它可以脱离真实界面用更大的文案和视觉冲击力去吸引点击然后引导用户回商店看截图。我一开始就是把这俩搞混把宣传图做得和截图一模一样结果专题活动那边看不上说“没有宣传感”。后来才慢慢摸到门道截图是产品说明书宣传图是广告牌。做之前先想清楚图要发到哪、给谁看、想让用户干什么再决定画面重心。实际操作中我做截图区素材的套路是这样的准备 3 到 5 张真实功能页面的截图第一张放核心功能第二张放增值功能依次排开。只在每一张顶部加一个小标题栏比如“3 秒快速记账”“多账本管理”“图表看趋势”用半透明背景盖住截图的顶部区域不要遮挡界面主体的内容。这样既能说明功能点又不影响审核对“真实界面”的判断。4.2 苹果和安卓市场对图文的硬性要求差异这里要单独拎出来说一下因为它们的审核逻辑很不一样。安卓市场整体上是“机器审核 人工抽检”的混合模式对图片尺寸和文字比例相对宽松但为了让推荐位展示效果统一部分市场会有自己偏爱的风格倾向。比如有的市场首页推荐位偏爱暖色调、大标题风格有的偏爱简洁留白。你可以去对应市场的推荐位逛一逛翻十张图上来看一遍基本就能摸清风格。这个花不了多少时间收益却很大——投其所好的通过率明显高。而 iOS 的 App Store 在文字上卡得比较严。主要体现在两点一是截图中的文案不能有夸大宣传的倾向比如“最好”“第一”“绝对”这类词审核存在被打回的风险二是如果截图里的文字与 App 实际功能无关比如放了和产品毫无关系的营销语也容易被质疑“与 App 内容不符”。我那次被退回的图就是因为把一句话副标题做了旋转倾斜处理文字超出了安全区边缘被系统判定为“文本裁切”。所以 iOS 素材在导出前一定要用 1:1 的预览模式检查边缘不要依赖缩小后的整体视图缩小后很多时候是看不出来裁切的。4.3 最容易被忽略的字体版权问题这一条是很多研发自己做图时根本没意识到的坑。在线设计工具里的字体有些可以免费商用有些只能在平台内使用、不可用于线下商业广告还有些本身是第三方字库的试用版。你用工具做了图上传到应用商店这算商业用途字体版权一旦出了问题是需要使用者自己承担责任的平台不背这个锅。我的应对策略分三点。第一优先使用系统内置的免费开源字体比如思源黑体、阿里普惠体这些明确可以免费商用而且现代感强适合绝大多数 App 宣传图。第二如果要加一些特殊风格的字先查一下它的授权说明一般工具平台在字体列表里会标注“免费商用”或“仅限平台内使用”看到后者就要换掉。第三公司有法务或者设计外包渠道的话可以把字体授权问题单独问一下尤其是如果宣传图要投放到户外广告、地铁屏这些场景字体授权要求会更严格。这里还要补充一个本地化细节。如果我们做的是出海 App英文宣传图里的字体同样要注意很多英文美术字体的免费授权范围只限个人项目商用还是要小心。不过英文场景有个好处是可用字体多直接用 Arial、Helvetica 这类系统基础字体安全系数最高。5. 批量生产一套素材的工作流5.1 一张主图改全部尺寸的复制换内容法宣传图很少只做一张。一个版本更新你可能需要同时准备安卓竖屏截图、iOS 两种机型截图、社区分享图偶尔还要一张官网 Banner。如果一张一张重新做效率实在太低。我摸索出来的方法是“一主多从”先做一张信息最全的主图通常是 1080×1920 那张把它当成内容源然后再派生其他尺寸的图。具体操作是这样的。主图做好之后回到 Canva 首页重新建一个目标尺寸的画布比如 1290×2796。然后回到主图编辑页CtrlA 全选所有元素按 CtrlC 复制再到新画布里按 CtrlV 粘贴。此时所有元素会作为一个整体带过来你只需要用鼠标拖动右上角的缩放控制点把整个内容缩放到新画布的合适大小再微调一下文案的字号即可。这种做法的好处是所有元素的结构、颜色、字体风格保持一致不需要重新配色视觉统一性自然就保证了。你可以把主图想成代码里的基础组件其它尺寸的图都是它的不同渲染实例。刚开始多花一点时间把主图做扎实后面每张派生的图十分钟内就能搞定。5.2 版本更新时如何只改日期和版本号一套素材做完它并不仅仅服务于一次上架。App 是有生命周期的通常每两到四周就会发一个小版本每次发版都可能需要更新商店素材里的版本号、功能点甚至特色文案。我的习惯是在 Canva 里把每个项目的文件按照“App名称_用途_日期”的格式命名和归档比如“记账助手_商店截图_20240520”。下次更新时直接搜索文件进入编辑页只修改需要变化的文字比如把“新功能扫描发票”改成“新功能多人共享账本”然后重新导出即可。这里有个技巧导出时不要覆盖原文件而是使用“另存为副本”把新版本的文件名里的日期改成当天的。这样如果新图出了问题还能回到旧版本避免误操作把历史素材丢了。这背后的逻辑是宣传素材和源代码一样也需要版本管理。你可以不用 Git 那么正式但要保证任何时候都能找到某个日期、某个版本对应的素材否则一年后你再想找回当初那个推荐位用的图翻遍整个网盘都找不到那种绝望我是经历过的。5.3 团队协作时的文件命名和存档习惯如果你们团队有多个研发或运营同时维护素材命名和存档就更重要了。我建议在团队共享网盘里建一个固定结构一级目录按年份分比如“2025 宣传素材”二级目录按用途分商店截图、活动推广图、社媒分享图、官网 Banner文件命名统一为“产品名_用途_尺寸_日期”比如“记账助手_商店截图_1080x1920_0520”这个结构看起来简单但实际用起来非常省心。它解决的不仅是“找文件”的问题还有“这张图是不是最新的”问题。团队里只要默认最新日期的文件是有效版本就不会有人拿着一周前的旧图去提交审核。另外Canva 本身也支持多人协作可以通过链接分享编辑权限。研发 A 改了主图研发 B 打开同一个文件就能看到最新版本不需要反复传文件。不过要提醒一句协作链接的权限最好设为“仅编辑”不要给“可分享可查看”之外的权限避免有人不小心删了公共模板。6. 实测过程中踩过的坑写给你们避雷6.1 导出后文字模糊、边缘发虚的原因我最早做出来的一张图在编辑界面里看非常清晰导出后再用看图软件放大字体的边缘就有一圈毛边尤其是小号文字特别明显。排查了半天最后发现原因是我在模板的基础上把整个设计的画布尺寸缩小了。举个例子模板原始尺寸是 2160×3840我在自定义尺寸创建画布时建成了 1080×1920然后又直接从模板里 CtrlC、CtrlV 把元素复制过来。这些元素在原始画布里占的比例是正常的到了新画布之后整体偏移缩小文字也跟着缩小。缩小后在编辑界面看着没问题但导出时 Canva 会按照画布实际尺寸输出小字的分辨率自然就不够清晰。解决办法有两个要么在做图之前就确定好目标画布尺寸不要中途改要么就在原模板画布里改内容改完再通过“调整尺寸”功能一次性等比缩放。如果你发现某张图导出边缘发虚优先检查有没有做过二次缩放操作。6.2 颜色失真问题宣传图在电脑上看挺正常但传到应用商店后台有的渠道会做二次压缩颜色会有轻微的偏色尤其是一些高饱和度的颜色容易发灰。这个不完全是工具的问题更多是平台处理机制导致的。我踩过的具体案例是设计时用了比较鲜艳的橙红色做背景导出后在电脑上看是“活力橙”上传后台预览时却变成了偏暗的“砖红色”。后来咨询了一下确认是图片色彩空间的问题。我们屏幕设计一般用 sRGB但部分平台压缩链路会把它转成别的色彩空间导致饱和度偏移。这里能做的规避措施有限但有一点是有效的在设计时不要把关键文字或图标做成那种“非常接近背景色”的配色要保证即使颜色有一定偏移文字和背景仍然有足够对比度。另外可以为同一个设计方案做一深一浅两版提交前用平台后台提供的预览功能看一眼如果偏色严重就换另一版。6.3 模板被“锁定”怎么办用在线工具的另一个常见问题是你选中的模板里有些元素会被锁定显示一个“Pro”的角标点一下提示需要升级会员才能使用。一开始我在这上面吃过亏辛辛苦苦改了半天最后导出的时候才发现图片角落有个水印样式仔细一看是模板里默认带的一个免费图标水印。解决思路有两个。第一换个模板这是最省事的很多免费模板虽然少但结构清晰的足够用了。第二如果不舍得换就手动把锁定元素删掉再找免费的替代元素补位。操作上选中被锁定的元素尝试用键盘 Delete 键删掉如果删不了就检查一下右边工具栏的“图层”面板找到对应图层后直接隐藏它。虽然有些模板的限制比较严格但大多数只是锁定编辑并不会禁止你删除。这里分享一个判断模板能不能用的经验选模板的时候先点进编辑页在图层面板里粗略扫一眼有没有大面积“Pro”角标元素。如果有超过三分之一都是付费素材那后续替换成本会很高果断换下一个。别在一棵树上吊死模板这玩意儿找到顺手的比找好看的更重要。我用这套方法做了两个多月素材之后最大的感受是研发做宣传图第一个月最难的不是工具而是转变心态。你得接受自己产出的图不会像专业设计师那样惊艳但也要明白“可用、合规、快”本身就是价值。现在团队里再有临时宣传图需求我第一反应不是找外包而是打开工具库搜个合适的模板二十分钟给需求方发过去一版初稿。等他们点头了再回头精修细节效率完全是两种节奏。这套流程如果你也想照搬建议先拿自己 App 的旧截图照着走一遍第一次慢不要紧模板和文件归档习惯建立起来之后后面会越来越快。