AI电商产品主图设计怎么做？产品主图设计教程

电商产品主图是商品在搜索页、推荐流里展示给买家的第一张脸。买家决定点不点进详情页，通常就在刷到主图的一两秒内完成判断。主图设计得好，点击率上去了，同样的搜索词和曝光量才能带来更多访客；主图平庸，商品再好也只能淹没在同行的图海里。主图设计是电商运营里投入产出比最高、也最容易被忽视的一环，很多卖家把时间花在详情页和评价维护上，却忘了最先接触买家的主图才是转化链路的第一道门槛。

主图设计难，难在它是一道综合题。它要把构图、文案、背景、色彩、尺寸这些要素同时处理好，还要符合各个平台的规则，单靠会一点PS远远不够。多数卖家的实际情况是：要么请设计师做，一张图几十上百元，上新一多成本就压不住；要么自己用模板套，出来的图千篇一律，和同行放在一起毫无辨识度。两种情况都指向同一个问题——主图设计缺少一套可复用的方法，也缺少一个成本可控的生产方式。

这篇文章把产品主图设计拆成五个核心模块来讲：构图原则、卖点排版、背景选择、色彩搭配、多平台尺寸适配。每个模块都给出具体到像素和字数的参数建议，以及可以直接照做的判断标准。落到操作层面，用青虎AI演示从一张原始商品图到一套多平台主图的完整流程，对话式操作、支持批量生成，把主图设计从一次性外包变成运营自己能掌控的日常动作。

文章比较长，建议先通读框架，再回到自己正在做的类目上对照执行。每个章节都独立成立，遇到哪块短板可以直接跳到对应章节。内容全部围绕可执行的标准展开，不绕弯子。

一、产品主图设计的第一步：想清楚图给谁看

动手设计主图之前，先回答一个问题：这张图是给谁看的。主图不是给自己看的审美作品，是给搜索结果页里那些还不了解你商品的买家看的。买家刷到一个陌生商品，能获取的信息只有主图、标题、价格、销量这几项，主图要做的，是在几十分之一秒内传递足够的信息，让买家愿意点进来。主图设计的第一原则不是好看，是信息效率。

目标人群不同，主图的信息组织方式就不同。卖给年轻女性的美妆产品，主图可以走清新、氛围感强的路线，色调柔和，卖点文案克制；卖给看重参数的数码产品，主图要把核心参数、功能亮点直接排进画面，用数据说话；卖给家庭主妇的日用品，主图强调实用和性价比，利益点要大而清楚。判断标准很简单：把你目标买家的画像写出来，再看主图，如果换一个完全不相关的买家来看这张图，他会不会觉得图上的东西和自己无关。会，说明主图的人群指向还不够清楚。

想清楚给谁看，还要想清楚主图在整条转化链路里的角色。主图承担的任务不是把商品的所有优点讲完，而是让买家产生足够的兴趣点进详情页。真正讲产品故事、打消购买顾虑的活儿，是详情页和评价区的。所以主图上只需要放最核心的一两个信息点，放多了反而分散注意力，这也是主图设计里最常见的浪费——把详情页的文案全部压缩进一张图，结果哪个点都没讲透。

人群想清楚之后，再定主图的整体基调。一张主图从确定基调到完成，大致经历四个步骤：定构图、排文案、选背景、配色彩。这四个步骤不是顺序执行完就结束了，它们相互制约，构图决定文案能放哪，背景决定配色怎么选，文案多少反过来影响构图的留白空间。把这四步当成一个整体来调，而不是孤立地一步做一步，出来的主图才会协调。

二、构图原则：居中、留白与黄金位置

构图是主图的地基，构图乱了，后续文案、配色做得再好都救不回来。电商主图的构图和艺术摄影不同，目的不是表达意境，而是让商品在方寸之间一眼被看清。常用的构图方式可以归纳为三种：居中构图、三分法构图和满版构图，各有各的适用场景。

