给自己的 App 做宣传图很多开发者做到最后一步才发现代码写完、测试过了、应用商店账号也注册好了结果卡在“宣传图”这个看似不起眼的环节上。我之前也干过这事当时 App 准备提审商店要求必须上传至少一张 6.7 英寸的截图和一张宣传图团队里没有专职设计UI 出图排期排到下一周提审流程硬生生被拖了好几天。后来我找到一个免费工具前后花了不到半小时就做出一套像模像样的宣传图发给同事看研发组的几个人都说这东西省心。今天就把这套做法完整写下来包括工具选型、尺寸规范、实操步骤和踩过的坑供有同样需求的开发者参考。这篇文章适合谁不只是独立开发者凡是小团队里没有专职设计师、又需要自己搞定应用商店素材的研发人员都能用得上。哪怕你完全不懂设计照着下面的流程走也能在短时间内做出一套符合商店规范、观感不差的宣传图。1. 为什么研发也要自己做宣传图上架素材的“最后一公里”困局1.1 一张截图卡住整个提审流程很多研发对应用商店素材的理解有个误区以为只要 App 本身没问题提审就能顺利通过。实际上App Store 和各大安卓应用市场的审核都会检查应用展示素材尤其是截图和宣传图。截图尺寸不符、内容缺失、包含明显占位符都可能被直接打回。我在实际提审中遇到过的情况是宣传图分辨率不达标收到审核反馈要求重新准备素材再提交这一来一回等审核的时间又白费了。但如果只是为了应付审核随便做张图传上去那后续的转化率也会受影响。应用商店里的宣传图本质上就是你这个产品的“门面”。用户翻到你的应用详情页第一眼看到的不是功能介绍文字而是那几张截图和宣传图。同样的搜索关键词别人家 App 的宣传图视觉效果专业、信息清晰你的图看起来像是临时拼凑的点击转化率差个百分之二三十是非常正常的事。所以说宣传图这件事不仅是“审核壁垒”还是“转化率杠杆”。问题在于小团队里研发往往是主力设计资源要么没有要么得排队。让研发自己 Ps 里慢慢抠图学习成本太高让研发去买付费设计工具公司又不一定批预算。免费的、能快速上手的、不需要设计基础的宣传图制作工具就成了最实际的解法。1.2 免费工具选型的三个硬指标免费、快、不用学设计市面上的宣传图制作工具其实不少但我筛完一圈后只留了三个硬指标第一必须免费或者免费版功能足够覆盖日常工作流第二必须“快”最好打开网页就能用不需要安装软件更不需要注册登录一堆流程第三必须不需要学习设计知识不用理解什么图层、蒙版、色彩模型你要做的就是填文案、选模板、导出。我最终把主力工具锁定在Shots.so上。这个工具的名字你可能不熟但用过一次就忘不了打开网站首页输入你的 App 名称、宣传标语选一个你喜欢的模板和背景色系统会自动生成一张带 App 图标、截图设备边框的宣传图整个过程基本是可视化的所见即所得。免费版没有水印导出的图也够清晰对大多数应用商店上架场景来说完全够用了。当然Shots.so 不是唯一的选项。后来我在实际项目里也用过 Previewed.app、AppMockUp 这类工具做横向对比各有各的长处。但如果你让我向一个完全零基础的研发同学推荐第一个工具我依然会首选 Shots.so原因后面在实操部分详细说明。2. 核心细节拆解一张合格的宣传图到底由什么组成2.1 尺寸与规范不同商店的硬性门槛做宣传图第一个要搞清楚的永远是尺寸规范。很多新手上来就开始挑模板、写文案结果导出之后才发现尺寸不对白白浪费功夫。以 App Store 和主流安卓应用市场为例常见尺寸要求如下商店/场景素材类型尺寸要求App StoreiPhone应用截图6.7 英寸1290 x 2796 像素6.5 英寸1242 x 2688 像素5.5 英寸1242 x 2208 像素App Store宣传图App 预览图横向/纵向均可但必须清晰展示 App 实际界面Google Play应用截图至少 320 像素宽建议 1080 x 1920 像素Google Play置顶大图Feature Graphic1024 x 500 像素国内安卓市场应用截图普遍要求 480 x 800 像素及以上建议 1080 x 1920 像素国内安卓市场应用宣传图/轮播图一般要求 750 x 1334 像素或类似比例以上是硬性门槛重点在于宣传图不只是“一张图”的事而是围绕你的 App 生成的一组素材。我建议你一次性把 App Store 和安卓市场的尺寸全部生成出来存到同一个目录下后面上架不同渠道时直接调用省得每次都要重新打开工具再弄一次。2.2 版式与内容第一屏、第二屏的逻辑尺寸决定的是“能不能传”版式内容决定的是“用户看完想不想装”。宣传图的内容组织本质上和做产品详情页是一样的逻辑只是把信息压缩到一屏之内。第一层的设计原则是“3 秒读懂”原则。用户滑动到你的应用页面时停留时间非常短宣传图上如果超过五个信息点基本等于什么都没说。我看到很多研发自己做的宣传图恨不得把 App 的十几个功能全部列上去最后出来的效果就是一张密密麻麻的文字图用户根本提不起兴趣。正确做法是第一屏只讲一个核心卖点大标题 简单描述 App 截图干净利落。第二层的原则是“视觉动线”。人看一张宣传图的顺序一般首先是最大的文字然后是图片最后才是小字说明。所以要刻意引导最大的字体放核心卖点设备截图放在用户视线自然停留的位置底部或侧边用小字补充次要卖点。这个逻辑和代码里的层级划分很像重要的内容要有醒目权重不重要的内容靠后排列。另外还有一个容易忽略的点宣传图的背景色和 App 的视觉风格要搭。如果你的 App 主色调是深蓝色宣传图背景却用大红大紫整体看起来会很突兀。用免费工具的时候优先选择和 App 品牌色一致或同色系的背景模板观感会专业很多。3. 实操记录用免费工具半小时出一套宣传图3.1 工具选择与基本使用流程我目前习惯的工作流是先用 Shots.so 快速出整套素材部分特殊场景再用其他工具补充。Shots.so 的地址直接浏览器搜索就能找到不需要安装客户端打开就能用。使用流程大致分四步第一步准备好素材。包括 App 图标的 PNG 文件建议 1024 x 1024 像素、应用内截图需要清晰展示主要功能界面、App 名称和一句宣传标语。标语最好提前想好控制在 8 到 10 个字以内屏幕上能放下更大的字号视觉效果更好。第二步打开 Shots.so 选择模板。界面左侧是配置区右侧是实时预览。模板库里有很多风格我一般选择带设备边框的模板比如包含一个 iPhone 机壳的那种这样 App 截图看起来比较正式也符合应用商店的语言。第三步填入信息。把 App 名称、标语、图标、截图分别上传到对应的输入框。背景色可以用色板选择也可以手填色号。整个过程都是拖动和点击不需要手动调整图层的相对位置工具会自动排版。第四步导出。点击导出按钮等待生成然后下载 PNG 文件。我实测下来大部分模板导出的图片默认分辨率都高于 1290 x 2796可以直接用于 App Store 上传。3.2 文字层级、背景与导出设置用 Shots.so 这类工具最值钱的操作空间其实不是模板选择而是文字层级设置。以我做一个工具类 App 的实例来说明。那款 App 的核心功能是“网速测速”当时的宣传图标语我定的是“一键测速结果秒出”。在 Shots.so 里面标语作为主标题字体选择系统默认的加粗体字号撑满整条安全区副标题写了一行小字“支持 5G / Wi-Fi 网络测试”放在主标题下方。实际导出的效果是大标语一眼就能看到小字补充说明不会抢注意力层次分明。背景色我直接用了 App 内部的品牌色号取的是软件里主界面那块深蓝色的值。Shots.so 支持自定义色号把十六进制色值填进去背景和 App 截图的视觉风格就统一了。导出设置里有一个细节要注意默认导出格式是 PNG这个格式最保险不要轻易换成 JPG。JPG 是压缩格式截图里的细密文字边缘容易失真审核那边对图片清晰度敏感PNG 的无损压缩特性更适合这种场景。还有一个经验是给不同商店导出素材时最好在文件名里标注尺寸和用途。我在实操中按这个规则命名避免后续找错文件。例如appstore_screenshot_6.7_1242x2688.png googleplay_feature_graphic_1024x500.png huawei_banner_750x1334.png这样一来上架的时候拿文件直接拖进后台就行不用临时判断哪张图是干嘛的。3.3 用通配方案批量套用品牌模板小团队往往不止一个 App每做一款新 App 都要重复做宣传图如果每一次都是手工填信息还是会浪费不少时间。我的做法是把自己 App 的品牌色、字体、文案风格固定成一套“模板”以后开发新 App 时直接改文字和截图其他不动。在 Shots.so 里虽然没有官方“保存自定义模板”的功能但可以把每次用的模板链接记录下来把配置参数整理成一个备忘录。需要给新 App 出图时打开同一个模板链接替换文字和截图就行。整个流程压缩到大概五分钟一款 App。如果你要同时做多个渠道的素材还有一个更省力的思路先做一张主图然后用浏览器访问工具的“尺寸切换”功能重新导出适配版本。部分工具比如 Canva 也支持一键调整尺寸但免费版限制比较多Shots.so 则没有明显限制这一点在实际体验中还是很舒服的。4. 常见问题与排查技巧实录4.1 渲染效果不对先查这三处问题一导出的图文字被截断。我第一次使用这类在线工具时标语写了十四个字模板里没有提示溢出导出后才发现文本超出了设备边框区域底部被截掉了一截。排查思路很简单导出前先盯着预览图看三秒钟特别是文字元素的上下左右边缘有没有顶着边界如果顶着了就把标语缩短或者换一个字号更小的字体方案。安全区是真实存在的现代浏览器的渲染和最终导出误差极小预览里什么样导出基本就什么样。问题二图片模糊不清。模糊通常由两个原因引起。一是你上传的截图本身分辨率低比如用模拟器小窗口截出来的图放到宣传图模板里拉伸后自然模糊。解决办法是用真机截图或模拟器最高分辨率截图。二是导出时选择的模板分辨率不够有些模板默认只输出 960 宽度的版本这种要在导出设置里选最大分辨率。问题三中文字体显示不统一。不少国外工具默认字体对中文支持一般渲染出来的中文可能发虚或者字体形态别扭。遇到这种情况优先在模板里挑选支持中文的字体族或者选择没有大段中文说明的极简模板用英文标语替代。如果你的 App 主要面向国内用户建议购买或寻找支持中文的开源字体文件并把文字内容控制在少量字符这样字体问题的影响会降到最低。4.2 一套素材复用多个平台的落地方式实际项目里Android 应用市场上的要求往往比 App Store 更五花八门。每个渠道可能对图片尺寸、文件大小、内容侧重点都有不同要求。我的经验是不要试图维护二十张图片而是维护“一张源图 多个导出规格”。第一制作主视觉宣传图时在 Shots.so 里完成主体内容的排版导出 2x 分辨率的大图作为源文件。第二记录你的源图文件名和对应文案放到项目的 design-assets 目录下和代码仓库一起管理。第三遇到某个应用市场要求特殊尺寸的横幅图时先用 Shots.so 的尺寸切换功能生成一张基础版如果模板没法完全匹配再打开其他备选工具处理。我平时建议备选的工具有这么几个如果需要在宣传图里嵌入真实 App 录屏或视频片段可以用 Previewed.app如果希望设备外壳有多种机型可选比如 Pixel、三星、iPad可以用 AppMockUp如果愿意花一点时间学习基础排版也可以直接使用 Canva 的免费版自由度更高但学习成本会稍微高一点。4.3 容易被忽略的三个细节第一宣传图里出现的信息必须和商店后台填写的内容一致。审核时如果发现截图里的 App 名称和提交的名称对不上会被判定为素材与内容不符。我在早期项目里就踩过这个坑App 中途改过名字宣传图没同步更新结果被打回。第二应用截图要挑最能体现核心功能的那几张不要堆叠十几个页面的截图。很多开发者喜欢把“个人中心”“设置页”这种无关紧要的页面放进去用户根本不会因为设置页面好看就下载你的 App。第三如果 App 需要在中国大陆的应用商店上架需要注意宣传图上不要出现任何其他平台的品牌 Logo也不要使用“第一”“最好”等绝对化用语这类内容过不了审核。用词尽量往客观、描述性方向写比如“简单易用”“结果秒出”比“最强”“无敌”安全得多。5. 这个方案的边界与长期维护建议5.1 免费工具的局限别指望它替代专业设计我必须诚实地说Shots.so 这类免费在线工具解决的场景是“从无到有”它能让你在半小时内做出一套合规、观感在 70 分以上的宣传图。但如果你的 App 需要做大型品牌投放、精细的视觉包装、复杂的插画风主视觉它并不能替代专业设计工具或者设计师。在实际工作中当 App 发展到一定阶段需要换皮升级时我依然会找设计师出精细版视觉稿但日常迭代、活动横幅、测试包的上架素材用免费工具快速生成就够了。思路就是“低成本快速试错”先用免费工具把素材补齐保证业务不被阻塞等产品被验证是真的有市场再投入设计资源做精细包装。5.2 长期维护宣传图要跟着版本迭代宣传图不是做一次就完事的。App 的功能界面升级了截图必须同步更新版本新增了核心功能宣传标语的主次信息也要调整。我每个月会留出半天时间过一遍所有渠道的素材用 Shots.so 快速更新一遍。这个习惯带来的好处是商店详情页不会出现“截图里的功能在最新版里已经没了”这种尴尬情况。维护过程不费劲因为模板和素材已经形成了体系每次只需要替换截图、确认文案是否仍准确导出替换即可。另外如果你做了 A/B 测试准备用不同风格的宣传图验证点击率免费工具也是很好的辅助手段。花十几分钟生成两套不同色系、不同标语的素材同时挂到商店里跑数据比让设计团队反复改稿的成本低得多。这也是我后来特别认可“研发用免费工具做宣传图”这个方式的原因——它不只是省了时间还让研发团队对应用商店的呈现效果有了更强的掌控感。我自己经历过从“不懂宣传图该怎么做”到“半小时出一套合格素材”的转变最大的体会是这件事门槛没有想象中高关键是先跑通一次全流程把尺寸规范、文案策略、工具操作都固化下来后面就是复制和微调了。如果你正卡在 App 宣传图上不妨按上面这套流程走一遍大概率能帮你省下几天的等待时间。
