企业官网建设流程全解析

上个月给 App 做版本更新，提交审核被连着退回两次，理由都一样：宣传图里的文字被裁切了。我盯着后台那行提示看了半天，忽然意识到一个特别别扭的事实——我们团队没有专职设计师，以往所有宣传物料都是外包，一张图少说两三天、多说一周，赶版本的时候根本排不上。那次退回之后，外包那边档期满了，我索性自己上手研究起 App 宣传图这件事。试了一圈工具之后发现，只要用对办法，研发自己产出一套能上架、能推广的宣传图，真没有想象中那么难，而且全程免费，后面团队的同事都开始这么干。

这篇东西就是把我这段时间踩过的坑、总结出的流程写清楚。如果你也是独立开发者、创业团队里的技术负责人、或者被临时抓壮丁写宣传文案的研发，应该能从里面直接抄到一套能用的方案。我会把工具选型的理由、从画布到导出的完整操作、审核和版权这些最容易翻车的地方，以及我实际项目中提炼出的一套批量制作流程，全部摊开来讲。

1. 上架被卡三次之后，我决定自己动手做宣传图

1.1 应用商店那一堆图片规格要求，到底有多磨人

先说背景。我们的 App 主战场是国内安卓市场，顺带发了 iOS 版本。你可能觉得“上架不就是传个 APK、填个简介吗”，真不是。安卓各市场的后台，除了需要一套应用图标之外，还要你提供不同尺寸的“应用截图”，常见的是 720×1280、1080×1920 这类竖屏尺寸，有的市场还要横屏截图；如果你要申请首页推荐位或者做专题活动，还得额外做推广图。iOS 那边更是按机型来，6.7 英寸、6.5 英寸、5.5 英寸，每个尺寸都要对应一套截图，iPad 版本如果勾选了，还得再补一套。

我最初的想法很朴素：不就是拿设计工具把截图拼一拼、写几行字嘛。可真开始做才发现，问题根本不在“会不会用工具”，而在“没人告诉我该做成什么样”。我拿着外包给的 PSD 模板想自己改文字，光装字体、调图层就折腾了一下午，导出的时候不是字跑偏就是背景露馅。最后出来的图我自己看着都别扭，更别说过审了。

后来我冷静下来盘了一下，App 宣传图这事本质上不是“设计能力”问题，而是“信息和流程”问题。你要做的不是从零画一幅海报，而是把一个已经做好的产品界面，用文字和排版包装得更容易被用户理解。这就像给一个已经完工的房间拍照、配上说明文字挂到中介网站上——核心是“展示”，不是“装修”。

1.2 找设计师和“自己凑合”之间的第三个选项

外包设计有外包的问题。首先是沟通成本，你得让对方理解你的产品功能、明白你想要的感觉，一两句话根本说不清，改起来更是来回拉扯。其次是时间不可控，我们有一次为了赶应用市场的活动，周四下午提需求，周六就要交图，设计师直接说做不了。最要命的是不可持续，每次版本更新都要重新约人，中间隔一两个月，上次做的风格早就忘光了。

自己从零做，又容易掉进另一个坑：很多人第一反应是学 Photoshop，但那是为专业设计场景准备的，图层、蒙版、通道一套概念下来，研发本来就忙，根本抽不出时间系统学。还有的人用 PowerPoint 硬做，也不是不行，但 PPT 的导出清晰度和对图片尺寸的控制都比较有限，做出来的成品总有一股“办公室通知”的味道，作为商店首屏展示实在撑不住。

我最后选择的思路是：找一个“模板驱动”的在线设计工具，把设计工作拆成“选模板、改文字、换图片、导出”四个动作，专业设计的那部分由平台现成模板兜底。你可以把它理解成开发领域的低代码平台——不用你自己写底层，但能快速拼出一个能跑的东西。这条路线对研发来说是最低阻力的路径，因为它不需要你先成为设计师，只需要你具备基本的审美判断力就够了。

2. 为什么是 Canva（而不是 PS、Figma，也不是随便一个在线海报工具）

2.1 对研发最友好的几个点

我试过几个工具之后，主力工具固定在了 Canva 可画上面。这里先说清楚，我讲的是 canva.cn 的免费版，不是付费版，后面所有操作都基于免费版完成。

第一个让它脱颖而出的是“模板搜索”。它不像很多工具那样给你一张空白画布就完事，而是内置了一个庞大的模板库。我只要在搜索框里输入“App 宣传”“应用商店”“手机应用”这类词，就能看到大量已经排好版的模板。模板的好处是它帮你把最难的部分——构图、配色、字体搭配——全部提前解决了。你不需要理解什么叫“对比度”、什么叫“视觉动线”，只需要照着模板的结构把内容替换掉，整体效果就不会太差。

