详情图留白留多少合适？AI出图与版式呼吸感

做详情图的时候，留白是最容易被牺牲掉的那部分。图放不下就缩一点，字塞不下就挤一点，模块挨模块往上摞，最后一张长图从头到尾没有一处喘息的地方。做的人心里想的是”空间不能浪费”，用户看到的是”这图我不太想读”。

留白不是没内容，它本身就是一种排版语言。它负责把该连的分在一组、该分的一眼隔开，让用户的目光在每一屏都能找到一个明确的落点。没有留白，所有信息就变成同一层级，用户不知道自己该先看哪里，于是干脆都不看。

这篇讲三件事：留白到底在替你做哪些判断，页面留白、模块间距、文字行距三类留白各自的参考比例，以及留白不足时图上会出现哪些一眼能认出来的毛病。工具部分仍以青虎AI【详情图编辑模式】为例，它的画布区可以拖动模块和缩放，间距调整是日常最高频的操作。

图1：留白够不够，决定了这一屏能不能被一眼看懂

一、留白不是空白，是给眼睛留的休息位

先纠正一个常见理解：留白不等于什么都不放的白底。一段文字上方多出来的半行距离、两个模块之间那条窄窄的缝、图片四周比内容多留出来的边距，这些都是留白。它不一定白，只要是不承载信息的空余空间，都算。

留白在版式里干的活，是把信息分出层级。人和人之间靠距离表达亲近，信息也一样：同一组里的内容挨得近，用户就默认它们是一伙的；不同组之间拉开距离，用户就知道这边讲完该换一个话题了。你不需要用线框或者色块去分割，间距本身就在做分割。

留白还决定了用户能不能一眼找到重点。一屏里如果只有一个大标题周围空旷，那这个标题自然是第一落点；如果整屏都是密密麻麻的字和图，每个元素周围的空间一样小，用户的眼睛没有地方可以停，只能顺着上往下扫，扫到一半就累了。

有个反直觉的结果：同样的内容，留白加够之后，用户读完的比例反而更高。因为留白在引导节奏，它让用户每读一段就能歇一下，再决定要不要继续。挤成一团的版式看着信息量大，实际上大部分内容根本没被读完。

二、留白不足，图上一眼能认出来的两个症状

留白不够不是靠感觉判断的，它会在图上留下很具体的痕迹。认出这些痕迹，比记住一堆比例数字更实用，因为症状永远比标准好认。

第一个症状是信息糊成一片。表现是模块和模块之间没有缝，或者缝小到几乎看不见，上一个模块的底边紧贴着下一个模块的顶边。远看像一整块色板，看不出哪里断开。用户看到这种图，第一反应是”内容好多”，而不是”这个商品不错”。这种图在移动端缩到手机宽度以后，糊得更厉害，模块边界彻底消失。

第二个症状是找不到重点。表现是一屏里所有文字都差不多大、颜色都差不多重、彼此距离也都差不多。每一行都在抢着被看，结果谁也没被看到。这种情况最常出现在卖家舍不得删字的模块里——卖点写满、参数写满、服务承诺也写满，最后用户一个都没记住。

除了这两个症状，还有一种隐性损耗。留白不足的图看起来会更旧。因为挤在一起的内容需要靠边框、色块、底纹去区分，元素一多就显得杂，视觉上像是几年前的老详情页。同样的商品、同样的文案，把间距理顺之后整张图的质感会明显不一样。

三、三类留白的参考比例口径

留白不是一个单一数值，它分三层。页面留白管的是整张图的四边和顶部底部，模块间距管的是模块和模块之间，文字行距管的是同一段文字内部。这三层各自有参考区间，调的时候要分开看，不要混在一起凭感觉调。

图2：同样的内容量，留白不同，读起来是两张图

这张表里的数字是多数商家摸索出来的经验值，不是硬规定，可以按品类微调。但有一条要守住：同一张图里的同层级留白必须一致。所有模块间距都一样，所有正文行距都一样，这样整张图才有秩序感。留白的乱，比留白的少更伤版式。

行业里有几个尺寸口径会影响留白的算法。淘宝、天猫、拼多多的详情图宽度通用口径是 750px，抖音商城详情图宽 800px、建议高度 5000-10000px，亚马逊主图与详情图在 1000-1500px 之间，Shopee 和 Lazada 宽 800px，速卖通 800-1000px。宽度固定了，留白的百分比才好换算成具体的边距，调的时候心里有数。

四、判断留白够不够的一个土办法

不确定留白够不够的时候，不用去量像素，用两个土办法就能判断。

