发版当天最怕什么不是崩溃日志刷屏也不是提审被打回而是在应用商店后台点开“推广图”那一栏发现还是空的。做 App 宣传图这件事说大不大但它就是那种看起来容易、上手一摸全是细节的活儿。交给设计师吧排期直接排到下周自己动手吧打开 Photoshop 的第一步就已经劝退一半人了。我这两年和研发团队折腾过好几套方案最后稳定下来用的是一套以 Canva国内版叫可画为核心的免费流程没开会员、没买素材发版宣传、商店截图、活动 Banner 都能在半天内出图。这篇就把这套流程完整拆开用什么工具、按什么步骤做、有哪些坑千万别踩。1. 卡住研发的宣传图工作99% 都卡在这三关1.1 尺寸规范搜索半天最后用的还是最稳的那套很多研发第一次做宣传图最大的敌人不是设计能力而是尺寸。App Store 审核指南和各个安卓市场的规范文档动辄几十页真到自己要出图的时候还是不知道画布该建多大。其实不用记那么多直接按目前最主流的尺寸来就行。我日常固定的一套尺寸表如下用途推荐尺寸备注iOS 商店主截图6.7 英寸1290 × 2796 px适配 iPhone 14 Pro Max 以后的机型是苹果文档里的主推荐规格iOS 商店截图兼容旧机型1284 × 2778 pxiPhone 11 Pro Max 时代的老规格需要一并上传安卓商店手机截图1080 × 1920 px 或 1080 × 2160 pxGoogle Play 这套国内多数安卓市场也认安卓功能图 / 市场 Banner1024 × 500 px部分国内商店有不同要求但以这个比例做底稿改起来最快应用图标1024 × 1024 px必须单独导出一份无圆角裁剪的原图把这些放进记事本每次做图前先看一眼别临时翻文档。iOS 现在支持只传最大尺寸的截图来自动适配更小机型但实际情况是后台仍然会提示你补传旧规格。与其提交后被审核打回不如一开始就把 6.7 英寸和 6.5 英寸的两种截图都生成好反正流程固定下来也就是多导一次的事。1.2 版式意识内容越多越没重点反而变成了“字太多没人读”研发做宣传图还有一个通病觉得每一处信息都重要于是把功能点、优惠信息、评分、用户数量全堆在一张图上。结果用户刷商店列表时只看到一张密密麻麻的“需求文档”。我见过不少研发自己拼的图排版逻辑基本是“居中大字”再往下就是三四行小字解释。这在技术社区里说得通但在应用商店列表页那个小缩略图场景里用户停留时间可能不到一秒钟。缩略图阶段能看清的只有主标题、主体图形和整体配色其他全是噪声。正确的思路是先定一个“一屏一卖点”的原则一张宣传图只讲一件事。第一张可以放“解决什么问题”第二张放“核心功能长什么样”第三张放“其他亮点或用户评价”。每张图的主视觉只保留一个最大的标题副文案控制在 8 个字以内剩下的细节交给下方的功能截图去表达。这样即使完全没有设计基础版式也不会乱到哪里去。1.3 版权风险免费字体不等于可商用这是最容易被研发忽略、出了事又最麻烦的问题。很多开发者习惯用系统自带字体或者在网上随便下载一个字体包觉得“能显示就行”。但实际上商用 App 的宣传图一旦用上未授权字体被字体厂商盯上轻则收到律师函重则要求下架整改并赔偿。我在前几年帮朋友处理过一次类似的事从发现到协商解决前后折腾了快两个月那还是他们公司有法务的情况下。推荐方案其实很简单标题字体用“思源黑体”或“阿里巴巴普惠体”标题需要更强视觉时可以用“庞门正道标题体”。这三类字体都明确允许免费商用而且字重齐全覆盖了大多数宣传图场景。Canva 的字体库里也内置了不少开源字体选字体时注意看右下角有没有“可商用”的标记别随手点一个漂亮的装饰字体用到底。2. 免费工具对比为什么我长期把 Canva 放在默认位2.1 研发圈里流传过好几种方案我逐个试过做 App 宣传图的方法论我最早是从“找设计外包”开始的。一张图报价 300 到 800 元不等一套下来上千元很正常。后来项目预算收紧我开始研究免费的替代方案试过的工具包括 Figma、稿定设计、创客贴还有一些只能做截图美化的在线小工具。这里直接说结论如果是研发个人或者小团队自己出图Canva可画的免费版是综合门槛最低、出图效率最高的选择。工具优点缺点适合人群Canva 可画模板量大、在线协作、免费导 PNG、操作简单部分高级素材需付费国内版素材库和英文版有差异研发、运营、没有设计基础的个人开发者Figma自由度高、和开发资源打通需要搭组件、设计规范初学成本高有前端基础、愿意做设计规范的人稿定设计国内模板丰富、贴近电商场景免费导出带水印去水印要开会员电商运营不建议 App 研发主力使用创客贴国内平台、素材本土化同样有水印和会员限制模板审美偏营销新媒体运营Snapmod / Screely专门做手机截图美化只能解决“把截屏放进手机框”这一个环节不能整体排版作为辅助工具不适合单独出完整宣传图Photoshop / Pixelmator专业能力最强学习曲线陡处理图层、蒙版、字体渲染容易劝退有设计基础的开发者或设计师我并不是说 Canva 能替代设计师而是说它在“研发没有设计能力”这个前提下把出图下限拉高了很多。模板已经帮你解决了构图比例、配色关系、字体搭配这些最花时间的环节你要做的只是替换成自己的截图和文案。2.2 免费版够用吗我把边界摸了一遍很多人一听“免费工具”就担心导出有水印、模板用不了、分辨率被压缩。我在实际使用中摸过 Canva 免费版的边界和团队分享如下免费版可以自定义画布尺寸输入 1290 × 2796 这类具体数值没问题不会强制套用固定模板。导出 PNG 不会加水印这一点比稿定设计和创客贴的免费策略友好太多。免费版内置的模板、元素和字体对做应用商店宣传图来说足够用。我做过一套 iOS 商店五张截图全程没有碰任何付费素材。免费版导出的文件分辨率对于 1290 × 2796 这套规格完全够用。网上有人说 Canva 导出会被压缩实际测试下来只要画布尺寸本身就正确导出的 PNG 在应用商店后台都能通过清晰度检查。唯一比较明显的限制是如果你的设计宽度超过 8000 像素或者想用背景移除、图片序列批量导出这些进阶功能就需要 Pro 版。但宣传图场景基本不会碰这些。顺带说一句Canva 的网页版在 Safari、Chrome、Edge 上都很稳不需要安装原生客户端这对团队里 Windows 和 macOS 混用的环境特别友好。之前美术外包给到的源文件是 Photoshop 格式Windows 同事还得装破解版软件现在用网页版一个链接就搞定了。2.3 商业用途的风险提示别乱用模板里的“免费素材”这里必须提醒一下Canva 模板里的素材虽然写着 free但免费版生成的作品用于商业推广是否合规取决于素材自身的授权协议。应用商店宣传图属于明确的商业用途所以两个原则必须守一是优先选择标记为“免费商用”的素材二是品牌 Logo、名人肖像、第三方应用的图标这些内容尽量用自己的不要图省事在模板里搜一个相近的放上去。我个人的习惯是模板里的几何图形、渐变背景、线条装饰可以放心用凡是有人物脸、有明显品牌特征的图片素材一律换成自己准备的素材或自家 App 的截图。这样既不会踩肖像权和商标权的地雷宣传图也比纯模板更真实。3. 零设计基础也能照做的宣传图完整制作流程3.1 第一步准备三样东西缺一样都会卡壳开始做图前先把下面三样东西准备齐不要边做边找。第一是 App 的高清图标源文件最好是 1024 × 1024 的 PNG别直接用从手机桌面上截下来的小图标。如果图标是设计师给的 Sketch 或 Figma 文件记得先单独导出一份透明底的大图备用。第二是真实界面截图。注意是“真实截图”不是设计稿草图。应用商店审核很看重截图和实际体验是否一致如果你上传的截图里功能界面和真机运行效果不一样被审核打回的概率极高。简单来说直接用测试机上跑出来的截图不要修图过度。第三是文案。宣传图上的文案需要精简到三句话以内分别对应“产品名字或一句话定位”“这个版本的核心卖点”“行动引导关键词”。我在动手前通常会用备忘录先写一遍默念几遍念不顺口的就改掉不要直接往画布上敲字。3.2 第二步建立画布按“三段式”搭版式骨架打开 Canva点击“创建设计”里的“自定义尺寸”输入 1290 × 2796单位选像素。建好画布后不要急着放内容先搭骨架。我惯用的版式是三段式顶部放一句话标题中间放手机截图或功能展示区域底部放 App 名称和行动引导。用 Canva 的“网格”或“框架”功能先把这三个区域框出来后续所有内容都往区域里放就不会出现排版漂移的问题。具体操作上可以从左侧面板拖一个“网格”到画布比如选择“三行布局”然后把顶部、底部的高度拉到你需要的比例。标题文字用“文本”工具放在顶部区域中间区域拖一个“框架”然后往里面放入截图底部放一个小字号的行动文案和商店下载入口的通用图形。如果你的团队有品牌色可以在“品牌工具包”里先把主色和辅助色填好。没有的话就遵循一个简单的规则主背景用纯色或低饱和度渐变色大标题用白字或深色字功能按钮用品牌色的高亮色。三个区域最多出现三种颜色再多视觉就会乱。3.3 第三步内容填充的两个高效技巧骨架搭好后往里面填内容注意两个很提升效率的技巧。第一个技巧是“先做完第一张再复制改文字”。不要一张一张从零开始做。把第一张宣传图做完并确认版式没问题后在 Canva 左侧缩略图区域右键复制这一页然后只替换标题文字和中间截图其他元素全部保留。这样一套三张图真正花精力的只有第一张后面每张五分钟以内就能搞定。第二个技巧是“善用对齐和吸附功能”。Canva 里移动元素时会自动出现红色对齐参考线多拖几下就知道它有多好用。文字块、截图、Logo 不要随手放全部对齐到参考线。我能快速判断一张宣传图是不是小白做的就看元素之间有没有对齐对齐了就不会太丑。市面上很多教程会教你手动加“投影”“阴影”来增加层次感。我的建议是免费版里能不做就不做。投影参数调不好很容易让画面显得脏。要用就用模板自带的字体效果不要自己在元素上叠加乱七八糟的特效。3.4 第四步导出时别犯的低级错误导出时几个容易踩的坑单独列一下先检查画布尺寸是不是 1290 × 2796不要导出后才发现宽高比不对。在 Canva 页面右上角可以随时查看和修改。导出格式选 PNG不选 JPG。JPG 是压缩格式放大后边缘会发虚审核对大图不友好。文件名用英文或数字不要带中文、空格、特殊符号。有些应用商店后台上传时会因为文件名转码问题报错虽然概率不高但没必要赌。如果一张图里用了透明背景元素导出前确认最终背景不是透明的。应用商店截图不接受透明通道通常转成 JPG 或把背景图层铺实。4. 从“能用”到“不丢人”我自己反复踩过的细节坑4.1 手机模型截图别直接拉伸这是我最早期犯过的错误把一张 1290 × 2796 的 iPhone 截图直接拖进一个 3:4 比例的手机框里然后手动拉缩。结果就是界面里的文字全部变形还没提交审核在模拟器预览阶段就已经看出比例不对了。正确做法是先确定手机框在画布上的尺寸反过来裁剪截图。更笨但更稳的方法是直接在 Canva 里搜索“iPhone 模型”组件有些模板自带的模型是等比缩放的把截图拖进去之后系统会帮你自动适应框架。即便如此导出前也要放大检查一下底部 home indicator 和刘海区域的边缘是否被裁掉。4.2 标题字号的“三行原则”我总结了一个适合研发用的笨办法宣传图上的主标题字号要大到让这张图在手机屏幕上缩略显示时还能看得清。具体标准是——把画布缩放到 20% 大小如果此时标题字仍然一眼能辨认那上线后的效果基本稳了。这里有个容易犯的毛病在画布上用了 100 号字觉得很夸张但实际到缩略图里就是一条灰线。不要把设计时的局部感受当成用户看到的最终效果每做完一版先缩到手机屏幕大小看一眼再决定要不要继续调大文字。副标题和底部文案也遵循类似原则能删就删能短就短。我自己后来给团队定的硬性标准是主标题不超过 6 个字副标题不超过 12 个字底部行动引导只能用“下载”或“了解更多”这类词。超过这个长度的文案要么删要么移到下一张。4.3 第一张图和中间张的分工别搞反应用商店的截图顺序是可以自己在后台调整的很多研发不了解这个细节把功能截图按开发顺序排了先登录页再主列表再详情页最后才是宣传语。这其实是把最宝贵的第一屏浪费掉了。用户浏览应用商店时第一眼看到的是首图首图里包含 App 名称、核心定位和最吸引人的功能画面。我实际操作时会至少准备两种首图方案一种是“纯视觉冲击型”用最大字号打出产品定位配合一张最有设计感的界面截图另一种是“功能卖点型”突出某个具体功能的对比效果比如做效率工具的就放“处理前 vs 处理后”的对比图。多准备一版的好处是可以做 A/B 测试看看哪张图的点击转化更高。中间几张按用户使用路径来排而不是按开发菜单结构来排用户第一次打开会看到什么界面、最重要的操作流程是什么、哪些数据或成果最有冲击力按这个逻辑排序会比按“功能菜单从上到下”排序更贴近用户视角。4.4 常见错误自查表我把做 App 宣传图期间遇到过的各种问题整理成了一张自查表每次出图前对照一遍能省掉很多来回修改的时间。检查项常见错误正确做法尺寸用 iPhone 11 的 828 × 1792 截图直接上传按 1290 × 2796 建画布再适配上传字体使用未授权字体被右版权方投诉统一用思源黑体、阿里巴巴普惠体等免费商用字体截图上传旧版本界面截图和当前版本不一致提审前从最新测试包重新截图文案超过 15 个字缩略图阶段完全看不清主标题 ≤6 字副标题 ≤12 字对齐元素随意摆放无参照对齐线利用 Canva 自动吸附对齐保持边缘对齐导出选择 JPG 或低分辨率导出 PNG确认尺寸和文件命名规范背景忘记铺实背景导致透明通道确保最终背景是纯色块或完整背景图5. 沉淀成团队模板宣传图就不该是发版瓶颈5.1 一次做好模板下次只替换文字和截图有人说这个流程只适合个人开发者团队用起来会乱。我自己的实践是相反的正因为有了固定模板团队协作才更可控。具体做法是在 Canva 中把做好的宣传图保存为团队模板。团队里的研发、运营甚至产品经理谁需要做新一期的宣传图直接复制模板只需要改标题、换截图、调一下颜色就可以输出。这样既能保持品牌视觉的统一又不会因为每次换不同的人做图而风格飘忽。模板的颗粒度可以做得更细除了应用商店的五张截图模板再准备一个“活动宣传图”模板和一个“社交平台分享图”模板。前者尺寸是 1080 × 1920后者是 1080 × 1080。一次搭建多次复用比每次从零开始省下不只一半时间。5.2 发布前检查清单最后 10 分钟的兜底即使有模板提交前仍然要过一遍这个检查清单尤其是多人协作时每个人改过的版本都可能引入新问题确认所有截图来自最新版本没有老界面的残留。确认主标题没有错别字英文大小写符合品牌规范。确认底部 App 名称拼写正确和商店后台填写的名称一致。确认手机模型比例没有被拉伸截图边缘没有裁掉关键元素。确认导出文件尺寸正确文件名不含中文和空格。确认免费素材的授权适用于商业推广不会在发布后被投诉。建议把五张图的文件放进同一个文件夹按顺序命名例如01_main.png、02_feature.png方便后台批量上传。5.3 一些让我改变观念的实际体会做宣传图这件事我早期的想法是“能跑就行”后来被应用商店审核和用户反馈教育了很多次才真正意识到宣传图是产品体验的一部分。用户看到的第一张图决定了有没有兴趣点进详情页详情页里的截图决定了最终会不会下载。它和代码性能一样是可以直接通过数据验证的环节。但我也要劝一句不要为了做出“完美”的宣传图而陷入反复调整排版细节的泥潭那不是研发该花时间的地方。先用模板把一套图跑通上线后看转化数据有需要再针对首图和前三张做 A/B 优化。像我现在做新一期宣传图从拿到截图到导出提交一般控制在半天以内多出来的时间还是留给真正影响产品价值的开发和优化。这个节奏才是“研发用了都说省心”的真正原因。
发版当天最怕什么不是崩溃日志刷屏也不是提审被打回而是在应用商店后台点开“推广图”那一栏发现还是空的。做 App 宣传图这件事说大不大但它就是那种看起来容易、上手一摸全是细节的活儿。交给设计师吧排期直接排到下周自己动手吧打开 Photoshop 的第一步就已经劝退一半人了。我这两年和研发团队折腾过好几套方案最后稳定下来用的是一套以 Canva国内版叫可画为核心的免费流程没开会员、没买素材发版宣传、商店截图、活动 Banner 都能在半天内出图。这篇就把这套流程完整拆开用什么工具、按什么步骤做、有哪些坑千万别踩。1. 卡住研发的宣传图工作99% 都卡在这三关1.1 尺寸规范搜索半天最后用的还是最稳的那套很多研发第一次做宣传图最大的敌人不是设计能力而是尺寸。App Store 审核指南和各个安卓市场的规范文档动辄几十页真到自己要出图的时候还是不知道画布该建多大。其实不用记那么多直接按目前最主流的尺寸来就行。我日常固定的一套尺寸表如下用途推荐尺寸备注iOS 商店主截图6.7 英寸1290 × 2796 px适配 iPhone 14 Pro Max 以后的机型是苹果文档里的主推荐规格iOS 商店截图兼容旧机型1284 × 2778 pxiPhone 11 Pro Max 时代的老规格需要一并上传安卓商店手机截图1080 × 1920 px 或 1080 × 2160 pxGoogle Play 这套国内多数安卓市场也认安卓功能图 / 市场 Banner1024 × 500 px部分国内商店有不同要求但以这个比例做底稿改起来最快应用图标1024 × 1024 px必须单独导出一份无圆角裁剪的原图把这些放进记事本每次做图前先看一眼别临时翻文档。iOS 现在支持只传最大尺寸的截图来自动适配更小机型但实际情况是后台仍然会提示你补传旧规格。与其提交后被审核打回不如一开始就把 6.7 英寸和 6.5 英寸的两种截图都生成好反正流程固定下来也就是多导一次的事。1.2 版式意识内容越多越没重点反而变成了“字太多没人读”研发做宣传图还有一个通病觉得每一处信息都重要于是把功能点、优惠信息、评分、用户数量全堆在一张图上。结果用户刷商店列表时只看到一张密密麻麻的“需求文档”。我见过不少研发自己拼的图排版逻辑基本是“居中大字”再往下就是三四行小字解释。这在技术社区里说得通但在应用商店列表页那个小缩略图场景里用户停留时间可能不到一秒钟。缩略图阶段能看清的只有主标题、主体图形和整体配色其他全是噪声。正确的思路是先定一个“一屏一卖点”的原则一张宣传图只讲一件事。第一张可以放“解决什么问题”第二张放“核心功能长什么样”第三张放“其他亮点或用户评价”。每张图的主视觉只保留一个最大的标题副文案控制在 8 个字以内剩下的细节交给下方的功能截图去表达。这样即使完全没有设计基础版式也不会乱到哪里去。1.3 版权风险免费字体不等于可商用这是最容易被研发忽略、出了事又最麻烦的问题。很多开发者习惯用系统自带字体或者在网上随便下载一个字体包觉得“能显示就行”。但实际上商用 App 的宣传图一旦用上未授权字体被字体厂商盯上轻则收到律师函重则要求下架整改并赔偿。我在前几年帮朋友处理过一次类似的事从发现到协商解决前后折腾了快两个月那还是他们公司有法务的情况下。推荐方案其实很简单标题字体用“思源黑体”或“阿里巴巴普惠体”标题需要更强视觉时可以用“庞门正道标题体”。这三类字体都明确允许免费商用而且字重齐全覆盖了大多数宣传图场景。Canva 的字体库里也内置了不少开源字体选字体时注意看右下角有没有“可商用”的标记别随手点一个漂亮的装饰字体用到底。2. 免费工具对比为什么我长期把 Canva 放在默认位2.1 研发圈里流传过好几种方案我逐个试过做 App 宣传图的方法论我最早是从“找设计外包”开始的。一张图报价 300 到 800 元不等一套下来上千元很正常。后来项目预算收紧我开始研究免费的替代方案试过的工具包括 Figma、稿定设计、创客贴还有一些只能做截图美化的在线小工具。这里直接说结论如果是研发个人或者小团队自己出图Canva可画的免费版是综合门槛最低、出图效率最高的选择。工具优点缺点适合人群Canva 可画模板量大、在线协作、免费导 PNG、操作简单部分高级素材需付费国内版素材库和英文版有差异研发、运营、没有设计基础的个人开发者Figma自由度高、和开发资源打通需要搭组件、设计规范初学成本高有前端基础、愿意做设计规范的人稿定设计国内模板丰富、贴近电商场景免费导出带水印去水印要开会员电商运营不建议 App 研发主力使用创客贴国内平台、素材本土化同样有水印和会员限制模板审美偏营销新媒体运营Snapmod / Screely专门做手机截图美化只能解决“把截屏放进手机框”这一个环节不能整体排版作为辅助工具不适合单独出完整宣传图Photoshop / Pixelmator专业能力最强学习曲线陡处理图层、蒙版、字体渲染容易劝退有设计基础的开发者或设计师我并不是说 Canva 能替代设计师而是说它在“研发没有设计能力”这个前提下把出图下限拉高了很多。模板已经帮你解决了构图比例、配色关系、字体搭配这些最花时间的环节你要做的只是替换成自己的截图和文案。2.2 免费版够用吗我把边界摸了一遍很多人一听“免费工具”就担心导出有水印、模板用不了、分辨率被压缩。我在实际使用中摸过 Canva 免费版的边界和团队分享如下免费版可以自定义画布尺寸输入 1290 × 2796 这类具体数值没问题不会强制套用固定模板。导出 PNG 不会加水印这一点比稿定设计和创客贴的免费策略友好太多。免费版内置的模板、元素和字体对做应用商店宣传图来说足够用。我做过一套 iOS 商店五张截图全程没有碰任何付费素材。免费版导出的文件分辨率对于 1290 × 2796 这套规格完全够用。网上有人说 Canva 导出会被压缩实际测试下来只要画布尺寸本身就正确导出的 PNG 在应用商店后台都能通过清晰度检查。唯一比较明显的限制是如果你的设计宽度超过 8000 像素或者想用背景移除、图片序列批量导出这些进阶功能就需要 Pro 版。但宣传图场景基本不会碰这些。顺带说一句Canva 的网页版在 Safari、Chrome、Edge 上都很稳不需要安装原生客户端这对团队里 Windows 和 macOS 混用的环境特别友好。之前美术外包给到的源文件是 Photoshop 格式Windows 同事还得装破解版软件现在用网页版一个链接就搞定了。2.3 商业用途的风险提示别乱用模板里的“免费素材”这里必须提醒一下Canva 模板里的素材虽然写着 free但免费版生成的作品用于商业推广是否合规取决于素材自身的授权协议。应用商店宣传图属于明确的商业用途所以两个原则必须守一是优先选择标记为“免费商用”的素材二是品牌 Logo、名人肖像、第三方应用的图标这些内容尽量用自己的不要图省事在模板里搜一个相近的放上去。我个人的习惯是模板里的几何图形、渐变背景、线条装饰可以放心用凡是有人物脸、有明显品牌特征的图片素材一律换成自己准备的素材或自家 App 的截图。这样既不会踩肖像权和商标权的地雷宣传图也比纯模板更真实。3. 零设计基础也能照做的宣传图完整制作流程3.1 第一步准备三样东西缺一样都会卡壳开始做图前先把下面三样东西准备齐不要边做边找。第一是 App 的高清图标源文件最好是 1024 × 1024 的 PNG别直接用从手机桌面上截下来的小图标。如果图标是设计师给的 Sketch 或 Figma 文件记得先单独导出一份透明底的大图备用。第二是真实界面截图。注意是“真实截图”不是设计稿草图。应用商店审核很看重截图和实际体验是否一致如果你上传的截图里功能界面和真机运行效果不一样被审核打回的概率极高。简单来说直接用测试机上跑出来的截图不要修图过度。第三是文案。宣传图上的文案需要精简到三句话以内分别对应“产品名字或一句话定位”“这个版本的核心卖点”“行动引导关键词”。我在动手前通常会用备忘录先写一遍默念几遍念不顺口的就改掉不要直接往画布上敲字。3.2 第二步建立画布按“三段式”搭版式骨架打开 Canva点击“创建设计”里的“自定义尺寸”输入 1290 × 2796单位选像素。建好画布后不要急着放内容先搭骨架。我惯用的版式是三段式顶部放一句话标题中间放手机截图或功能展示区域底部放 App 名称和行动引导。用 Canva 的“网格”或“框架”功能先把这三个区域框出来后续所有内容都往区域里放就不会出现排版漂移的问题。具体操作上可以从左侧面板拖一个“网格”到画布比如选择“三行布局”然后把顶部、底部的高度拉到你需要的比例。标题文字用“文本”工具放在顶部区域中间区域拖一个“框架”然后往里面放入截图底部放一个小字号的行动文案和商店下载入口的通用图形。如果你的团队有品牌色可以在“品牌工具包”里先把主色和辅助色填好。没有的话就遵循一个简单的规则主背景用纯色或低饱和度渐变色大标题用白字或深色字功能按钮用品牌色的高亮色。三个区域最多出现三种颜色再多视觉就会乱。3.3 第三步内容填充的两个高效技巧骨架搭好后往里面填内容注意两个很提升效率的技巧。第一个技巧是“先做完第一张再复制改文字”。不要一张一张从零开始做。把第一张宣传图做完并确认版式没问题后在 Canva 左侧缩略图区域右键复制这一页然后只替换标题文字和中间截图其他元素全部保留。这样一套三张图真正花精力的只有第一张后面每张五分钟以内就能搞定。第二个技巧是“善用对齐和吸附功能”。Canva 里移动元素时会自动出现红色对齐参考线多拖几下就知道它有多好用。文字块、截图、Logo 不要随手放全部对齐到参考线。我能快速判断一张宣传图是不是小白做的就看元素之间有没有对齐对齐了就不会太丑。市面上很多教程会教你手动加“投影”“阴影”来增加层次感。我的建议是免费版里能不做就不做。投影参数调不好很容易让画面显得脏。要用就用模板自带的字体效果不要自己在元素上叠加乱七八糟的特效。3.4 第四步导出时别犯的低级错误导出时几个容易踩的坑单独列一下先检查画布尺寸是不是 1290 × 2796不要导出后才发现宽高比不对。在 Canva 页面右上角可以随时查看和修改。导出格式选 PNG不选 JPG。JPG 是压缩格式放大后边缘会发虚审核对大图不友好。文件名用英文或数字不要带中文、空格、特殊符号。有些应用商店后台上传时会因为文件名转码问题报错虽然概率不高但没必要赌。如果一张图里用了透明背景元素导出前确认最终背景不是透明的。应用商店截图不接受透明通道通常转成 JPG 或把背景图层铺实。4. 从“能用”到“不丢人”我自己反复踩过的细节坑4.1 手机模型截图别直接拉伸这是我最早期犯过的错误把一张 1290 × 2796 的 iPhone 截图直接拖进一个 3:4 比例的手机框里然后手动拉缩。结果就是界面里的文字全部变形还没提交审核在模拟器预览阶段就已经看出比例不对了。正确做法是先确定手机框在画布上的尺寸反过来裁剪截图。更笨但更稳的方法是直接在 Canva 里搜索“iPhone 模型”组件有些模板自带的模型是等比缩放的把截图拖进去之后系统会帮你自动适应框架。即便如此导出前也要放大检查一下底部 home indicator 和刘海区域的边缘是否被裁掉。4.2 标题字号的“三行原则”我总结了一个适合研发用的笨办法宣传图上的主标题字号要大到让这张图在手机屏幕上缩略显示时还能看得清。具体标准是——把画布缩放到 20% 大小如果此时标题字仍然一眼能辨认那上线后的效果基本稳了。这里有个容易犯的毛病在画布上用了 100 号字觉得很夸张但实际到缩略图里就是一条灰线。不要把设计时的局部感受当成用户看到的最终效果每做完一版先缩到手机屏幕大小看一眼再决定要不要继续调大文字。副标题和底部文案也遵循类似原则能删就删能短就短。我自己后来给团队定的硬性标准是主标题不超过 6 个字副标题不超过 12 个字底部行动引导只能用“下载”或“了解更多”这类词。超过这个长度的文案要么删要么移到下一张。4.3 第一张图和中间张的分工别搞反应用商店的截图顺序是可以自己在后台调整的很多研发不了解这个细节把功能截图按开发顺序排了先登录页再主列表再详情页最后才是宣传语。这其实是把最宝贵的第一屏浪费掉了。用户浏览应用商店时第一眼看到的是首图首图里包含 App 名称、核心定位和最吸引人的功能画面。我实际操作时会至少准备两种首图方案一种是“纯视觉冲击型”用最大字号打出产品定位配合一张最有设计感的界面截图另一种是“功能卖点型”突出某个具体功能的对比效果比如做效率工具的就放“处理前 vs 处理后”的对比图。多准备一版的好处是可以做 A/B 测试看看哪张图的点击转化更高。中间几张按用户使用路径来排而不是按开发菜单结构来排用户第一次打开会看到什么界面、最重要的操作流程是什么、哪些数据或成果最有冲击力按这个逻辑排序会比按“功能菜单从上到下”排序更贴近用户视角。4.4 常见错误自查表我把做 App 宣传图期间遇到过的各种问题整理成了一张自查表每次出图前对照一遍能省掉很多来回修改的时间。检查项常见错误正确做法尺寸用 iPhone 11 的 828 × 1792 截图直接上传按 1290 × 2796 建画布再适配上传字体使用未授权字体被右版权方投诉统一用思源黑体、阿里巴巴普惠体等免费商用字体截图上传旧版本界面截图和当前版本不一致提审前从最新测试包重新截图文案超过 15 个字缩略图阶段完全看不清主标题 ≤6 字副标题 ≤12 字对齐元素随意摆放无参照对齐线利用 Canva 自动吸附对齐保持边缘对齐导出选择 JPG 或低分辨率导出 PNG确认尺寸和文件命名规范背景忘记铺实背景导致透明通道确保最终背景是纯色块或完整背景图5. 沉淀成团队模板宣传图就不该是发版瓶颈5.1 一次做好模板下次只替换文字和截图有人说这个流程只适合个人开发者团队用起来会乱。我自己的实践是相反的正因为有了固定模板团队协作才更可控。具体做法是在 Canva 中把做好的宣传图保存为团队模板。团队里的研发、运营甚至产品经理谁需要做新一期的宣传图直接复制模板只需要改标题、换截图、调一下颜色就可以输出。这样既能保持品牌视觉的统一又不会因为每次换不同的人做图而风格飘忽。模板的颗粒度可以做得更细除了应用商店的五张截图模板再准备一个“活动宣传图”模板和一个“社交平台分享图”模板。前者尺寸是 1080 × 1920后者是 1080 × 1080。一次搭建多次复用比每次从零开始省下不只一半时间。5.2 发布前检查清单最后 10 分钟的兜底即使有模板提交前仍然要过一遍这个检查清单尤其是多人协作时每个人改过的版本都可能引入新问题确认所有截图来自最新版本没有老界面的残留。确认主标题没有错别字英文大小写符合品牌规范。确认底部 App 名称拼写正确和商店后台填写的名称一致。确认手机模型比例没有被拉伸截图边缘没有裁掉关键元素。确认导出文件尺寸正确文件名不含中文和空格。确认免费素材的授权适用于商业推广不会在发布后被投诉。建议把五张图的文件放进同一个文件夹按顺序命名例如01_main.png、02_feature.png方便后台批量上传。5.3 一些让我改变观念的实际体会做宣传图这件事我早期的想法是“能跑就行”后来被应用商店审核和用户反馈教育了很多次才真正意识到宣传图是产品体验的一部分。用户看到的第一张图决定了有没有兴趣点进详情页详情页里的截图决定了最终会不会下载。它和代码性能一样是可以直接通过数据验证的环节。但我也要劝一句不要为了做出“完美”的宣传图而陷入反复调整排版细节的泥潭那不是研发该花时间的地方。先用模板把一套图跑通上线后看转化数据有需要再针对首图和前三张做 A/B 优化。像我现在做新一期宣传图从拿到截图到导出提交一般控制在半天以内多出来的时间还是留给真正影响产品价值的开发和优化。这个节奏才是“研发用了都说省心”的真正原因。