第二个是操作逻辑非常接近文档编辑。选中一个文本框就能改字，选中一张图就能替换，拖动就能调整位置。这种“所见即所得”的方式，和研发日常使用的办公软件很接近，学习成本几乎为零。我上手第一个模板到完成一张成品图，总共用了不到半小时，其中大部分时间还是花在纠结写什么文案上。

第三个是它保存了“品牌工具包”之类的概念。免费版里你可以把自己常用的颜色、Logo 传上去，之后做任何一张新图都能一键套用，保证整套宣传图的风格统一。这对后面批量制作素材特别重要，我后面会专门讲。

2.2 免费版够不够用：模板、素材、导出限制的真实体验

很多人一听在线工具就担心“免费版是不是什么都不能用”。我实际用了快两个月，可以负责任地说，对于做应用商店宣传图这个场景，免费版完全够用。

模板方面，免费模板数量确实不如付费版多，但 App 宣传这个垂直分类下的免费模板存量足够覆盖绝大多数需求了。而且你会发现，真正需要的其实就那么几个版式结构，找到用得顺手的几个之后，其他的基本都是在这个结构上做微调。素材库也一样，免费的照片、插画、图标素材虽然不像付费版那样海量，但配合上传自己的应用截图，完全撑得起来。

导出环节，免费版可以导出 PNG 和 JPG，而且 PNG 支持透明背景，这足够满足商店后台的上传需求了。没有遇到网上有些人说的“免费版导出带水印”的情况，我导出的成品图都干净可商用。用下来唯一的限制是导出图片的格式选项比付费版少，比如不支持导出 SVG 这类矢量格式，但做宣传图根本没有这个需求。还有一点，Canva 的免费版在部分高级模板和部分付费素材上有“Pro”角标，你只要避开那些资源就能全程零付费。

2.3 备选工具快速对比（Canva / 稿定设计 / Figma / PowerPoint）

为了让你心里有个底，我把实际接触过的几个工具放在一起对比一下。这里说的“以貌取人”先放一边，至少从研发角度看到的真实差异是这样：

这个表格不是绝对的，每个人偏好和场景不同，工具选择也会有差异。但我的核心判断是：研发做宣传图，最关键的变量不是工具上限多高，而是“从打开软件到得到一张能用的图，最短需要多久”。Canva 在这个维度上优势最明显。

3. 实操：半小时产出一张能直接传后台的宣传图

3.1 动手前先定三件事：尺寸、文案、视觉锚点

别一上来就打开工具找模板，我前面翻车大多是因为准备工作没做足。你只需要花五分钟做三件小事，后面速度会快很多。

第一件事，定尺寸。去你要发布的应用市场后台，找到截图上传的位置，看它要求的像素尺寸是多少。这里我提供一个常见的基准值：国内安卓市场普遍接受 1080×1920，这是竖屏截图的常见规格；iOS 那边如果是 6.7 英寸屏，对应 1290×2796，6.5 英寸是 1242×2688。实在找不到具体数值，Ctrl+F 翻一下平台的“上架指引”文档，通常写得清清楚楚。这一步非常关键，因为画布尺寸错了一切都白搭，导出后的图会被平台强制裁剪，文案被切就是从这里开始的。

第二件事，定文案。宣传图上的文字绝对不是越多越好。你只需要回答一个问题：用户第一眼看到这张图，你最想让他记住什么？把这个答案压缩成一句短句，控制在 10 个字以内，比如“极简记账，3 秒上手”“离线地图，没网也能走”。然后把这句话作为宣传图的主标题，下面跟一行小字作补充说明，比如一句功能亮点或者用户场景。整个文案层级不要超过三层，否则就是给用户发考卷。

第三件事，定视觉锚点。也就是这张图最吸引眼球的那个画面元素。通常就是你的应用界面截图，而且不要放多，一张大图胜过三张小图。选那张最能体现产品核心功能的页面，提前在测试机上截好图，或者从应用商店后台的历史审核截图里找一张状态最完整的。如果产品是深色界面，就优先选深色背景的模板搭配，保持整体协调。

3.2 一步一步搭画布：从背景到文字再到导出

准备工作做完，接下来就是流水线操作。我用一个真实案例来演示：当时要为一个记账类 App 做一张 1080×1920 的竖屏宣传图。完整的操作流程如下：

