商品图的点击率之争发生在一个 200 像素见方的缩略图里。买家在信息流中滑过的瞬间做决定，这个尺度下大部分"精心设计"是无效的——看不清就是看不清。
下面 12 条都落到可执行的参数，每条带反例。建议改完一条测一周，别一次全改，否则分不清是哪条起了作用。
1. 主体占比控制在 75%～85%
正例：商品占画面约 80%，四周留白均匀。 反例：主体只占 40%，缩略图里像一粒芝麻。
这是最高频也最致命的问题。判断方法：把图缩到 200px 看一眼，认不出是什么就是太小了。
例外是小件商品——首饰、耳钉这类反而要降到 60%～70%，留出的白边提供尺寸参照，否则买家会误判大小。
2. 四周留白 5%～10%，绝不贴边
正例：商品四周各留一圈均匀白边。 反例：商品顶到画面边缘，甚至被切掉一角。
贴边有两个后果：一是被判定构图不完整，二是在不同比例的展位里容易被裁掉关键部分。留白是给裁剪留的余量。
3. 视觉重心略高于几何中心
正例：商品中心放在画面偏上约 5% 的位置。 反例：严格居中，看起来"往下坠"。
这是视觉心理的问题：人眼感知的中心比几何中心略高。严格居中的构图会显得下沉、不精神。
4. 背景与商品的明度差要够
正例：浅色商品配中性灰或有层次的浅色背景，明度差明显。 反例：白色衬衫放纯白背景，轮廓糊成一片。
可执行参数：商品与背景的明度差建议在 20% 以上。白底图受平台规则限制不能改背景，这时靠投影和边缘光拉开层次。
5. 用补色制造对比，但只用一处
正例：蓝色商品配暖橙色的小面积点缀。 反例：整张图五六种高饱和色打架，主体反而被淹没。
补色能显著提升在信息流中的跳脱感，但面积要控制在 10% 以内，只做点缀。
6. 角度选 45 度，不要纯正面
正例：商品呈 45 度角，同时展示正面和侧面，有立体感。 反例：绝对正面平拍，像一张剪影，看不出厚度和结构。
例外：白底图为了展示完整轮廓，正面平拍是合理的；场景图和卖点图则应该有角度。
7. 展示"使用中"的状态
正例：包被挎在肩上、杯子里有热饮冒着气。 反例：商品孤零零摆着，买家得自己想象。
使用状态能让买家把商品和自己的生活建立联系，这是转化的关键一步。服饰类尤其明显——上身图的点击率普遍高于平铺图。
8. 给尺寸参照
正例：手机壳旁边放一部手机、戒指戴在手上。 反例：只有商品本身，买家看不出大小。
尺寸误判是退货的主要诱因之一。参照物要选人人熟悉的东西（手、硬币、手机），不要用买家不熟悉的道具。
9. 图上文字不超过 3 行，字号要够大
正例：一个核心卖点，大字号，占画面 15% 以内。 反例：罗列六七条卖点，小字密密麻麻，缩略图里全糊。
可执行参数：最小字号按缩略图能读清来定——在 200px 预览下看不清的字，等于没写。注意白底图上不允许有任何文字，这条只适用于卖点图和场景图。
10. 留出安全区，防止被裁
正例：关键信息（商品主体、核心文案）集中在画面中心 80% 的区域内。 反例：文案贴在左下角，在方图展位里被整个切掉。
同一张图会出现在不同比例的展位里，边缘区域随时可能被裁。安全区是保险。
11. 一图一卖点
正例：第 3 张图专讲防水，第 4 张专讲容量。 反例：一张图塞进防水、大容量、轻便、耐磨四个卖点。
买家在每张图上停留一两秒，塞得越多记住的越少。多个卖点就用多张图承担，顺序按买家的关心程度排。
12. 同店铺保持风格一致
正例：全店商品图用同一套背景色、同一种光线方向、同一个构图逻辑。 反例：每个 SKU 风格迥异，店铺看起来像杂货铺。
风格一致带来的是专业感和信任度，直接影响客单价。这一点手工做很难保证，用 AI 批量生成时可以让整套图共用同一套设计风格——系统为每个模块生成提示词时，“设计风格"部分是完全一致的，只有"图片内容"不同，这就是整套图看起来统一的机制。
不同展位要不要用不同构图
同一张主图会出现在搜索列表、推荐信息流、详情页、购物车等多个位置，它们的观看条件差别很大：
| 展位 | 典型尺寸 | 买家状态 | 构图侧重 |
|---|---|---|---|
| 搜索列表 | 200px 见方 | 目标明确、快速比价 | 主体大、轮廓清晰，第 1 条最关键 |
| 推荐信息流 | 300～400px | 随意浏览、无明确目标 | 色彩跳脱、有使用场景，第 5、7 条优先 |
| 详情页首图 | 接近全屏 | 已产生兴趣、看细节 | 分辨率和质感，可以放更多信息 |
| 购物车/订单 | 100px 以内 | 确认买了什么 | 只要能认出是哪件商品即可 |
结论是：优先按搜索列表的条件来设计。 它尺寸最小、竞争最激烈，能在 200px 下站住的图，放大到任何展位都不会差；反过来则不成立——按详情页尺寸设计的精致构图，缩到缩略图往往一团模糊。
如果有余力做两版，就为推荐信息流单独做一版带场景和人的图。信息流里的买家没有明确目标，“这东西用起来什么样"比"这是什么"更能吸引点击。
一个快速自检方法
做完图后，把它缩到 200px，然后离屏幕一米远看三秒，问自己三个问题：
- 认得出这是什么商品吗？
- 视线第一个落点是不是商品主体？
- 和旁边的竞品图放在一起，它跳得出来吗？
三个问题里有一个答不上来，就回到第 1、4、5 条重新调。这个方法比任何理论都管用，因为它复现的正是买家的真实观看条件。
怎么验证改动有没有效
改完不测等于没改。三条建议：
- 一次只改一个变量。同时改了主体占比和背景色，就分不清是哪个起作用；
- 至少跑够一周。曝光量太小时数据波动大，不足以判断；
- 看点击率而不是销量。构图影响的是"点不点进来”，销量还受价格、评价、库存影响，混在一起看不出因果。
如果有条件做 A/B 测试更好——同一商品两版主图，除了要测的那一项之外其余完全相同。
常见的三个误区
误区一：越精致越好。 过度修饰的图反而会降低真实感，买家会怀疑实物与图不符。这在低客单价品类尤其明显。
误区二：照搬竞品。 竞品的图适配的是竞品的客群和价格带。平价商品用高奢风格的视觉，买家会觉得货不对板。
误区三：一次改到位。 构图优化是持续过程，不是一次性工程。季节、活动、竞争环境变了，最优解也会变。
常见问题
Q：这 12 条对所有品类都适用吗？ 第 1～5 条是通用底线，6～11 条要按品类调整。首饰、3C、服饰、食品各有侧重，具体差异见分品类的商品图做法。
Q：白底图也能套用这些技巧吗？ 只能套用一部分。白底图受平台规则约束——不能加文字、不能改背景、不能加道具，能调的只有主体占比、留白和角度。
Q：点击率提升多少算有效？ 没有普适数字。相对自己的基线有稳定提升就是有效，不要和别人的数字比。
Q：AI 生成的图能精确控制构图吗？ 主体占比、比例、角度这类可以通过参数和描述控制，但不如手工精确。务实的做法是生成后再做一次裁剪微调。
Q：改了构图还是没起色怎么办？ 先排查图本身有没有硬伤——是否看起来不真实、是否与实物不符。这类问题不解决，构图再好也没用，排查方法见 AI 商品图为什么看起来假。