第一个办法是缩小看。把整张详情图缩到手机屏大小，或者干脆用手机打开看一眼。如果模块之间的分界线消失了、文字糊成一团黑灰，那就是间距不够；如果还能一眼看出”这里是图、这里是字、这里是参数”，说明留白撑住了。这个办法能帮你筛掉大多数看起来还行、上手机就散架的图。

第二个办法是眯眼看。眯起眼睛让细节模糊掉，只看大块色区的分布。如果一屏里能看到几个明显分开的色区，说明留白在起作用；如果整屏糊成一片没有分区，说明留白不足。眯眼看的是布局骨架，跟具体写的什么字无关，所以比逐个元素检查快得多。

这三个办法都指向同一个判断：留白好不好，不看单个间距的数值，看整张图有没有节奏。有节奏的图，疏和密是交替的——讲卖点的地方可以密一点，展示商品的地方要疏一点。全篇一个密度，等于没有节奏。

五、青虎AI【详情图编辑模式】能改到什么程度

留白属于版式微调，需要能直接改间距的工具。青虎AI【详情图编辑模式】的定位就是详情图生成模块下可二次精细化排版的工具，依托 LinkPix 引擎生成初稿后，内置一个轻量化在线编辑器，能直接调图文位置、改文字样式、增删排版模块，不用跳到第三方设计软件。

和留白相关的能力集中在中间画布区。模块可以拖动调整位置、缩放大小，位置一动，模块之间的缝就跟着变。遇到需要单独处理的模块，点击「解除组合」可以把整块拆成独立元素，逐个调整位置和尺寸。留白不够的时候，把模块缩小一点、往上或往下挪一点，缝就出来了。

文字层面的留白靠顶部工具栏处理。字号、字重、对齐方式、文字颜色都能调，文案内容也可以直接增补删减。字少了、行短了，同一块区域里的留白自然就多出来。底部工具栏提供撤销、重做和新增素材模块，模块增删可以随时改，试出来的间距不满意还能退回去。

要说明的是它的边界。这个编辑器解决的是版式层面的调整，不改变商品本身的内容，也不替代平台规则的审核。改完留白之后，文字和图片的对应关系要重新确认一遍，导出前建议先保存版本，方便回滚。结果仍然需要按平台规则和广告法人工过一遍。

六、动手之前先备好这三样东西

留白调得顺不顺，很大程度取决于动手前准备得够不够。三样东西备齐，调的时候会少很多反复。

第一样是商品的实拍图。青虎AI 单次最多支持上传 10 张产品图，建议用同商品的多角度或多 SKU 实拍图。图的构图越干净，生成出来的版式留白越容易处理；如果原图本身就拍得很满，AI 排版时也容易被挤。

第二样是这一屏要讲的内容清单。先想清楚这一屏要放几个信息点、哪一个是重点，再动手排。信息点没定就排，边排边加字，留白会一路被吃掉。留白不足有很大一部分不是设计师的问题，是内容没剪干净。

第三样是目标平台的尺寸口径。默认尺寸、亚马逊长图、天猫详情长图、淘宝详情长图在生成阶段就能选。尺寸确定了，留白的百分比才能落成具体数值，不然调完还要为尺寸适配返工一次。

七、从上传到导出的操作步骤

下面以给一款家居用品调留白为例，走一遍完整流程。整个过程都在一个界面里完成，不用打开别的设计软件。

图3：从上传商品图到导出成品，留白一共要过三道关

这张表的顺序值得记一下。留白调整有一个天然的依赖关系：模块位置和大小会改变文字的可用宽度，文字宽度一变，行距的视觉效果也跟着变。所以先把大结构定死，再动文字层面的细参数，能少走一大半回头路。

八、导出前的自查清单

导出前花两分钟走一遍下面这份清单，能挡掉大部分留白问题。

看四边：内容有没有顶到图的边缘，左右和顶部底部是否还有余量。顶到边界的图，用户会下意识觉得”这张图被裁过”。看模块分界：相邻模块之间还看不看得出缝，缝的宽度是不是大致一致。看文字行距：整段文字读起来有没有喘气的地方，读三行以上会不会串行。

看重点：这一屏第一眼看到的是不是你想让人看到的那个元素。如果第一眼看的是边角的小字，说明重点被平均的密度盖住了。看整体节奏：从上往下滑一遍，疏密是不是有变化，还是一路同样密度到底。

看完这些，再按手机屏大小过一遍。电脑上成立的留白，缩到手机往往偏紧，凭手机上的观感再微调一次，比在电脑上反复量数值更靠谱。确认没问题，先保存再导出。

九、四个常见误区

十、四个提效技巧

十一、三个可以照做的场景

留白的比例不是背出来的，是看场景取舍出来的。下面三个场景覆盖了最常见的三类需求。

图4：留白够不够，最后要在大屏和手机上各看一遍

十二、总结与常见问题