居中构图是电商主图里用得最多的方式，也是新手最不容易出错的方式。商品主体放在画面正中，四周留出均匀的空白，视觉焦点集中在商品上，买家一眼就能看清商品全貌。居中构图适合绝大多数标品：数码配件、家居日用、食品饮料、母婴用品都适用。使用居中构图时要控制商品在画面中的占比，主体占画面面积的60%到70%之间最稳妥，占得太小显得商品单薄，占得太大画面会显得拥挤，周边信息没有落脚的地方。

三分法构图适合有方向感、有场景感的商品。把画面横向纵向各分成三等份，形成九宫格，把商品的关键部位放在四条分割线的交点上，也就是视觉焦点位置。商品占画面一侧，另一侧放卖点文案或留白，整体更灵活，适合服装穿搭、饰品、需要展示使用方式的商品。满版构图则是让商品尽量铺满画面，只留很小的边距，适合强调产品细节和质感的商品，比如食品的近距离拍摄、纺织品的纹理展示，但满版构图对商品本身的颜值要求很高，商品细节不好看时慎用。

构图方式	商品占比	适用场景	常见错误
居中构图	主体占画面60%-70%	标品、数码、日用、食品	商品过大或过小、重心偏移
三分法构图	主体占画面一侧40%-50%	服装、饰品、场景类商品	焦点没落在分割线交点上
满版构图	主体占画面85%以上	细节质感类、特写类商品	商品细节不佳时放大瑕疵

留白是构图中最容易做错也最容易被忽略的部分。留白不是让画面空着，是给买家视线一个喘息的空间，让商品从画面里跳出来。主图四周至少保留画面宽度5%到8%的安全边距，这个边距有两个实际作用：一是保证商品边缘完整，不会被平台裁剪或圆角遮挡；二是给后期加角标、促销标签留出位置。留白的另一种用法是方向性留白，商品朝向的方向留出更多空间，比如杯子把手朝右，右侧就留多一些，视觉上更透气。

黄金位置指的是视线最容易停留的区域，一般认为是画面中心偏上的位置。人眼浏览图片的习惯是从中心开始，再向四周扩散，所以最想让人看到的信息——不管是商品主体还是核心卖点——都要放在中心偏上、大约占据画面中上部三分之一的位置。促销角标这类强提示信息，放在右上角，这是电商平台买家常看的区域，也是搜索页里不被折叠的位置。把信息放在买家根本不会注意到的地方，等于没放。

构图做完之后有一个自检动作：把主图缩到指甲盖大小看一遍，也就是模拟搜索结果页里缩略图的观看状态。缩小的图上，如果商品依然清晰可辨、主要文案依然能看清轮廓，说明构图合格；如果缩小时主体糊成一团、文案连成一条线，说明信息太密集或者元素太小，需要重新调整。这个自检方法能提前发现大部分构图问题，比做完放大看效果好得多。

图2：同一款商品在合理构图与信息过载两种处理下的对比，缩略图状态下差距更明显

三、卖点排版：主文案、副文案与利益点的层级

构图解决的是商品放哪的问题，卖点排版解决的是话怎么说的问题。主图上的文字要克制，但不能没有。完全没有文案的主图，只适合少数视觉冲击力极强的商品；更多商品需要靠文案把卖点讲清楚，让买家在没点进详情页之前就知道这个商品解决了什么问题。

卖点文案要分成三个层级来排：主文案、副文案、利益点。主文案是整张图最核心的一句话，负责回答买家最大的疑问，通常放在商品上方的留白处或画面中上部。主文案的字数控制在6到12个字以内，比如静音降噪、3秒出热水、大容量不串味，字数越多，越难在缩略图状态下看清，也越难让买家一眼记住。主文案的字体要足够大，宽度最好能达到画面宽度的40%到60%，是整张图里最醒目的文字。

副文案是主文案的补充，负责说清楚主文案没说透的部分，比如主文案说轻便便携，副文案可以说只有268克、比一瓶矿泉水还轻。副文案的字数控制在20字以内，放在主文案下方，字号比主文案小一到两个级别，颜色比主文案弱一些，和主文案形成层级差。副文案的作用是让主文案更可信，而不是再抢一个焦点。