第一，打开 Canva，点“创建设计”，选择“自定义尺寸”，输入 1080 和 1920，单位选像素，创建空白画布。其实更推荐直接搜索“手机应用”模板，先看看有没有接近的版式，有就基于模板改；我个人习惯是先有模板再微调，这样比自己从背景色开始搭快得多。

第二，如果基于模板，只需找到模板里的主视觉占位图，双击它，点击“替换”，从本地上传我的记账 App 截图。截图推荐用 2 倍图，也就是在测试机上以真机分辨率运行后截取，避免网上随便找一张被压缩过的模糊图。替换之后，模板原有的构图比例会自动适配。

第三，设置背景。我用的模板自带一个浅灰色背景，有点太暗，我想调整。选中画布空白处，在右侧面板改背景色，或者上传一张自己产品界面里的渐变色作为背景。这一步要记住一个原则：背景永远比主图更“低调”，颜色对比不要过于刺眼，否则文字会看不清。

第四，改文案。双击主标题文本框，把“轻松记账”改成我要的“极简记账，3 秒上手”，副标题改成“无广告、无理财，纯粹记录每一笔”，再删掉模板里多余的小字。字体方面，如果模板自带字体不合适，可以在文字工具栏换字体，中文优先选思源黑体这类适合屏幕阅读的无衬线字体，不要用带夸张装饰的书法体。

第五，导出前检查。把画面缩小到 50%，快速看一眼整体是否有不协调的地方。然后把文字框全部选中，确认它们都在安全边距内，什么意思呢？就是距离画布边缘至少留出 100 到 150 像素，防止某些平台在展示时做二次裁剪。确认没有问题，点击右上角“分享”，选择“下载”，格式挑 PNG，这个格式清晰度比 JPG 好，而且 iOS 和安卓后台都认。

到此，一张能直接传审核后台的宣传图就出来了。整个流程熟练之后，从打开浏览器到下载文件，大概二十分钟左右。如果你只是换模板里的文案而不换主图，十分钟都用不了。

3.3 一个几乎不出错的比例参照表

不同场景需要的尺寸差别很大，我把实践中比较常用的尺寸整理成了一张表，你可以直接存下来用。这里要说明的是，这些数值并不保证每个平台都永远不变，重要的还是以你要上传的平台后台为准，但作为起点已经够了：

第一次做的时候建议按这个表把画布尺寸建好，然后再往里面填内容，不要反过来做了图再缩放，否则文字和图片的比例会被拉变形。

4. 宣传图不是“画完就行”：商店审核在意的那些细节

4.1 截图与宣传图的关系

很多人会有个误解，觉得宣传图就是拿产品截图随便加几个字。其实应用商店里真正让用户滑动浏览的，是截图区，而“宣传图”更多是用于推荐位、专题页、社媒分享这些额外的露出位置。两者玩法不一样：截图区的图，核心目的是让用户快速理解 App 的界面和功能，所以主体必须是真实的应用界面，点缀性的文字越少越好；而宣传图则相反，它可以脱离真实界面，用更大的文案和视觉冲击力去吸引点击，然后引导用户回商店看截图。

我一开始就是把这俩搞混，把宣传图做得和截图一模一样，结果专题活动那边看不上，说“没有宣传感”。后来才慢慢摸到门道：截图是产品说明书，宣传图是广告牌。做之前先想清楚图要发到哪、给谁看、想让用户干什么，再决定画面重心。

实际操作中，我做截图区素材的套路是这样的：准备 3 到 5 张真实功能页面的截图，第一张放核心功能，第二张放增值功能，依次排开。只在每一张顶部加一个小标题栏，比如“3 秒快速记账”“多账本管理”“图表看趋势”，用半透明背景盖住截图的顶部区域，不要遮挡界面主体的内容。这样既能说明功能点，又不影响审核对“真实界面”的判断。

4.2 苹果和安卓市场对图文的硬性要求差异

这里要单独拎出来说一下，因为它们的审核逻辑很不一样。

安卓市场整体上是“机器审核 + 人工抽检”的混合模式，对图片尺寸和文字比例相对宽松，但为了让推荐位展示效果统一，部分市场会有自己偏爱的风格倾向。比如有的市场首页推荐位偏爱暖色调、大标题风格，有的偏爱简洁留白。你可以去对应市场的推荐位逛一逛，翻十张图上来看一遍，基本就能摸清风格。这个花不了多少时间，收益却很大——投其所好的通过率明显高。

