AI电商banner图怎么做？banner图制作方法

电商banner图这件事，单个看并不难，难的是量。一次活动要在首屏、活动页、详情页、分类页、会场入口、推广位等多个位置同时投放，每个位置的尺寸不同、比例不同、安全区不同，信息还要保持一致。做完一个位置再做下一个位置，做十几版下来，前面几版和后面几版在色调和字体上往往已经对不上了。

把这个环节拆开看，它其实不是设计问题，而是产能和一致性的问题。设计上需要判断的只有几件事：这次活动讲什么、主角是谁、投给谁看；剩下的尺寸适配、版式排布、色调统一、批量导出都是可以规则化的动作。规则化的部分交给工具执行，人工的精力才能集中在判断上。

这篇文章讲的是电商banner图的通用制作方法，从尺寸规范体系讲到层级结构，再讲多场景复用和批量产出的组织方式，最后完整走一遍青虎AI在这一环节的用法，包括AI banner、AI批量出图、AI图片生成、AI店铺图和AI首页图几个环节。文中尺寸按通行做法描述，不同位置和模板的要求存在差异，具体以对应后台的提示为准。

内容偏流程和规范，适合需要一次性产出多版banner的场景。如果店铺的banner数量不多，可以只挑其中的尺寸规范和质检清单两部分用。

一、电商banner图的通用制作逻辑

把不同位置的banner放在一起看，会发现它们的制作逻辑是同一套：先确定这次要传达什么信息，再确定主角是谁，然后按投放位置的尺寸排布版式，最后检查合规与适配。位置的区别只影响排布，不影响逻辑。

这套逻辑的起点是信息，不是画面。买东西的人扫过一张banner只需要很短的停留，能带走一条信息就已经不错。信息确定之后，画面的配色、构图、元素密度才有判断依据。反过来先做画面再往里塞信息，画面会越改越满，信息反而越塞越乱。

第二个环节是主角的确定。主角可以是一款商品、一个活动主题或者一项具体权益，只能是一个。主角定了，画面的比重分配、色彩对比、文案位置就都跟着定了。这一步做得含糊，后面每改一次都要重新纠结一遍。

第三个环节是尺寸适配。同一套信息在不同尺寸里要保留什么、砍掉什么，需要提前想清楚。通行做法是把核心信息保留在所有尺寸里，辅助说明只在大尺寸里出现，小尺寸直接省略。反过来做，把大尺寸的元素硬塞进小尺寸，画面会挤成一团。

第四个环节是合规与适配检查。活动信息要与实际设置一致，表述不宜夸大，也不宜使用绝对化用语；文案要落在安全区内，商品形态要与实物一致。这一步放在最后做，前面几步的产出都要过一遍。

这套逻辑还有一个隐含前提：动手之前先把这次活动的对外口径定下来。活动叫什么、时间从几号到几号、参与方式是什么，这些事实先确定，再进入制作环节。口径没定就开始做图，最后往往要把所有位置的文案全部改一遍。

二、尺寸规范：从店铺位到会场位

电商banner的尺寸不是随意定的，每一个位置背后都有一套规范。按投放场景大致可以分成几类：店铺内部的图位、平台活动会场的图位、站内推广的图位，以及详情页和分类页的辅助图位。

店铺内部的图位由装修后台规定，首屏banner、活动入口、分类入口各有各的规格。这类图位的特点是模板固定，做图前在后台确认一次即可，一旦确认就可以长期沿用，不需要每次重查。

平台活动会场的图位由平台的活动规则规定，报名时会给出明确的尺寸要求和安全区要求。这类图位的特点是每次活动可能调整，需要以当次活动的报名页面提示为准，不能沿用上一次的规格。会场图位还有一个特点是审核严格，文字超出安全区、出现违规表述都可能被驳回。

站内推广的图位尺寸偏小，画面里的元素数量必须大幅精简。小尺寸图位的常见问题是把大图缩小后使用，结果文案糊成一片，主角失去比重。正确处理方式是针对小尺寸单独调整版式，保留主角和一条主信息，其余内容全部去掉。