利益点是促销信息或信任背书，比如券后价、下单立减、顺丰包邮、支持验货，属于补充性的信息点。利益点用角标、标签或小字的形式放在主图边缘，常见位置是右上角和底部。利益点的数量控制在1到2个，放多了就成了牛皮癣广告。三种文案叠加起来，主图的信息层级应该是：一眼看到商品，二眼看到主文案，三眼看到副文案和利益点。

文案排布有两条硬性约束。一条是文案绝不能遮挡商品主体，尤其是商品的核心功能部位，比如数码产品的镜头、食品的包装正面。遮挡商品是主图设计的大忌，买家看不清商品，文案写得再好也没用。另一条是文案区域要避开主图的边缘和四角的安全区，给后期平台可能添加的标签、角标留出位置，否则主图上架后会被平台元素盖住。

判断卖点排版是否合格，可以做一个遮图测试：把主图上的文字全部遮住，只看画面，商品是否依然清晰；再把商品遮住，只看文字，文案是否依然完整。两个测试都通过，说明文案和商品各归其位，没有互相干扰。多数不合格的主图，问题都出在文字和商品抢画面，这一测试能直接暴露出来。

四、背景选择：纯色、渐变与场景化

背景是主图里面积最大的部分，也是很多人最容易忽略的部分。背景决定的不只是好不好看，还决定了商品能不能从画面里跳出来。背景选错，商品会被背景吞掉；背景选对，商品的自然立体感就出来了。背景的选择要跟着商品属性和平台规则走，大体分三类：纯色背景、渐变背景、场景化背景。

纯色背景是最安全、适用范围最广的选择，其中白底是电商平台的通用标准。淘宝、天猫、京东、拼多多对部分类目有明确的纯色或白底要求，比如服饰、百货、数码的标准主图建议白底，方便统一搜索结果页的视觉秩序。白底图的关键是商品和背景的边界清晰，商品打光均匀，没有明显阴影和色差。除了白底，浅灰、浅米、浅蓝等中性色纯色背景也常用，适合商品本身颜色比较丰富、需要用浅色背景衬托的场景。纯色背景的用色原则是：背景色和商品主色拉开明度差，商品深色就用浅背景，商品浅色就用略深一档的背景，避免撞色。

渐变背景比纯色多一层设计感，适合美妆、数码、高端食品这类追求质感的类目。渐变的常见做法是单一色相的深浅过渡，比如浅蓝到深蓝、浅粉到玫红，或者同色系之间的自然过渡。渐变背景的使用要点是渐变方向要统一，一般从上到下或从中间向四周，避免多方向渐变造成的杂乱感；渐变区域的颜色范围也要克制，两色渐变为宜，三色以上的渐变很容易显得廉价。商品放在渐变最浅的位置，让商品在画面中最亮，视觉重心自然落在商品上。

场景化背景是把商品放进真实的使用环境里，比如家居用品放进客厅场景、厨房用品放进厨房场景、户外用品放进户外环境。场景化背景的价值在于让买家更容易想象商品的使用场景，降低决策门槛，对提升点击率和转化率都有帮助。但场景化背景的制作成本高，对光线、构图、真实感的要求也高，做得不好容易显得假。用青虎AI生成场景化背景时，输入环境描述，比如阳光下的原木色客厅、简洁的白色厨房台面，AI会按描述生成匹配的场景，同时保持商品主体不变。

背景选择有一个通用的测试方法：把商品从背景里拿出来，放到一个纯白的环境里看，如果商品在纯白背景下依然醒目、轮廓清晰，说明商品本身站得住；如果商品在纯白背景下显得单薄、发灰，问题可能不在背景，而在商品图的拍摄或打光。背景能做的只是衬托，商品图的基础质量才是决定因素，先把商品图拍好，再谈背景设计。

五、色彩搭配：类目色系与对比色的使用

色彩是主图情绪的开关，买家对主图的第一印象很大程度上由色彩决定。主图配色不需要花哨，需要的是协调和统一。配色的核心原则是控制颜色数量：整张主图的颜色控制在3个以内，一个主色、一个辅助色、一个点缀色，超过3个颜色，画面就会开始显乱。把商品本身的颜色也算进去，商品主色加上背景色和文案色，三个名额通常刚刚好。

