研发自制应用商店宣传图：免费工具、流程与避坑指南

App要做应用商店的素材时团队里最慌的往往不是产品经理而是研发。功能都写完了测试也过了结果上架前一天运营跑来要5张宣传截图和一套商店推广图。找设计师排期最快也是两周后。自己用PS做打开软件那一刻就已经准备放弃了。后来我试过几个免费宣传图工具才意识到这个问题的解法比想象中简单不需要你会设计只要有一张App真实截图、一句用户能听懂的话再套一个质量过关的模板就能在半天里做出一套够上架、够投放、不丢人的宣传图。这套流程现在我们团队用了大半年我前后帮三个内部项目做过多套商店图和推广图踩了不少坑也总结出了一套基本不出错的做法。这篇就把完整流程、工具选型、验收标准和翻车经验一次说清楚。1. 研发做宣传图的三大死穴不是不会用工具而是不懂设计的信息层级市面上做图的工具太多了研发真正的问题从来不是没有工具而是压根不清楚一张宣传图在设计上要达到什么目标。这个认知不纠正换什么工具都是白搭。1.1 应用商店到底要什么尺寸的图先说基本要求这部分最容易被研发忽略。你以为做一张竖着的图就行实际上不同商店、不同设备对尺寸的要求完全不同而且审核时对模糊、拉伸、内容遮挡非常敏感。第一次做iOS宣传图我最头疼的就是适配尺寸。Apple官方的要求是按主力机型来提供截图现在主流的是6.7英寸iPhone 15 Pro Max那种分辨率1290x2796像素。但商店后台仍然会要求你准备其他几个典型尺寸比如6.5英寸、5.5英寸、6.1英寸。之前有次我没注意只做了一张1290x2796上传到iPad栏位时直接提示尺寸不符。安卓这边就更碎了。华为、小米、OPPO、vivo各家商店后台要求不完全一样但有一个比较通用的安全区间1080x1920像素竖向4:7的比例。部分商店还会审核详情页里的长图常见的是1080宽长度4800或更长这种长图适合放功能介绍。这里有个实操建议不管目标平台是什么新建画布时全部按最大尺寸来做iPhone用1290x2796安卓用1080x1920导出时再等比缩小适配其他尺寸。千万不能反过来——拿小图放大一定会糊商店审核很挑这个。目标平台推荐画布尺寸备注iOS 6.7英寸1290 x 2796 px主力机型优先做这张iOS 6.5英寸1242 x 2688 px兼容旧款Max机型iOS 6.1英寸1170 x 2532 pxXR/14/15标准款Android主流商店1080 x 1920 px横竖屏各做一张更稳商店详情长图1080 x 4800 px功能分段展示用1.2 研发最习惯踩的三宗罪我在内部做过一次小调查发现研发自己上手做宣传图最终效果难看都不是因为没审美而是踩了三个典型问题。第一宗罪把宣传图当成说明书。见过一张图里塞了八个功能点的每个功能一行小字加一个截图整个画面挤得密不透风。用户刷商店的时候这种图在列表页缩略状态下就是一片灰蒙蒙的色块根本看不清内容。宣传图的本质不是介绍完整功能而是让用户停下来——信息越满注意力越涣散。第二宗罪背景花哨程度和App本身无关。装了几个滤镜素材就往上一堆标题文字压在半透明色块上自以为很有设计感实际上用户第一眼看到的全是装饰读不到核心信息。宣传图的背景应该服务于App的气质而不是反客为主。第三宗罪所有元素一样大。标题、副标题、功能点、截图在画面上抢着当主角用户的视线无处落点。设计里管这个叫没有信息层级。研发思维是线性的总觉得每样信息都重要都该突出结果就是谁都不突出。1.3 先搞清楚宣传图的任务再动手在我自己的实践里一张合格的App宣传图只需要完成三件事3秒说清你的App做什么、让用户产生想试试的冲动、引导用户点进详情页或直接下载。这三件事对应到画面设计上分别是一句话主标题不超过8个字、一张有吸引力的产品截图最好直接展示核心功能的结果页面、一个明确的行动暗示比如扫码下载免费使用或者干脆用截图里露出的评分来暗示品质。想明白这三件事之后宣传图就从一个设计问题变成了信息组织问题——而这恰好是研发的逻辑强项。接下来的所有工具和操作都是围绕着如何把你的App信息组织得更容易被用户接受来进行的。2. 免费工具选型实录在线模板、社区设计稿、半自动生成怎么选才不被坑明确了目标之后接下来就是选工具。免费宣传图工具听上去挺多但真上手会发现差异非常大。我按自己的使用经验把它们分成三类分别对应不同的团队情况。2.1 本地设计软件的真实门槛先泼一盆冷水如果完全没有设计基础不建议从PS或Figma空白画布开始。这不是工具不好而是学起来的时间成本极高。PS里光是一个智能对象替换的概念就挡住了一大批人。Figma虽然免费且功能强大但要自己搭布局、调字体、处理导出第一次用的人光是对齐和分组就能折腾半小时。研发同学最擅长的事情是在约束条件下找到最优解。既然目标只是做一套宣传图那最优解就是利用现成模板把精力花在内容和微调上而不是从空白画布开始研究图层和蒙版。2.2 在线模板工具的免费额度够不够用目前主流的免费在线设计工具有Canva、稿定设计、创客贴以及偏向设计协作的Figma社区。它们都有免费版但对App宣传图这个具体场景来说体验差别不小。我在实际项目中主力用的其实是Canva和稿定设计两个一起搭配。Canva的模板质量高尤其是海外风格适合做iOS商店图和海外商店需要的多语言版本稿定设计里国内应用商店风格模板更多很多模板直接标好了应用商店截图应用推广图的尺寸省得自己换算。免费版会限制部分付费素材但基础模板和上传功能是够用的我做了几十张图没有哪次是因为免费额度被卡住做不下去的。Figma社区则是另一条路——它本身是设计工具但在社区里可以找到大量开源的App宣传图模板文件直接复制到自己的Figma工作台里改文字和图片。这条路更适合有一点设计基础的人好处是完全免费且没有素材数量限制坏处是需要熟悉Figma的基本操作。提示请确定项目的主要目标平台后再决定主用哪个工具。如果只做国内安卓商店稿定/创客贴更顺手如果涉及海外上架Canva本地化翻译是更稳的组合。2.3 我给不同类型团队的选型建议根据团队的实际情况我的建议是这样独立开发者直接用Canva或稿定设计不折腾社区模板。独立开发者时间最贵模板套用效率最高。5人以内小产品团队没有专职设计模板工具为主同时可以从Figma社区找一个长期维护的模板文件方便定期换活动素材时统一风格。团队里有半个设计能力的人比如会写CSS或用过Sketch上Figma社区模板自由度大品牌一致性容易控制。需要大量投放素材的团队在稿定/创客贴里做基数关键投放图再交给人做精修免费工具用来解决量的问题。工具本身不决定成片质量但选错工具会浪费大量时间。我见过有人用PPT硬生生排出宣传图不能说完全不能用但在字体渲染、导出清晰度和尺寸精确度上都有明显短板不推荐。3. 一张能过审又能转化的宣传图完整制作流程实录工具选好之后接下来就是实际操作。我带大家过一遍我最近的完整流程这次以一套iOS商店宣传图为例安卓流程大同小异。3.1 开工前的清单素材、文案、尺寸一并备齐很多人在工具里卡住不是因为操作不会而是因为素材没准备好。做宣传图之前先把这三样东西备齐能省一多半时间。第一是截图。注意不是直接在模拟器里截一张就完事要提前清理数据列表页里的测试账号、明显无意义的占位数据、乱码字符都要处理掉。如果App有登录页和首页宣传图里尽量用第二层或第三层页面——已经登录、展示出真实数据内容的页面更有说服力。我自己习惯是准备三张截图一张列表/搜索结果页、一张内容详情页、一张个人中心或成就页用于不同模板。第二是Logo。必须透明底PNG白色或浅色背景上的Logo贴到深色模板上会很突兀。有些工具自带抠图功能在线就能处理但提前准备好透明底素材会节省大量时间。第三是文案。主标题控制在8个汉字以内比如极简记账一键上色离线翻译它是整个画面的视觉中心副标题一句话说明你最核心的差异化卖点比如30秒记录一笔自动生成周报功能点准备3到4个每个不超过10个字比如多端同步离线可用数据加密。文案全部在开工前想好做图的时候直接粘贴效率会高很多。3.2 标准三段式布局让读者3秒内看懂你的App模板虽多但质量高的App宣传图基本都遵循一个三段式结构。这个结构不是我发明的是应用商店里大量高下载量App的宣传图验证过的它分别对应前面说的三个任务。顶部是品牌区放Logo、App名称和主标题。这个区域务必干净背景可以适当留白或用微渐变保证文字可读性。很多免费模板自带的标题样式就够用关键是别再自己加花哨的字体效果。中部是展示区放最核心的那张产品截图。截图四周可以加圆角、投影或边框让它在画面上显得像一台手机或一个卡片更有质感。注意截图里的内容朝向和色彩要让用户即使看不清细节也能从色块分布上感知到App的界面风格。底部是功能区放2到3个功能点图标模板一般自带图标库或一句信任背书。这里的信息要弱化字号比主标题小两档以上别让底部太抢眼。比如已上架3年50万用户这类信息放这里正好。这套布局的好处是可填空——不管你做什么类型的App把对应素材往这三个区域里一套整体就不会差到哪去。3.3 套模板不是无脑换字三处微调决定成败选好模板、填完内容的初稿通常离能上架还差一次微调。模板之所以是模板是因为它给了一个通用结构但你的文案、截图和主色调都需要做针对性调整。第一个调整是主色调。模板自带的配色很可能是根据它演示用的示例产品设定的比如演示图是美食App就用了橙色。你的App如果是一个偏工具类的蓝色界面硬套橙色模板会显得非常割裂。调整方法很简单在工具里把背景色、标题色、按钮色改成你App界面主色延伸出来的色系。颜色改完基本就顺眼了一半。第二个调整是字号和间距。模板默认的主标题字号可能偏大或偏小你需要根据文案长度微调。判断标准是在页面缩略图状态下大约是原图尺寸的20%标题仍然能轻松辨认。字体间距上中文标题一般不需要额外拉宽但如果文案里含英文适当增加字符间距会让质感提升一档。第三个调整是对齐。这是最容易被忽略的细节。模板里拖动元素时工具都会显示智能对齐辅助线请务必把Logo、标题、副标题、截图的中心线对齐。素材对齐和没对齐差别不是有点歪而是整体观感立刻从神坛掉到地摊。这一步不需要任何设计天赋只要多点几次暂停看对齐线就行。完成这三步微调后一张80分以上的宣传图基本就出来了。接下来的问题不是怎么更好看而是怎么不翻车。4. 翻车复盘应用商店审核、视觉车祸、字体版权这些坑我每个都踩过做宣传图的坑大部分不在操作层面而在验收和合规层面。有个前后端都全能的同事第一次做宣传图为了展示搜索功能截图里带了测试数据结果iOS审核直接拒了理由是截图内容与App实际功能不符以及包含敏感数据。白等了两天。所以我把这些坑单独拿出来说希望能帮你绕过。4.1 测试数据没清理应用商店直接拒审截图里的测试数据是审核员重点关注的地方。最常见的翻车现场包括界面右上角挂着测试环境标签、列表里有没处理的假用户昵称、数据统计页出现不合理的巨额数字。清理方法没有捷径就是截图之前重新造一套演示数据。去测试环境里创建一批看起来真实的数据合适的昵称、合理的交易金额、有代表性的内容标题。这些数据最好能体现App的核心场景比如记账类App可以放餐饮消费35元交通出行8元这种常见额度内容型App就放正常的标题和封面图。有语言的界面还要注意不要让测试数据里出现乱码或超长未截断文本。4.2 截图被拉伸模糊分辨率检查别只听模板的在线设计工具的模板一般会自动适配画布尺寸但你上传的产品截图不一定会。最常见的做法是把竖屏截图直接拖进模板的截图占位框里工具默认拉伸填满比例不对时就会变形。正确做法是优先选择裁剪填充而不是拉伸填充。大部分工具在图片占位框上点右键或双击都能切换图片填充方式。选了裁剪之后拖动截图位置保证主体内容完整露出就行。另外导出时务必检查格式和分辨率——商店审核对模糊的容忍度为零导出设置为PNG或者高质量JPG有条件就选2x或3x。4.3 免费字体的版权死角这是最容易出事的暗坑。很多研发不知道中文字体的版权比英文字体严格得多随便从网上下载一个好看的字体放进宣传图一旦App是商业项目字体版权方随时可以让你的投放图下架甚至索赔。解决办法有两个一是只用工具平台自带的字体这些字体通常已经买了授权随模板使用没问题二是用明确的免费商用字体比如思源黑体、阿里巴巴普惠体、站酷快乐体等。千万不要从非官方渠道下载破解版字体用于商业宣传图这个坑一旦踩上损失远大于找设计师的费用。4.4 本地化与文案避坑宣传图里的每一个字都要过审如果App要出海英文文案不能靠机器糊弄。商店审核不会因为语法错误拒你但用户的转化率会诚实反映。中文标语直译成英文往往过于生硬比如一键记账直译成One key accounting海外用户根本get不到。更自然的是Track expenses in seconds这种表达。没有把握的文案宁可少放字也不要强凑英文。另外所有宣传图中的文字信息不能有绝对化用语。比如最好用的记账App全国第一百分之百免费这种表述多数应用商店审核会直接打回部分国家地区的广告法也会追究。做投放图时这几个词一定避开最佳第一绝对最。5. 从能看到能带来下载量宣传图的后半段功夫一套宣传图做完、过审、上架很多人就以为这件事结束了。但到这个阶段这套图才真正开始产生数据。做宣传图这件事后半段功夫远比前半段重要。5.1 用截图讲故事而不是堆功能同样是功能展示不同的呈现思路带来的转化效果差异很大。举个例子一个健身类App功能包括训练计划、饮食记录、数据统计。平庸的做法是三个功能各截一张图配上专业训练计划科学饮食记录数据一目了然三个标题。好一点的做法是设计一条用户动线第一张图是用户完成一次训练后的成就页面第二张是饮食记录打卡成功的画面第三张是连续30天的趋势曲线标题分别是完成今日训练记录一日三餐看看这一个月的改变。后者之所以有效是因为它让用户产生了代入感——用户不是在读功能列表而是在预览自己使用这款App之后的生活状态。做宣传图的时候把功能导向切换成结果导向画面感会立刻不一样。5.2 数据与评价的呈现边界在宣传图中放评分和下载量是提升转化的有效手段但要注意合规边界。应用商店对虚假数据零容忍虚构评分和用户量一旦被举报轻则下架素材重则影响开发者账号信誉。合理的方式是放真实数据比如App页面里已经展示的评分或者官网上明确公开的用户量。如果App刚上线没有数据就不要硬加可以放新用户专享限时免费这类真实行动号召。还有一个细节截图里如果有价格信息必须和商店后台设置的价格一致。后台标0元截图里写了6元/月同样是审核事故。5.3 一套图做多组版本A/B测试的成本比想象中低在线模板工具最大的优势之一就是生成多版本的成本极低。同样的素材和布局换一个主色调、换一句主标题两分钟就是一张新图。我一般建议至少做三组风格一组突出效率用偏冷色干净背景走专业路线一组强调情感用暖色或插画背景突出用户的使用场景一组强调数据用大数字大截图直接告诉用户多少人用了多少条记录。三组图都上架之后在商店后台看各张截图的点击率和转化数据两周就能看出差异留下效果最好的那组继续投放。这件事看起来不起眼但对新增用户量的影响远超多数人的想象。提示凡是宣传图中出现具体数据和用户评价务必截取真实后台或商店页面的原始素材不要PS编造。小规模产品经不起合规风险。5.4 保持一套可替换的宣传图工程文件最后分享一个实战习惯不要每次做新宣传图都从零开始。在线工具里把做完的一套图存成模板项目之后每个月要更新活动素材时直接复制项目、替换截图和文案即可。我现在的做法是维护两个固定模板一个商店截图的竖图模板一个社交媒体投放的方图模板。每次新版本App发布只需要把新截图放进去、改一下核心功能文案20分钟就能出一套新素材。用免费工具做宣传图这件事做到这个程度已经不仅仅是在省设计费了它让研发团队在应用的拉新、转化环节也有了随时出手的能力。最后再分享一点个人体会做宣传图最容易犯的错误不是审美不够而是想一口气把所有内容都讲完。其实应用商店的用户耐心极差你的宣传图在信息流里被划过的速度比短视频还快。把核心信息砍到只剩一句最想说的话画面再留出一半的留白效果反而出奇地好。工具只是让这件事成本变低真正决定宣传图效果上限的始终是你对目标用户那一瞬间注意力的理解。