而 iOS 的 App Store 在文字上卡得比较严。主要体现在两点：一是截图中的文案不能有夸大宣传的倾向，比如“最好”“第一”“绝对”这类词，审核存在被打回的风险；二是如果截图里的文字与 App 实际功能无关，比如放了和产品毫无关系的营销语，也容易被质疑“与 App 内容不符”。我那次被退回的图，就是因为把一句话副标题做了旋转倾斜处理，文字超出了安全区边缘，被系统判定为“文本裁切”。所以 iOS 素材在导出前，一定要用 1:1 的预览模式检查边缘，不要依赖缩小后的整体视图，缩小后很多时候是看不出来裁切的。

4.3 最容易被忽略的字体版权问题

这一条是很多研发自己做图时根本没意识到的坑。在线设计工具里的字体，有些可以免费商用，有些只能在平台内使用、不可用于线下商业广告，还有些本身是第三方字库的试用版。你用工具做了图，上传到应用商店，这算商业用途，字体版权一旦出了问题是需要使用者自己承担责任的，平台不背这个锅。

我的应对策略分三点。第一，优先使用系统内置的免费开源字体，比如思源黑体、阿里普惠体，这些明确可以免费商用，而且现代感强，适合绝大多数 App 宣传图。第二，如果要加一些特殊风格的字，先查一下它的授权说明，一般工具平台在字体列表里会标注“免费商用”或“仅限平台内使用”，看到后者就要换掉。第三，公司有法务或者设计外包渠道的话，可以把字体授权问题单独问一下，尤其是如果宣传图要投放到户外广告、地铁屏这些场景，字体授权要求会更严格。

这里还要补充一个本地化细节。如果我们做的是出海 App，英文宣传图里的字体同样要注意，很多英文美术字体的免费授权范围只限个人项目，商用还是要小心。不过英文场景有个好处是可用字体多，直接用 Arial、Helvetica 这类系统基础字体，安全系数最高。

5. 批量生产一套素材的工作流

5.1 一张主图改全部尺寸的复制换内容法

宣传图很少只做一张。一个版本更新，你可能需要同时准备安卓竖屏截图、iOS 两种机型截图、社区分享图，偶尔还要一张官网 Banner。如果一张一张重新做，效率实在太低。我摸索出来的方法是“一主多从”：先做一张信息最全的主图，通常是 1080×1920 那张，把它当成内容源，然后再派生其他尺寸的图。

具体操作是这样的。主图做好之后，回到 Canva 首页，重新建一个目标尺寸的画布，比如 1290×2796。然后回到主图编辑页，Ctrl+A 全选所有元素，按 Ctrl+C 复制，再到新画布里按 Ctrl+V 粘贴。此时所有元素会作为一个整体带过来，你只需要用鼠标拖动右上角的缩放控制点，把整个内容缩放到新画布的合适大小，再微调一下文案的字号即可。

这种做法的好处是，所有元素的结构、颜色、字体风格保持一致，不需要重新配色，视觉统一性自然就保证了。你可以把主图想成代码里的基础组件，其它尺寸的图都是它的不同渲染实例。刚开始多花一点时间把主图做扎实，后面每张派生的图十分钟内就能搞定。

5.2 版本更新时如何只改日期和版本号

一套素材做完，它并不仅仅服务于一次上架。App 是有生命周期的，通常每两到四周就会发一个小版本，每次发版都可能需要更新商店素材里的版本号、功能点，甚至特色文案。

我的习惯是，在 Canva 里把每个项目的文件按照“App名称_用途_日期”的格式命名和归档，比如“记账助手_商店截图_20240520”。下次更新时，直接搜索文件，进入编辑页，只修改需要变化的文字，比如把“新功能：扫描发票”改成“新功能：多人共享账本”，然后重新导出即可。这里有个技巧，导出时不要覆盖原文件，而是使用“另存为副本”，把新版本的文件名里的日期改成当天的。这样如果新图出了问题，还能回到旧版本，避免误操作把历史素材丢了。

这背后的逻辑是，宣传素材和源代码一样，也需要版本管理。你可以不用 Git 那么正式，但要保证任何时候都能找到某个日期、某个版本对应的素材，否则一年后你再想找回当初那个推荐位用的图，翻遍整个网盘都找不到，那种绝望我是经历过的。

5.3 团队协作时的文件命名和存档习惯

如果你们团队有多个研发或运营同时维护素材，命名和存档就更重要了。我建议在团队共享网盘里建一个固定结构：

• 一级目录按年份分，比如“2025 宣传素材”
• 二级目录按用途分：商店截图、活动推广图、社媒分享图、官网 Banner
• 文件命名统一为“产品名_用途_尺寸_日期”，比如“记账助手_商店截图_1080x1920_0520”