主色的选择跟着类目走，不同类目有相对固定的色彩语言。美妆类目常用粉、紫、肤金色系，传达柔美和品质感；数码类目常用黑、白、深蓝、银灰色系，传达科技感和干净利落；食品类目常用红、橙、暖黄色系，刺激食欲；母婴类目常用浅粉、浅蓝、奶黄、奶白色系，传达温和安全；家居类目常用米、棕、原木色系，传达温馨自然。这个规律来自买家长期形成的视觉经验，符合类目色系的主图更容易被目标人群接受，打破色系规律除非有很强的设计支撑，否则不建议新手尝试。

对比色的使用是让主图跳出来的关键。主色确定之后，在色环上找它的对比色或互补色做点缀，比如蓝色背景上用黄色点缀、黑色背景上用橙色点缀，点缀色用在文案、角标、利益点标签上，面积小但醒目，能快速抓住视线。对比色使用的克制程度直接决定主图档次：点缀色只占画面面积5%到10%，用来点亮关键信息即可，大面积使用对比色会让主图变成广告牌。

类目	常用色系	情绪方向	推荐点缀色
美妆护肤	粉、紫、肤金、奶油白	柔美、品质	玫红、金色
数码3C	黑、白、深蓝、银灰	科技、专业	橙、电光蓝
食品生鲜	红、橙、暖黄	食欲、温暖	深红、墨绿
母婴用品	浅粉、浅蓝、奶黄、奶白	温和、安全	鹅黄、薄荷绿
家居日用	米、棕、原木色	温馨、自然	姜黄、灰绿

文案文字的颜色要和背景形成足够的对比度，保证可读性。深色背景上用白色或浅色文字，浅色背景上用深色文字，避免使用和背景同色系的文字颜色。文字颜色也不宜过杂，同一张主图里文字颜色最多用两种，主文案一种、副文案一种，再多就成了花字。把主图放到黑白模式下检查一遍，如果文字依然清晰可读，说明文字和背景的对比度过关。

色彩搭配的最终检验标准是缩小看。把做好的主图缩到缩略图尺寸，如果画面里还能看出明确的色彩主次关系，配色就是成功的；如果缩小后各种颜色混在一起分不清主次，说明颜色太多了。电商主图的观看场景大部分是移动端的小屏幕，配色方案要经得起缩小检验，这一点比放大看效果重要得多。

六、多平台尺寸适配：一套设计覆盖全平台

同一个商品常常要同时上架淘宝、天猫、京东、拼多多、抖音等多个平台，各平台对主图的尺寸要求并不一致。尺寸不对，主图会被平台压缩、拉伸、裁切，效果大打折扣。多平台适配的第一步，是先搞清楚各平台的主图尺寸规范。

平台	主图推荐尺寸	方形比例	注意事项
淘宝/天猫	800×800px	1:1	5张主图，白底优先，禁止牛皮癣
京东	800×800px	1:1	主图5张，纯色底，支持3:4竖图
拼多多	750×750px	1:1	主图10张，首图建议白底
抖音电商	800×800px	1:1	可上传3:4竖图，主图带商品核心卖点
跨境平台	1000×1000px以上	1:1	最小1000×1000支持缩放，建议1200×1200

绝大多数平台的主图都是1:1方形，这给多平台复用提供了便利。一张800×800的主图，经过轻微调整就可以用于淘宝、天猫、京东、抖音；拼多多需要750×750版本，可以等比例缩小得到；跨境平台需要1000×1000以上，可以从源文件重新导出。关键是一次设计要保留高质量源文件，最好按1200×1200甚至更大的尺寸出图，再按各平台要求导出对应版本，而不是把最小尺寸的图放大使用。

除了方形主图，部分平台支持竖图或长图。京东部分频道支持3:4竖图，抖音电商的商城推荐位也偏好3:4比例，尺寸大约在750×1000左右。竖图和方图的构图逻辑不同，竖图有更大的纵向空间，卖点文案的排布位置更灵活。做多平台适配时，可以以方图为主版本，竖图为可选版本，用青虎AI批量生成时，把需要出图的尺寸列清楚，一次对话同时导出方图和竖图两套。

