AI拼多多产品图怎么布局？产品图版式设计

同一款商品，两张图摆在一起，一张整整齐齐、一眼看清卖什么，另一张元素堆得密密麻麻、看了三秒不知道重点在哪，买家只会为前者停留。拼多多是纯图驱动的平台，商品页里买家愿意付出的阅读成本极低，产品图版式的差距，会直接变成收藏率、转化率的差距。很多卖家把版式当成锦上添花，图拍好了、素材全了就随便一排，等数据出来才发现，问题往往不在素材，在排版。

新手卖家最容易踩的坑是把排版当成填空：哪里空就往哪里塞文案，哪里有素材就往哪里放，最后做出来一张四不像。卖点文字盖住商品主体、背景色和商品色糊成一片、五张主图风格完全不像一套，这些问题的根源都不是不会用工具，而是不知道版式该按什么逻辑搭。

这篇文章把产品图版式的方法讲全：排版前怎么给自家的图做体检，单张图里信息层级、留白、动线怎么安排，一组图的版式怎么统一，不同类目的排版侧重有什么差别，最后落到用青虎AI把版式批量落地。每一步都有具体的判断标准，不是笼统的审美建议。

内容偏长，建议先通读框架，再拿店铺里一款转化平平的商品，把它的图按第一章的体检方法过一遍，你会立刻发现平时没注意的布局问题。

一、先做一次布局体检：三分钟找出产品图的问题

改版式之前先知道自己的图差在哪。体检不需要专业眼光，三个动作几分钟就能做完，每个动作暴露一类问题。

第一个动作是缩小看。把主图缩到搜索结果里的小图尺寸，离屏幕一臂远看三秒，回答三个问题：能不能认出卖的是什么、能不能看清核心卖点、第一眼看到的是商品还是文字装饰。很多图在原始尺寸看没问题，缩小后商品小得可怜、文字糊成一片，这类图的点击率低是注定的。

第二个动作是调成黑白看。把图去色再看，黑白状态去掉颜色干扰后，主体和背景的层次关系一目了然。如果调成黑白后商品和背景融为一体、看不出边界，说明两者明度太接近，属于典型的对比不足，换个背景色就能改善。

第三个动作是数信息块。数一张图上放了几组独立信息：卖点文案一组、价格一组、活动角标一组、品牌标识一组、店铺活动又一组，超过三组，这张图的信息就超载了。信息块数量与图的任务要匹配，一张讲点击的图放两三组信息已经是上限。

体检结果记下来，改版时就有了明确方向：缩小看不清就把主体加大、文字收敛；黑白分不出就调背景明度；信息超载就做减法。方向明确之后，再学下面的版式方法才有处下手。

二、版式的四个底层件：层级、留白、动线、对比

产品图版式看着花样多，拆到底就是四个底层件在起作用：信息层级决定先看什么，留白决定看得舒不舒服，视觉动线决定视线往哪走，明暗对比决定主体突不突出。四件套配齐，版式就立住了。

信息层级的原则是每张图只允许一个主角。商品是主角，文字和装饰就是配角；文字要当主角，就得给它最大的视觉分量。判断层级是否清晰有个笨办法：缩图后第一眼看到的元素，必须是这张图想传达的核心。如果第一眼看到的是角落里的活动角标而不是商品，层级就被抢了。

留白不是浪费，是强调。主体四周的空白越多，主体存在感越强。一张图里商品占画面六到八成最稳妥，四周留出呼吸空间；文字与图边缘、文字与商品之间都留出安全距离，防止部分机型裁切。留白不够时先做减法删信息，而不是缩小字号硬塞。

视觉动线安排买家眼睛的行走路线。中文阅读习惯是从上到下、从左到右，把主文案放画面上方，买家看完自然落到下方商品，就是一条顺的动线。反过来文字散落在商品四周，视线反复横跳，阅读效率极低。动线还可以借力：一行文案的走向、商品的朝向、人物视线的方向，都能引导眼睛走向下一个信息点。

对比解决主体出不出得来。商品颜色和背景颜色要拉开明度差，深色商品配浅色背景、浅色商品配深色或彩色背景，忌用同明度的相近色。文字与背景的对比同理，深字配浅底、浅字配深底，对比不足的文字在手机上一律看不清。

