天猫 · 商品图
组合SKU可切换
为组合 SKU 产品组预留完整、开阔的中心主体空间;标题与卖点区域保持低对比留白,背景层次清晰但不抢产品。
基准 1440 × 1440;可自定义宽度 800–2880 px,高度按 1440:1440 等比例计算(四舍五入)。制作前确认最终宽高
默认布局基准 1440 × 1440,坐标原点在左上角;调整模式、尺寸或位置后,请另附当前截图。本页预览仅供结构参考,不是本次交付素材。
准备给 AI 的任务 ↓
先确定素材要放在哪里
外部制作的整张背景暂没有通用上传入口;需要开发接入。现有图片槽可直接上传产品 / 场景素材;不要把背景上传到产品槽冒充底图。
产品 / 场景图:在生成器中选择同名平台与模板,先切换数量或模式,再选中对应图片对象,用该对象的「上传图片」上传。
模板可选模式
| 控件 | 选项 | 默认 |
|---|---|---|
| 组合 SKU 数量 | 2 个组合 SKU / 3 个组合 SKU / 4 个组合 SKU | 2 个组合 SKU |
图片槽位与构图尺寸
尺寸单位为基准画布像素;需要透明底的产品输出 PNG,场景 / 细节图按槽位比例输出 PNG 或 JPG。同一槽位的不同模式列在不同的行。
| 槽位 | 使用条件 | 基准位置与宽高 | 默认适配 | 边界 |
|---|---|---|---|---|
| 左侧产品 (p1) | 组合 SKU 数量:2 个组合 SKU(默认) | X 54 / Y 329.4 · 657 × 1069.2 | 完整显示 | 按模板槽位边界显示 |
| 左侧主产品 (p1) | 组合 SKU 数量:3 个组合 SKU | X 54 / Y 329.4 · 757.8 × 1069.2 | 完整显示 | 按模板槽位边界显示 |
| 左上产品 (p1) | 组合 SKU 数量:4 个组合 SKU | X 54 / Y 329.4 · 757.8 × 527.4 | 完整显示 | 按模板槽位边界显示 |
| 右侧产品 (p2) | 组合 SKU 数量:2 个组合 SKU(默认) | X 734.4 / Y 329.4 · 653.4 × 1069.2 | 完整显示 | 按模板槽位边界显示 |
| 右上产品 (p2) | 组合 SKU 数量:3 个组合 SKU | X 824.4 / Y 329.4 · 563.4 × 527.4 | 完整显示 | 按模板槽位边界显示 |
| 右上产品 (p2) | 组合 SKU 数量:4 个组合 SKU | X 824.4 / Y 329.4 · 563.4 × 527.4 | 完整显示 | 按模板槽位边界显示 |
| 右下产品 (p3) | 组合 SKU 数量:3 个组合 SKU | X 824.4 / Y 871.2 · 563.4 × 527.4 | 完整显示 | 按模板槽位边界显示 |
| 左下产品 (p3) | 组合 SKU 数量:4 个组合 SKU | X 54 / Y 871.2 · 757.8 × 527.4 | 完整显示 | 按模板槽位边界显示 |
| 右下产品 (p4) | 组合 SKU 数量:4 个组合 SKU | X 824.4 / Y 871.2 · 563.4 × 527.4 | 完整显示 | 按模板槽位边界显示 |
文案区域保持低干扰
下列文案由网站编辑,素材里不要重复绘制。尺寸为 0 的字段由赠品或其他模块布局控制。
| 文案字段 | 默认区域 |
|---|---|
| 主标题 | X 48 / Y 72 · 1344 × 118 |
| 副标题 | X 110 / Y 210 · 1220 × 62 |
品牌条、卡片和底板以默认预览为准,制作素材时不要重画整套模板。
制作原则
素材做好,放进模板就能继续编辑
- 产品图:优先使用用户提供的真实产品原图,输出透明 PNG;保留完整轮廓、真实接口和比例,边缘无白边,不把阴影、文字或装饰烘进产品。缺少产品原图时先索取,示意产品必须明确标注。
- 场景 / 细节图:输出 PNG 或高质量 JPG,按目标槽位比例构图。默认完整显示;不要为了铺满自动裁掉主体。场景中的产品也必须保持真实结构。
- 纯背景:PNG 或高质量 JPG,与目标画布同尺寸;保留产品与文案空间,不含产品、营销文案、水印或新增 Logo。品牌固定图层由模板提供。
- 建议分辨率:背景按最终画布尺寸;产品和场景图像素至少覆盖最终展示区域。表中的槽位尺寸是布局基准,不是强制上传尺寸。
- 可编辑标题、卖点和赠品名称另附纯文本;复杂光效、纹理可制作成素材。装饰 overlay、PSD、Figma 源文件需要开发接入,不能当成现有图片槽直接导入。
- 交付独立文件:background-宽x高.png、product-槽位ID.png、scene-槽位ID.jpg,以及文案与文件用途说明。只制作本次任务要求的素材。
- 验收:核对像素尺寸、透明通道、产品完整性、文案留白;在网站对应槽位上传后实际预览并导出 JPG / PNG。只有提示词或模拟图时,不能声称已生成可用素材。
交给公司端 Codex
复制说明,再补上你的想法
方括号中的内容留给你填写。在线页面会带上当前模板的完整链接;本地预览链接无法在公司设备直接访问。