投放场景	规格来源	适配要点
店铺首页首屏	装修后台提示	规格相对稳定，确认一次长期沿用
店铺活动页顶部	装修后台提示	高度受限，信息只保留活动主题
平台活动会场	当次活动报名规则	每次活动重新确认，安全区要求通常更严
站内推广位	推广后台提示	尺寸小，元素数量必须大幅精简
详情页顶部	装修后台提示	横向长条，文案压缩到一行
分类页分区顶部	装修后台提示	分区名与分区内容严格对应

规范管理有一个成本很低的做法：把店铺常用图位的尺寸、比例、安全区要求整理成一份清单存档，每次做banner时对照执行。会场类图位单独建一份，每次活动报名前更新一次。清单整理一次，后续所有banner制作都能用上，也能避免因为规格记错而返工。

安全区是尺寸规范里最容易被低估的部分。通行做法是在图的四周留出较为明显的边距，把核心信息集中在画面中间区域。平台会场的审核对这一项尤其敏感，文案压到边缘被裁切是常见的驳回原因。做图时按最严格的那一版规范处理，或者单独留一版保守版式用于会场投放。

三、层级结构：一张banner怎么拆成四层

一张能用的banner，画面结构可以拆成四层。分层的好处是修改有方向：画面哪里不对，能找到对应的层去调整，而不是整张重做。

最底层是背景层。背景层承担的是衬托和统一基调，处理原则是低饱和、低对比、不抢视线。背景层做得克制，上面几层的信息才立得住。底图的花纹密集或者饱和度过高，主角元素放上去就会显得灰。

第二层是主体层，也就是主角所在的层。主体层是整张图的视觉核心，需要占据主要面积、拥有最强的对比、位于视线进入画面的第一落点。主体层的元素通常来自真实素材，商品形态必须与实物一致。

第三层是信息层，承载主标题、辅助说明这类文案。信息层的关键是层级清晰，字号只保留三档左右，位置集中在安全区内。信息层和主体层可能有重叠，处理方式是让文案落在主体的呼吸空间里，而不是压在产品本身的关键部位上。

第四层是装饰层，包括分割线、角标、点缀元素、品牌标识。装饰层的作用是补充氛围和强化规则感，强度必须克制。装饰元素过多是banner显得廉价的主要原因，减少装饰元素通常能让画面立刻干净一档。

层	承担内容	处理原则
背景层	底色、渐变、弱纹理、氛围元素	低饱和低对比，不与主体抢视线
主体层	主推商品、核心视觉元素	面积最大、对比最强、位置最靠前
信息层	主标题、辅助说明、行动指向	三档字号以内，落在安全区内
装饰层	分割线、角标、品牌标识	强度克制，数量精简，风格统一

图1：按背景层、主体层、信息层、装饰层拆解的banner，与元素混杂排布的画面对比

分层还有一个实际收益：改了哪一层，其他层不受影响。换季要换主推商品，只需要替换主体层；活动主题变了，改信息层和背景层的氛围元素就够；视觉方向调整，动背景层和装饰层。分层清楚的banner，维护成本比整张重做低得多。

四层里最容易失控的是装饰层。加一个角标、加一条分割线、再加一个点缀元素，单次看起来都不多，累积起来画面就变得拥挤。控制的方式是给装饰元素设一个上限，比如一套视觉里只用三种装饰元素，并且规定它们只能出现在固定的位置。规则越简单，执行起来越稳定。

四、多场景复用：一套素材铺到多个位置

电商banner的产出量之所以大，很大一部分来自同一套素材要在多个位置复用。复用做得好，产能能提升一大截；做得不好，就成了每个位置重新做一遍的重复劳动。

复用的前提是先把不变量固定下来。一套视觉里的不变量包括配色体系、字体层级、元素风格、品牌标识位置、行动指向样式。这些定下来之后，无论出多少个位置的版本，视觉语言都是同一套，买家在不同位置看到的是连贯的形象。