四个底层件互相牵连：留白给主体让位置，层级决定谁占主体位，对比让主体从背景里跳出来，动线把信息串成阅读顺序。排一张图时四件一起调，比单抠某一项有效。

图1：同一商品两种版式的对比，层级、留白、动线的差距直接决定阅读体验

三、单张图的版面骨架：常用版式结构怎么选

底层件讲的是原则，版面骨架讲的是结构。产品图常用的版式结构就那么几种，每种适配不同的信息量，选对了结构，排版就成功了一半。

上下结构最适合卖点主图：上方留出文字区放主文案，下方放完整商品图，视线从上到下自然流动，商品不会被文字遮挡。左右结构适合图文并重的图：左半放商品、右半放文字，或者反过来，适合信息量中等、需要商品和卖点并排展示的场景。中央结构适合展示商品本身：商品居中放大，文字只做小点缀或完全不放，适合白底图和纯展示位。角标结构适合活动场景：商品为主体，角标固定在四个角上放价格、活动信息，促销时不破坏商品完整度。

选结构时先看这张图的信息量。只有商品没有文案，中央结构最干净；有一句主卖点要讲，上下或左右结构更合适；要放价格、活动多重信息，角标结构兜底。结构定下来，元素往骨架里填，排版就不容易乱。

骨架里还有一个细节：所有元素尽量对齐。文字对齐、图片边缘对齐、模块对齐在同一条线上，版式就有秩序感。歪七扭八的错位排布是业余感的主要来源，对齐这个动作本身就能让版式看起来专业一截。

四、文字排版怎么不抢戏：字数、字号、位置三控制

产品图上的文字是把双刃剑：用好了传递卖点，用滥了毁掉版式。多数新手的问题不是不会加文字，是管不住文字。文字排版做好三个控制，基本不会出错。

控制一：字数。一张图的主文案控制在八个字以内，能短则短。超过八个字，在列表小图和手机端都会显得拥挤；把一句话讲完整是详情页的活，不是主图的。除了主文案，最多加一条六个字以内的副文案，信息再多的内容一律放详情页。

控制二：字号。主文案字号约为画面高度的八分之一到十分之一，保证缩小到搜索小图后依然可读。字号要和商品形成主次，文字明显小于商品、不压过商品才协调。所有文字的字号要拉开梯度，主文案、副文案、辅助信息三级分明，全部一样大等于没有重点。

控制三：位置。文字优先放画面上下留白区或左右空档，避开商品核心部位。商品在画面中央时，文字放上方或下方横排；文案与图边缘保持距离，防止裁切。文字颜色与背景形成对比，但不与商品争色，避免文字颜色和商品同色造成混淆。

文字形式的选择跟着版式风格走。白底干净风用无底字，促销风用文字卡，卖点罗列用图标加文字，参数型商品用数字强调。不管哪种形式，一条铁律不变：文字是配角，商品是主角，文字抢了商品的戏，这张图就废了。

五、一组图的版式怎么统一：五张图读起来要像一套

单张图做得好只算入门，一组图统一才是店铺级水准。主图五张、轮播七八张，买家划过时，图的风格是否连贯直接决定观感。很多店铺每张图单独看都不差，放在一起却像五个卖家做的，问题就出在组级不统一。

组级统一从五个维度控制。文案位置统一：每张图的主文案固定放在同一区域，买家划动时视线位置稳定；配色统一：整组图用同一套主色和辅助色，不每张换一套颜色；字体统一：一组图用同一两种字体，不同字体混搭是风格割裂的头号原因；留白风格统一：每张图的留白比例接近，有的图塞满有的图空旷，划起来节奏忽快忽慢；背景统一：要么全白底，要么同一个场景色调，背景忽白忽花最破坏连贯感。

组级统一之外，图组之间还要有叙事关系。一套主图不是五张独立广告，而是一条由浅入深的说服链：第一张让买家认出商品，后面的图逐步回答他接下来会问的问题，比如材质靠不靠谱、用起来什么样、规格怎么选。相邻两张之间的内容要连贯，上一张讲了免打孔安装，下一张突然跳到优惠信息，叙事就断了。

统一版式的落地靠样板。把一张图调到满意后固定下来作为样板，其余图按样板套用。手工时代套样板是重复劳动，用对话式AI工具处理，输入样板要求就能批量对齐，店铺几百张图的风格统一几分钟就能完成，这是工具给版式管理带来的最直接价值。

