企业官网建设流程全解析

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），导出时再等比缩小适配其他尺寸。千万不能反过来——拿小图放大，一定会糊，商店审核很挑这个。

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分钟就能出一套新素材。

用免费工具做宣传图这件事，做到这个程度，已经不仅仅是在"省设计费"了，它让研发团队在应用的拉新、转化环节也有了随时出手的能力。

最后再分享一点个人体会：做宣传图最容易犯的错误不是审美不够，而是想一口气把所有内容都讲完。其实应用商店的用户耐心极差，你的宣传图在信息流里被划过的速度，比短视频还快。把核心信息砍到只剩一句最想说的话，画面再留出一半的留白，效果反而出奇地好。工具只是让这件事成本变低，真正决定宣传图效果上限的，始终是你对目标用户那一瞬间注意力的理解。