前段时间有同行在群里问“你们 App 的商店宣传图是谁做的”底下回答五花八门但有一条让我印象很深“还能有谁自己做的。五分钟一张省心得很。”说实话现在 App 推广竞争这么激烈商店头图、功能亮点、活动海报这些东西几乎是跟着版本迭代走的。你等设计排期可能等排到的时候下个版本都写好了。于是“研发给自己的 App 做宣传图”这个事已经从一句玩笑变成了很多团队的刚需而那些免费工具正好把这件事的门槛拉到了极低。这篇文章我想把整套流程拆开讲讲——怎么用免费在线设计工具让一个不会 PS 的研发也能在半小时内产出一套能直接投渠道的 App 宣传图。想省时间的研发同学可以参考这套做法。1. 为什么研发会自己去碰宣传图1.1 这不是跨界是被逼出来的刚需很多研发第一次动手做宣传图原因都不是“我热爱设计”而是“图等不到了”。尤其是个人开发者、三五人的小团队甚至不少公司内部的工具类 App设计资源要么没有要么需要排期。一个功能周五晚上上线周一就要发版公告配图你找谁去这个时候能最快响应的人就是自己。还有一个更现实的原因宣传图本质上是在“翻译功能”。主标题写什么、截图挑哪一块、二维码放多大的位置这些问题只有最了解产品的人能快速回答。设计师接需求时需要你先写 briefing但研发自己上手天然就省掉了这层沟通成本。我自己做过几轮之后最大的感受是不是设计师做不出来而是研发自己做的速度足以覆盖大多数临时场景。所以“研发做宣传图”这个现象本质是效率驱动的产物。它不是要替代专业设计师而是填补那些“正式设计流程覆盖不到”的缝隙场景商店截图更新、活动弹窗配图、朋友圈分享卡片、内测群公告头图。这类图不需要多艺术需要的是快、准确、不丢人。1.2 自己动手到底省在哪里我算过一笔账。以前找设计师做一套 App 商店宣传图正常流程是提需求、等排期、初稿、修改、终稿快则两三天慢则一周。如果中途要调整截图里的功能按钮文案可能还要重新来一轮。而自己用免费工具做整个流程压缩到打开网页、套模板、换截图、改文案、导出半小时内全部搞定。省下来的不只是时间还有“迭代自由度”。宣传图这东西本质上是一个你永远不会“一次性做完”的资产。应用商店后台的数据告诉我们同样的宣传图换一版主标题点击率能差出一截。如果你能做 A/B 测试你就需要高频地产出不同版本的图。请设计师提这种需求成本太高自己做成本就是一杯咖啡的时间。最重要的是现在的免费在线设计工具已经把门槛降到了“会打字、会拖拽”的程度。你不需要懂色彩理论不需要知道什么是字重模板已经把版式、配色、字体搭配都处理好了。你要做的只是把内容换掉这跟填表差不多根本谈不上“跨界”。1.3 为什么说“省心”而不是“将就”有人一听研发做设计第一反应是“那能好看吗”。我倒觉得这个判断需要更新了。免费模板的质量确实参差不齐但头部工具的模板库是由专业设计师设计的底子不差。你只要不刻意“发挥创意”老老实实按模板结构走出来的成品大概率是及格线以上的。“省心”还有一个层面是版权上的省心。自己做宣传图最怕什么怕字体侵权、怕图片素材侵权。正规免费工具自带的素材库都明确标注了可商用字体也会帮你规避版权风险。你不需要去网上找一堆来历不明的字体包也不用担心哪天收到律师函。对研发来说这种“不用操心法务”的省心比省几十块钱重要得多。当然我承认上限有限。如果你要做出苹果发布会那种质感的视觉那确实需要专业设计师。但如果你只是为了商店展示图、活动公告、社群分享卡片那“省心可用”已经完全够格了——这恰恰是大多数研发宣传场景需要的状态。2. 免费工具怎么选我对比了五条路2.1 先盘一下有哪些选项我最早给 App 做宣传图时第一反应是开 PS。但很快发现PS 对非设计岗的人来说学习成本根本扛不住。图层、蒙版、混合模式每一个名词都能劝退一半人。然后又试过 PPT、Keynote能做但排版精度和素材资源都比较弱做出来总有一股“演示文稿味”。后来我把方案分成四类逐个对比过方案学习成本出图速度素材版权最终效果推荐度专业设计软件PS/AI高慢需自行处理高不推荐研发日常用办公软件PPT低中一般中等应急可用代码生成图片脚本绘图高中自定义不稳定不推荐免费在线设计工具极低快明确可商用中上强烈推荐在线设计工具里面我身边用得最多的还是 Canva可画这类老牌平台免费版就够做宣传图国内也有类似产品。它的好处是模板多、全中文界面、云端保存换台电脑登录账号就能继续改。对我这种只能挤出碎片时间的研发来说这种“打开网页就能做”的轻量体验太重要了。2.2 为什么免费在线设计工具能成为最优解核心原因只有一个它把“设计能力”打包成了“填空能力”。模板就是现成的版式你要做的只是替换素材和文字。这相当于给你一个已经装修好的房子你只需要摆家具不需要砌墙刷漆。另一个优势是它内置了大量 App 宣传图相关模板。你搜索“App 启动页”、“应用商店截图”、“活动海报”会有成百上千个模板可以直接套。而且很多模板本身就是手机模型截图的组合你只要上传自己 App 的截图它自动帮你做出“手机持握”的效果。这种效果如果自己做在 PS 里至少要半小时。素材和字体也是现成的。免费版里就有大量可商用的图片、插画、图标、字体。你不需要去各种素材网站东找西找更不用担心版权。这一点对研发来说尤其友好——我们在代码里习惯用开源协议设计素材的版权意识相对薄弱工具帮你把事情管住了就不会踩坑。还有一个容易被忽略的点在线工具天然支持多尺寸。你做好一张 1080x1920 的主图可以直接一键改尺寸自动适配成 16:9、1:1、9:16 等不同版本。每次调整后只需要手动微调一下文案位置和排版就能批量产出多平台需要的素材。2.3 免费版和付费版的分界线在哪说实话App 宣传图这个场景免费版基本够了。我用免费版做了几十张图唯一一次觉得想充钱是想用某个高级字体和一个去背功能。但后来发现去背可以用在线工具替代高级字体不用也行——模板默认字体已经够好关键是排版别乱。如果你只是给 App 做宣传图、活动图、分享卡片免费版够用如果你需要统一的品牌 VI、上百页的提案文档、精细到像素级的动效设计那才值得考虑付费版或直接用专业设计软件。团队协作方面免费版一般也支持多成员账号几个研发共用一台“设计号”完全可行。所以在选型上我自己的结论是别一上来就装 PS也别急着花钱开会员。先用免费在线工具的模板做几轮等真的遇到模板解决不了的需求时再考虑升级也不迟。绝大多数人可能永远走不到升级那一步。3. 零基础做一套完整宣传图的实操流程3.1 开工前的素材清单做图最怕中途找素材。人一忙起来最烦的就是“做到一半发现缺一张截图”。所以我现在每次做宣传图前都会先花五分钟把素材备齐。一份标准的 App 宣传图素材清单大概长这样App 图标源文件PNG最好 1024x1024 以上3-6 张功能截图挑选核心功能界面要干净、无测试数据品牌色色值从 App 设计规范里抄或者用取色工具从图标里取一句核心标语 3 个功能关键词下载二维码如果是国内渠道一般放应用宝或官网二维码公司/产品 Logo截图是这里面最容易出问题的。我见过很多宣传图界面里赫然显示着“测试账号”、“假数据”、“内测按钮”。这种细节一旦上线用户截图到处发挺尴尬的。所以导出截图前一定要确认界面状态干净最好是专门用一个测试账号把页面内容尽量填得真实好看一点。我个人的习惯是在真机上截图而不是用模拟器。模拟器截图的分辨率和真机有差异而且很多手机渲染特效在模拟器里出不来。真机截图最能还原用户看到的真实效果投在宣传图里也更可信。3.2 第一步按发布渠道确定画布尺寸很多研发做宣传图上来就选模板结果导出的尺寸跟渠道要求对不上最后只能拉伸变形。正确的顺序是先定渠道再定画布再选模板。不同渠道对宣传图的尺寸要求差异很大。这里我列几个常用的渠道/用途推荐尺寸备注iOS App Store 6.7 英寸1290x2796顶部不透明安全区、底部可留透明iOS App Store 6.5 英寸1284x2778老款大屏 iPhoneiOS App Store 5.5 英寸1242x2208老款 Plus 机型国内安卓主流市场1242x2688 或 1080x1920各市场略有差异优先用 1242x2688官网/落地页首屏1920x1080 或 1600x900横版为主社交媒体分享卡片1080x1080方图或 1080x1920竖图公众号、朋友圈、即刻等平台不同群公告横幅750x300微信社群场景常用我一般建议核心做一张竖版 1242x2688因为这是应用商店主流尺寸再派生一张横版 1920x1080 用于官网和公众号。剩下的渠道图在工具里用“一键改尺寸”功能来适配最后手动微调文案位置即可。提示在选画布时直接把像素数值填进去不要选“通用公众号头图”这类预设因为预设尺寸往往是历史遗留标准跟 App 渠道要求对不上。3.3 第二步用“从上到下”的顺序搭设计框架模板确定后排版顺序很关键。我总结了一个适合研发理解的“从上到下”框架跟写代码一样每一层都有自己的职责第一层是背景。背景决定了整张图的氛围建议用品牌色渐变或浅色底加图标水印。不要用太花哨的图片做背景否则会干扰前景信息。如果你不确定配色直接用图标里的主色再往浅色调 20%基本不会出错。第二层是主标题区域。放一句话核心卖点字号最大位置大概在画面上三分之一处。主标题下面跟一行副标题解释“这个 App 用来做什么”字号小一档。这一块是整张图的视觉重心用户第一眼就看这里。第三层是截图展示区。放 2-3 张功能截图可以套用模板里的手机模型也可以直接用圆角矩形加投影。截图排列顺序按“用户使用路径”来首页 → 核心操作页 → 结果/反馈页。不要三张全是同一功能的不同角度那样信息量太弱。第四层是功能卖点区。用三到四个小标签比如“实时同步”、“离线可用”、“数据加密”每行两个横向排开。标签不要超过八个字字多了就压缩到两行视觉效果容易乱。第五层是行动区域。放二维码、下载按钮、Logo。二维码不要太小务必保证扫码距离内能识别建议在导出后自己扫一次。如果二维码周围有底色要留一圈安全边距不然扫码识别率会降低。这五层从上到下是用户视线的自然流线也是信息优先级从高到低的过程。照着这个顺序填内容哪怕模板和你选的风格不匹配也不会乱到哪里去。3.4 第三步写文案时把“研发视角”转成“用户视角”宣传图最容易翻车的其实是文案。研发写文案动辄就写“基于 Flutter 跨平台方案已适配 iOS 15 / Android 12”这种话对自己人很有说服力但用户根本不在乎。宣传图上的文字要回答的是“这个 App 对我有什么用”。我常用的一个方法是把功能描述翻译成“动词 结果”。比如“性能优化” → “启动快 50%打开 App 不等待”“数据加密” → “隐私保护数据不上传云端”“支持多设备同步” → “手机上改的平板上秒同步”写主标题时尽量控制在 12 个字以内字体要大信息要直接。副标题可以用一句完整的说明但也不要超过 20 个字。功能标签每个控制在 4-8 字不要出现“企业级”、“全链路”、“赋能”这种词——不是说这些词不对而是它们太抽象用户内心没有画面感。二维码下面的说明文字也很重要。不要只写“扫码下载”四个字可以写“扫码下载新用户领 7 天会员”这类有钩子的文案。同样尺寸的二维码配上一句利益点的转化率可能差一倍。如果团队里有人有运营或者市场背景建议发图前让他们过一眼文案。研发自己写的文案容易“太懂产品”而“不够懂用户”运营同学往往能一句话点醒问题。3.5 第四步导出的格式与规范导出这一步看似简单但细节决定体验。我总结了一套导出规范现在团队里做宣传图都按这个走格式选 PNG不要选 JPG。宣传图里有文字要素JPG 在浅色背景上容易出现压缩噪点观感差不少。导出的素材分辨率不低于渠道要求的最低值。宁可大一点不要小。分辨率不够的图某些应用市场后台会直接压缩效果糊成一片。命名规范建议产品名_渠道_尺寸_版本日期例如记事本App_AppStore_1242x2688_20240601.png。这种命名习惯了之后找图特别方便尤其是要上传多个渠道时不会传错文件。导出前把二维码重新扫一遍把链接逐个点一遍确认没有跳转到旧版本页面。如果有多个渠道不同的尺寸版本把源文件在工具里建立“项目文件夹”管理不要散落在一堆图片文件里。关于文字排版还有一个容易忽略的问题导出前一定要留意字体有没有转换成可显示的状态。在线工具一般是云渲染你在别人电脑上打开也能正常显示但如果你用了特殊字体最好在导出后仔细检查组件的上下左右有没有被裁切尤其是文字贴边的情况。3.6 第五步归档和二次复用做完一套图不是终点麻烦的是下次还要做。很多研发做图是一次性的做完导出文件丢在下载目录里下次更新版本时又从零开始。这不是省心的做法。正确的做法是把模板里做好的文件保存为“项目模板”下次新版本出来时直接在旧文件上改。更换截图、更新文案、调整版本号五分钟就能出一张新图。我在在线设计工具里专门建了一个“产品宣传图”的文件夹里面按版本编号存着所有历史文件。每次迭代后直接把上一版文件“另存为”改名成新版本号再开始改内容。这样既能保留历史版本又不会破坏现网用的那版。归档时顺便在文件描述里写一句“本版上线时间 / 投放渠道”几个月之后再翻出来看到文件名就知道哪张图对应哪次投放非常实用。4. 实操中一定会踩的坑与排查技巧4.1 最容易翻车的三个细节第一是截图里的旧版本痕迹。改版后功能变了宣传图还在拿旧截图糊弄用户下载后一对比“货不对板”直接卸载。所以每次 App 发版宣传图的截图必须同步更新而且要在真机拿到最新版界面。不要拿旧截图拼接哪怕上一版界面看起来更漂亮也要更新因为用户只看现在的版本。第二是元素被系统裁切。应用商店的展示页有安全区某些区域会被系统 UI 遮挡。比如 iOS 的 App Store 截图顶部和底部的安全区要避开不然你的主标题会顶住“分栏”。不同的应用商店甚至还有不同的遮挡规则发布前要认真查阅后台规范或者参考同品类头部 App 的截图排版。第三是二维码不可用。我犯过最隐蔽的错误是在测试环境页面截图然后生成了二维码测试时能扫但发到正式环境后域名换了直接打不开。这个坑太常见了尤其是版本切换频繁的团队。每次导出前必须扫一下二维码确认最终跳转链接是正式环境。4.2 常见问题速查表问题常见原因解决办法导出的宣传图模糊原图尺寸小于目标分辨率重新按目标尺寸建画布素材要拉伸时用高清源文件文字字体显示异常使用了付费版权字体换用工具素材库内的免费可商用字体截图颜色偏色截图在工具里被叠加了滤镜检查图层去掉自动增强滤镜使用原图二维码扫码后跳转错误环境二维码生成时使用的是临时链接生成后立即扫码验证并固定用正式链接模板元素和内容排版不对齐模板里原有元素占位未清理导出前删除所有占位图层逐层检查换尺寸后元素跑位一键改尺寸导致相对位置变化改尺寸后重新手动调整各图层位置不要直接导出主标题被系统界面遮挡没有遵守渠道安全区规范查阅渠道设计规范标题放在安全区内这些坑看起来小但每一个都可能导致重新做一遍图浪费时间就违背了“省心”的初衷。所以我现在做宣传图最后一步永远是一条检查清单截图是否最新版、二维码是否扫码验证、主标题是否在安全区、导出分辨率是否达标。4.3 个人珍藏的一个小技巧让图更像设计师作品的“减法法则”很多研发拿到模板第一反应是往里面堆信息所有功能都想放上去所有标签都想贴上。结果图越来越满越来越乱。设计师和业余选手之间最大的区别其实不是会不会做效果而是敢不敢留白。我的经验是做完图之后做一次“减法审查”。主标题只留一句功能标签从 6 个删到 3 个截图从 3 张删到 2 张背景装饰元素能删就删。删完之后整张图往往会突然“透气”高级感就出来了。这个操作不需要任何设计功底只需要你狠心点。另一个小技巧是配色减法。模板默认的配色方案一般没问题但如果你要自定义记住一个粗暴原则整张图不要超过 3 个主色。一个做背景一个做文字一个做点缀。不知道用什么色的时候就从 App 图标里取主色然后把透明度降低当背景色再把原色用在小面积点缀上。这样图与 App 的品牌风格天然一致不需要任何色彩理论。还有一个细节是字体层级。主标题、副标题、功能标签、底部说明至少要有三个明显的字号层级。很多人做出来的图显得“平”就是因为所有字都差不多大。字号层级拉开之后信息的主次关系清楚用户扫一眼就能抓到重点。这些技巧加起来哪怕你只是套模板出来的效果也大概率比直接改模板要专业一截。5. 再往前一步宣传图也可以驱动增长5.1 用宣传图做多尺寸、多场景复用一张宣传图不能只活在一个渠道里。很多研发辛辛苦苦做了一张商店图就只上传到应用市场其实没有榨干它的价值。我现在的习惯是基于同一套视觉素材派生多个尺寸的变体用于不同场景。竖版主图派生出来的 16:9 横版可以放在官网首页换班轮播、公众号文章封面、科技媒体投稿配图。1:1 方图可以直接发朋友圈、微信群以及做社群推广用的卡片。9:16 的竖版可以做抖音/视频号的直播预告图、短视频封面。一次做图多元分发效率翻倍。不过要提醒一点一键改尺寸之后一定要检查文字位置和可读性。9:16 的竖版图里能放下的内容压缩到 1:1 方图里可能就很挤。建议在扩张场景时顺手把次要元素删掉一些只保留主标题和一个二维码效果往往更好。5.2 把宣传图当落地页“先锋”来设计宣传图不只是“一张图”它是用户点进应用商店落地页之前的第一印象。用户先看到主标题和主视觉形成判断点击进入详情页后再看到截图和描述。这意味着宣传图的第一个任务不是“介绍全部功能”而是“让用户产生兴趣点进来”。从这个角度看主标题的写法可以更“钩子化”。不用解释全貌只要提出一个用户关心的问题或者一个立即可感知的收益。比如一个记账类 App主标题写“自动同步账单每月 1 号准时出报表”就比“智能账本让记账更简单”更有画面感。如果你有多个用户群体还可以做多个版本的宣传图同一时期投放到不同渠道。比如数据偏 B 端的版本突出“团队协作”和“权限管理”面向普通消费者的版本突出“免费”和“易用”。这样不同渠道落地页的点击率可以得到优化整体转化率大概率比只用一张通用图要高。5.3 用 A/B 测试的思路持续优化最后说一个研发人应该最有优势的部分把代码世界里的实验思维带到宣传图里。宣传图完全可以做 A/B 测试开发者后台和投放平台会给出曝光、点击、转化数据。你可以同时上传两套主标题比如一套主打“效率”一套主打“省心”跑一周后看哪套的点击率更高。我真实测过的案例是同一功能在商店图里写“极速启动”和描述“启动快 50%”两种文案后者的点击率高了将近两成。原因也很好理解用户对含糊的形容词已经免疫具体数字更容易刺激感知。这种测试不需要更高深的设计能力只需要你多做几张图多点耐心去对比数据。这也是为什么我坚持让研发自己掌握宣传图制作——因为它本质上是一个“快迭代、快验证”的增长动作不是纯粹的美术创作。你能更快地出图就能更快地测试也就能更快地找到用户喜欢的那一版。我个人在实际操作中最大的体会是宣传图这件事做一次不难难的是持续地做、持续地改、持续地用数据反馈来优化。而当你找到了那套“模板 流程 检查清单”的组合从最初做一张图花一晚上到后来几分钟出一张图并能安心投放这个效率跃迁会让你突然理解为什么研发用了这类工具之后都会说一句“真省心”。这个认知比任何一张宣传图本身都值钱。