文件格式和大小也要跟着平台要求走。主图普遍支持JPG和PNG，JPG文件更小、加载更快，适合大多数场景；需要透明底或文字边缘锐利的，用PNG。单张主图的文件大小控制在500KB以内，过大的文件拖慢页面加载，直接影响移动端的浏览体验。导出时在图片工具里把质量参数调到合适档位，肉眼几乎看不出差别的前提下尽量压缩体积。

多平台适配有一个容易忽略的细节：不同平台对主图的文字和牛皮癣规则不同。淘宝对主图牛皮癣（大面积的促销文字、角标堆砌）有严格的管控，违规会被降权；京东和拼多多的规则相对宽松。同一张图直接全平台通投，有可能在规则严的平台翻车。稳妥的做法是准备两个版本：一个干净版，只保留商品和精简卖点，用于规则严格的平台；一个促销版，可放促销角标，用于规则宽松的平台。

七、用青虎AI批量设计主图的标准流程

前五章讲的是主图设计的方法论，这一章落到实际生产。传统方式下，一张合格的主图从拍摄、抠图、排版到出图，至少要大半天，多平台还要分别适配；用青虎AI做，整个流程是对话式的，把原始商品图发过去，用大白话描述需求，AI直接生成可用主图，还支持批量处理。下面给出一套可以直接套用的标准流程。

这套流程里，运营只需要把需求说清楚，中间的商品抠图、背景生成、文案排版、多尺寸导出全部由AI完成。实际使用中，从一张原始商品图到一套多平台主图，耗时通常在几分钟到十几分钟，对比传统方式按小时计算的工作量，效率提升非常明显。批量处理的价值更大：一次上新的几十个SKU，可以逐个发图批量生成，主图风格还能保持统一。

使用青虎AI生成主图时，有几个细节值得注意。商品主体在生成后要保持真实，重要卖点信息不能靠编造，生成结果要核对商品细节，比如颜色、结构、配件是否和实物一致，不一致的在对话里指出并修正。文案内容要自己把关，AI生成的文案只是排版建议，是否符合平台广告法、是否真实客观，要运营自己确认。生成完的主图，把商品区域放大核对一遍边缘质量，确认没有瑕疵再用于上架。

图1：青虎AI主图设计流程，一次对话完成抠图、背景、文案、多尺寸导出

八、产品主图设计的四个常见误区

方法讲清楚了，再看几个高频出现的错误。这四个误区在主图设计里反复出现，绕开它们，主图质量能稳定上一个台阶。

四个误区的共性是只站在卖家自己想说什么的角度设计，没有站在买家想看什么的角度考虑。买家在搜索页和主图区的耐心都非常有限，主图设计的一切动作都应该围绕降低买家的理解成本展开。信息少一点、背景安静一点、规则合规一点、套图完整一点，做到这四点，主图设计已经超过了多数同行。

九、提升主图效果的四个技巧

绕开误区之后，再给四个能直接拉开效果差距的技巧。技巧都是执行层面的细节，做到不难，难在坚持。

四个技巧分别对应数据验证、标准统一、信息分工和观看状态模拟，组合起来就是一套主图迭代的闭环。技巧本身不复杂，关键是变成日常动作。坚持每款新品都走这套流程，主图的点击率会稳定在高于店铺平均水平的区间，这也是主图这项投入最直接的回报。

十、三个实战案例：用青虎AI完成主图设计

方法论落到实际，看三个不同场景下用青虎AI做产品主图的操作，覆盖零基础上手、多平台适配和套图生产三种典型需求。

三个案例覆盖了主图设计的三个典型场景：零基础快速出图、多平台批量适配、场景化提升转化。它们的共同点是：主图生产从依赖设计师的一次性委托，变成运营自己掌握的对话式操作。抠图、换背景、排版这些重复劳动由AI承担，运营把精力放在卖点提炼和需求描述上，主图质量反而更可控。

图4：不同类型卖家用青虎AI完成产品主图设计的落地场景

十一、多平台主图设计总结

图3：青虎AI对话式发起主图设计，从需求描述到多版本出图的完整过程

十二、常见问题解答