复用的变量是版式和信息密度。同一套文案放到不同尺寸里，需要重新决定主角占多大比重、文案放几行、辅助说明要不要留。大尺寸可以承载主标题加辅助说明加行动指向，小尺寸往往只能保留主标题和行动指向。变量处理的原则是保留核心，砍掉补充，而不是等比缩放。

复用还要考虑投放场景的差异。首页首屏的banner可以和活动页的banner共用一套视觉，但重点不同：首屏偏重主题传达，活动页偏重参与方式说明。同一款商品投给新客和老客，主角和文案重点也应调整。复用不是复制，是在同一套规则下的重新组合。

复用还有一个容易忽略的环节是素材归档。同一个活动的素材分散在不同文件夹、命名方式还不一致，复用的时候根本找不到原图，最后只能重做。把商品图、底图、装饰元素按活动和用途归档，文件名带上活动名称、图位和版本号，复用效率会明显提高。规范命名看起来是小事，图片量一大，它决定的往往是能不能复用的本身。

五、批量产出的组织方式

单个位置好做，一次做十几个位置就需要组织方式。批量产出的效率差异，主要来自准备工作做没做在前面。

组织的第一步是分组。把这次要产出的banner按位置和用途分组：首屏一组、活动页一组、会场一组、推广位一组。同组内的尺寸和用途接近，可以用同一条需求描述统一处理，组内的一致性也最容易保证。

组织的第二步是定序。先做尺寸最大的那版，把主角、信息层级、色彩关系定下来；再用这一版作为基准，逐组调整其他尺寸。先做小尺寸的话，大尺寸的版式没有依据，很容易反复调整。定序的意义是把判断成本集中在第一版，后面都是执行。

组织的第三步是抽检。批量产出的风险是某一张出了问题但没有被发现。抽检的做法是每组完成后随机挑一到两张，按质检要求核对尺寸、安全区、文案层级、元素一致性。发现问题时先查需求描述，如果需求描述本身有歧义，同组可能都有同样的问题，需要整组重新处理。

组织的第四步是记录。把这次产出的图位清单、尺寸、使用的需求描述、完成时间记录下来。下次遇到类似活动，这份记录可以直接作为起点，微调之后就能用。批量产出做几次之后，店铺会积累出一套自己可用的模板体系。

批量产出最容易出的两个问题，一个是色调漂移，分批生成时前后批次的颜色不一致；另一个是术语不统一，同一个活动在不同图位上用了不同叫法。前者用第一批确认过的成品作为参考图来解决，后者靠一份活动文案表统一核对。两个问题都在准备阶段就能防住，等图做完再发现，返工量会大得多。

批量产出还要留意版本管理。同一套banner在活动期间可能有多次微调，如果每次都在成品图上改，很容易出现新旧版本混用：首屏已经换了新版，推广位还在用旧版。用同一套素材和同一条需求重新生成，每一轮修改都有明确来源，版本之间的差异一目了然。

六、青虎AI批量做电商banner的能力

青虎AI是对话式的AI电商作图工具。用法和传统作图软件不一样，不需要在软件里逐层搭图层、逐个尺寸改版式，把商品图或者参考图上传进去，用日常语言说清楚要什么，它就能出图。整个交互围绕上传素材、输入需求、生成调整、导出上传四步展开，全程在对话里完成。

对接批量banner的场景，能力分成几块。做AI banner，用于活动banner、首屏banner这类需要强信息表达的图位；做AI批量出图，把一组素材按同一条需求一次处理，解决多位置、多尺寸的产能问题；做AI图片生成，用于底图和氛围元素这类需要快速铺量的素材；做AI店铺图，统一banner与店铺其他图位的色调、字体层级和元素风格；做AI首页图，用于和banner同屏出现的主视觉，保证整页基调一致。

输入需求的方式很直接。可以做一张红色促销banner，也可以把这一组图统一成暖色调背景、风格简洁、尺寸保持一致，还可以做一组活动banner，只保留活动主题、文字区留白充足。需求里可以带上用途、尺寸比例、主色、文案位置、留白这些约束，约束说得越具体，出图越接近可以直接上架的成品。