这个结构看起来简单，但实际用起来非常省心。它解决的不仅是“找文件”的问题，还有“这张图是不是最新的”问题。团队里只要默认最新日期的文件是有效版本，就不会有人拿着一周前的旧图去提交审核。

另外，Canva 本身也支持多人协作，可以通过链接分享编辑权限。研发 A 改了主图，研发 B 打开同一个文件就能看到最新版本，不需要反复传文件。不过要提醒一句，协作链接的权限最好设为“仅编辑”，不要给“可分享可查看”之外的权限，避免有人不小心删了公共模板。

6. 实测过程中踩过的坑（写给你们避雷）

6.1 导出后文字模糊、边缘发虚的原因

我最早做出来的一张图，在编辑界面里看非常清晰，导出后再用看图软件放大，字体的边缘就有一圈毛边，尤其是小号文字特别明显。排查了半天，最后发现原因是我在模板的基础上把整个设计的画布尺寸缩小了。

举个例子，模板原始尺寸是 2160×3840，我在自定义尺寸创建画布时，建成了 1080×1920，然后又直接从模板里 Ctrl+C、Ctrl+V 把元素复制过来。这些元素在原始画布里占的比例是正常的，到了新画布之后整体偏移缩小，文字也跟着缩小。缩小后在编辑界面看着没问题，但导出时 Canva 会按照画布实际尺寸输出，小字的分辨率自然就不够清晰。

解决办法有两个：要么在做图之前就确定好目标画布尺寸，不要中途改；要么就在原模板画布里改内容，改完再通过“调整尺寸”功能一次性等比缩放。如果你发现某张图导出边缘发虚，优先检查有没有做过二次缩放操作。

6.2 颜色失真问题

宣传图在电脑上看挺正常，但传到应用商店后台，有的渠道会做二次压缩，颜色会有轻微的偏色，尤其是一些高饱和度的颜色容易发灰。这个不完全是工具的问题，更多是平台处理机制导致的。

我踩过的具体案例是：设计时用了比较鲜艳的橙红色做背景，导出后在电脑上看是“活力橙”，上传后台预览时却变成了偏暗的“砖红色”。后来咨询了一下，确认是图片色彩空间的问题。我们屏幕设计一般用 sRGB，但部分平台压缩链路会把它转成别的色彩空间，导致饱和度偏移。

这里能做的规避措施有限，但有一点是有效的：在设计时不要把关键文字或图标做成那种“非常接近背景色”的配色，要保证即使颜色有一定偏移，文字和背景仍然有足够对比度。另外可以为同一个设计方案做一深一浅两版，提交前用平台后台提供的预览功能看一眼，如果偏色严重就换另一版。

6.3 模板被“锁定”怎么办

用在线工具的另一个常见问题是，你选中的模板里有些元素会被锁定，显示一个“Pro”的角标，点一下提示需要升级会员才能使用。一开始我在这上面吃过亏，辛辛苦苦改了半天，最后导出的时候才发现图片角落有个水印样式，仔细一看是模板里默认带的一个免费图标水印。

解决思路有两个。第一，换个模板，这是最省事的，很多免费模板虽然少，但结构清晰的足够用了。第二，如果不舍得换，就手动把锁定元素删掉，再找免费的替代元素补位。操作上，选中被锁定的元素，尝试用键盘 Delete 键删掉，如果删不了，就检查一下右边工具栏的“图层”面板，找到对应图层后直接隐藏它。虽然有些模板的限制比较严格，但大多数只是锁定编辑，并不会禁止你删除。

这里分享一个判断模板能不能用的经验：选模板的时候，先点进编辑页，在图层面板里粗略扫一眼有没有大面积“Pro”角标元素。如果有超过三分之一都是付费素材，那后续替换成本会很高，果断换下一个。别在一棵树上吊死，模板这玩意儿，找到顺手的比找好看的更重要。

我用这套方法做了两个多月素材之后，最大的感受是：研发做宣传图，第一个月最难的不是工具，而是转变心态。你得接受自己产出的图不会像专业设计师那样惊艳，但也要明白“可用、合规、快”本身就是价值。现在团队里再有临时宣传图需求，我第一反应不是找外包，而是打开工具库，搜个合适的模板，二十分钟给需求方发过去一版初稿。等他们点头了，再回头精修细节，效率完全是两种节奏。这套流程如果你也想照搬，建议先拿自己 App 的旧截图照着走一遍，第一次慢不要紧，模板和文件归档习惯建立起来之后，后面会越来越快。