前段时间有同行在群里问：“你们 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 | 老款大屏 iPhone |
| iOS 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%”两种文案，后者的点击率高了将近两成。原因也很好理解，用户对含糊的形容词已经免疫，具体数字更容易刺激感知。这种测试不需要更高深的设计能力，只需要你多做几张图，多点耐心去对比数据。
这也是为什么我坚持让研发自己掌握宣传图制作——因为它本质上是一个“快迭代、快验证”的增长动作，不是纯粹的美术创作。你能更快地出图，就能更快地测试，也就能更快地找到用户喜欢的那一版。
我个人在实际操作中最大的体会是：宣传图这件事，做一次不难，难的是持续地做、持续地改、持续地用数据反馈来优化。而当你找到了那套“模板 + 流程 + 检查清单”的组合，从最初做一张图花一晚上，到后来几分钟出一张图并能安心投放，这个效率跃迁会让你突然理解，为什么研发用了这类工具之后，都会说一句“真省心”。这个认知比任何一张宣传图本身都值钱。