能力边界需要提前说清楚。AI处理的是画面生成、版式排布、色调统一、批量输出这些可以规则化的环节，商品本身的形态、质感、真实度必须来自真实素材。用生成的画面冒充实物属于图与实物不符，会带来投诉和账号风险。banner图里涉及活动时间、优惠力度、赠品内容的表述，要与店铺实际活动设置保持一致，不能为了吸引点击做夸大描述，也不宜使用绝对化用语。平台会场对文字和素材有明确规则，出图后仍需按当次活动的报名要求逐项核对。

图2：青虎AI对话式作图界面，上传素材后用自然语言描述需求即可批量生成banner图

七、用青虎AI批量出图的四步操作

把用法落到具体操作，一次批量banner产出走四步，每一步都有明确的动作和验收标准。

四步里人工真正花时间的只有需求描述、第一张的确认和整组抽检。需求写得越清楚，返工越少。很多卖家觉得批量出图效果不稳定，回头检查需求描述，往往发现同一组里说的是同一个需求，但素材本身风格差异很大，比如有的商品图是白底、有的是实景。素材先统一，批量结果才会统一。

需求描述有几个可以立刻用上的写法。用词上给可执行的约束，与其说高级一点，不如说主色用深红、背景干净、文字区留白充足；语气上避免互相冲突的要求，比如既要画面丰富又要极简；结构上按用途、尺寸、配色、禁忌四段来写，用途决定版式，尺寸决定留白，配色决定整体调性，禁忌排除不需要的元素。

图3：从按位置分组、统一需求批量生成到多尺寸导出的banner批量制作流程

八、上架前的质检清单

banner做完之后、上线之前过一遍质检，能拦掉大部分低级问题。下面这份清单可以直接拿去用，逐项打勾。

检查项	合格标准	不合格时的处理
尺寸比例	与投放位置要求的尺寸和比例一致	按该位置规格重新导出
安全区	文案与关键元素未贴边、未被裁切	调整留白后重新出图
信息层级	主角突出，文案字号档次清晰	精简信息、重排字号层级
色调统一	与同活动其他图位属于同一套配色	按同参考图重新批量生成
字体一致	同活动各图字体与字号关系一致	统一字体层级后重出
元素风格	圆角、描边、图标风格统一	按同一规则批量处理
商品真实性	形态、数量、材质与实物一致	改用真实素材重做
活动信息	与实际活动设置一致，无夸大表述	按实际活动修改后重出
文字合规	无违规表述，未使用绝对化用语	修改文案后重出
手机端预览	真机预览文案完整，入口可点击	调整版式后重新上传

清单里最容易被跳过的是手机端预览。电脑端看着很完整的banner，到了手机端经常被截掉两侧或者被底部元素遮挡，而流量绝大多数来自手机端。上架前用真机看一遍，比在电脑上反复调细节有效得多。会场类图位还要按当次活动的报名规则单独核对一遍，这类审核的通过标准通常比店铺内部图位更严格。

质检结果值得记录。哪些图位最常出问题、哪类问题反复出现，记录几轮之后就能看出规律。比如推广位的文案总是字数过多，那么在需求描述里就可以提前限定字数上限；活动页banner总是高度超限，就把高度要求写进模板。问题被记录下来，才有机会被流程解决，而不只是这一批返工一次。

九、四个常见误区与四个提升技巧

方法讲完之后，再说说实际使用中最容易走偏的地方，以及能拉开差距的几个做法。

十、三个真实使用场景

把方法放回真实场景，看三个不同类型的店铺是怎么用青虎AI解决banner产出问题的。

三个场景的共同点是：真正需要人判断的，是这次活动讲什么、主角是谁、每个位置必须保留哪些信息；而画面生成、色调统一、多尺寸适配、批量导出这些动作，交给AI执行之后效率提升很明显。

图4：从大促多位置产出到小尺寸单独做版，青虎AI在电商banner环节的典型落地场景

十一、常见问题解答