图2：一套图的版式推进节奏，从让买家认出商品到完成规格确认

六、不同类目的版式侧重：排版跟着买家决策逻辑走

版式没有万能模板，不同类目买家关心的问题不同，排版的侧重就要跟着变。判断类目侧重，看这个类目买家的差评和咨询集中在什么问题上，买家反复问什么，就把什么做成画面里的主角。

标品和功能型商品，买家靠参数做决策，排版要让数字和规格醒目：型号、功率、容量放大呈现，卖点配具体数值，比形容词更有说服力。服装配饰类，买家看的是上身效果，画面要干净，人台或上身图占绝对主体，文字越少越好，面料细节用图标小字标注。食品生鲜类，买家在意品质和新鲜度，版式要给材质特写大空间，卖点文字直接标在实物旁边，指向明确。家居大件类，买家担心尺寸和摆放，版式要把尺寸标注做成固定元素，场景图占比要足，让买家看清放进家里的效果。美妆个护类，前后对比和成分是决策关键，排版把对比区域做清楚，成分说明用小字标注不抢对比的视觉焦点。

同一张商品图在搜索结果、主图轮播、详情页三个位置的版式也不一样。搜索结果位是小图，版式只能承载一个核心信息，主体大、文字少；主图轮播是半屏大图，可以讲一个完整卖点，文字可以多一点；详情页是长图，版式按屏规划，每屏一个主题，一屏讲透一个点再进入下一屏。位置不同，信息承载量不同，版式密度要跟着调整。

类目侧重不是拍脑袋定的，从数据里来。看后台的搜索词、咨询记录、差评关键词，把高频问题对应到图上该突出的信息，版式就有了明确目标，做出来的图才是给这款商品的买家看的，不是给自己看的。

七、用青虎AI做版式落地：描述清楚布局就能出图

方法讲完落到执行。青虎AI是对话式的AI电商作图工具，上传商品图片、用文字描述想要的版式就能生成，覆盖商品主图、详情图、店铺图的排版需求，支持批量。它的定位是把版式判断和执行分开：你负责判断用什么版式，它负责把版式变成图。

用好青虎AI的关键是学会描述版式需求。一段完整的版式描述包含四件事：结构，说明用上下、左右还是中央结构；主次，说明谁是画面主角、文字占多大比重；风格，说明配色、背景、整体气质；规格，说明尺寸比例和画布参数。四件事说全，AI输出的初稿就接近可用。

下面是三个覆盖高频场景的操作示范。

三个操作跑完，人工需要盯的只剩验收：文字有没有错位、主体有没有被遮挡、整组风格是否统一。青虎AI这类工具的价值在于把版式的重复劳动降到最低，让店铺的图片质量不再依赖某一次的发挥，而是依赖一套稳定的版式规范加一个听话的执行工具。

图3：青虎AI对话式排版，把结构、主次、风格说清楚即可批量成图

八、产品图版式的四个误区

版式方法并不难懂，难在绕开那些看着合理、实际跑偏的习惯。下面四个误区是卖家排版时最常踩的，提前看清能少走弯路。

四个误区指向同一个方向：把设计理解成了加法。产品图版式恰恰是减法的艺术，信息越少、层级越清、留白越足，图越经看。排版时多问自己一句这个元素删掉会不会更好，很多问题就解决了。

九、让版式稳定提升的四个技巧

方向对了之后，四个技巧能让版式水平稳定在合格线以上，而不是靠灵感。

四个技巧分别解决版式的前置规划、标准沉淀、结构复用和数据验证，组合起来就是一套稳定的版式工作法。版式是熟能生巧的活，技巧的价值在于让每一次排版都做得规范，让经验可以积累。

十、三个版式改造实例

看三个真实案例，覆盖单图重建、图组统一和整店规范三种情况。

三个案例有个共同特征：改版式几乎没换素材，变的是信息的组织方式。素材还是那些素材，层级、留白、顺序重新安排之后，观感和数据完全不同。版式是视觉工作里性价比极高的一环，值得系统做一遍。

图4：三种版式改造场景，从单张图到整店图的层层递进

十一、总结：版式是信息的组织方式，不是装饰

十二、常见问题解答