电商视觉生成器 素材制作指南返回生成器 ↗

天猫 · 商品图

体感配件·组合装

按下列图片槽位与文案区域安排留白。

基准 1440 × 1440;可自定义宽度 800–2880 px,高度按 1440:1440 等比例计算(四舍五入)。制作前确认最终宽高

默认布局基准 1440 × 1440,坐标原点在左上角;调整模式、尺寸或位置后,请另附当前截图。本页预览仅供结构参考,不是本次交付素材。

准备给 AI 的任务 ↓
体感配件·组合装默认模板参考

先确定素材要放在哪里

外部制作的整张背景暂没有通用上传入口;需要开发接入。现有图片槽可直接上传产品 / 场景素材;不要把背景上传到产品槽冒充底图。

产品 / 场景图:在生成器中选择同名平台与模板,先切换数量或模式,再选中对应图片对象,用该对象的「上传图片」上传。

模板可选模式

控件选项默认
组合排版双品并列 / 主套装+附加件双品并列
配件清单横条显示 / 隐藏显示
备注栏显示 / 隐藏显示

图片槽位与构图尺寸

尺寸单位为基准画布像素;需要透明底的产品输出 PNG,场景 / 细节图按槽位比例输出 PNG 或 JPG。同一槽位的不同模式列在不同的行。

槽位使用条件基准位置与宽高默认适配边界
主配件透明图 (primaryProduct)组合排版:双品并列(默认)X 95 / Y 380 · 570 × 600完整显示按模板槽位边界显示
主配件透明图 (primaryProduct)组合排版:主套装+附加件X 90 / Y 385 · 684 × 620完整显示按模板槽位边界显示
第二配件透明图 (secondaryProduct)组合排版:双品并列(默认)X 775 / Y 380 · 570 × 600完整显示按模板槽位边界显示
上方附加件透明图 (extraTopProduct)组合排版:主套装+附加件X 878 / Y 370 · 466 × 276完整显示按模板槽位边界显示
下方附加件透明图 (extraBottomProduct)组合排版:主套装+附加件X 878 / Y 785 · 466 × 290完整显示按模板槽位边界显示

文案区域保持低干扰

下列文案由网站编辑,素材里不要重复绘制。尺寸为 0 的字段由赠品或其他模块布局控制。

文案字段默认区域
适用机型X 498 / Y 48 · 444 × 42
主标题X 72 / Y 155 · 1296 × 100
副标题 / 卖点X 72 / Y 260 · 1296 × 54
主配件品名X 130 / Y 1020 · 500 × 58
第二配件品名X 810 / Y 1020 · 500 × 58
上方附加件品名X 880 / Y 661 · 470 × 50
下方附加件品名X 880 / Y 1093 · 470 × 50
清单引导X 104 / Y 1217 · 284 × 58
包含物 1X 438 / Y 1217 · 390 × 58
包含物 2X 884 / Y 1217 · 390 × 58
备注栏X 64 / Y 1387 · 1312 × 42

模板已有固定元素

这些图层由模板提供;不需要在新素材中重画。编号对应配置中的图层,预览展示其默认外观。

元素默认区域层级
canvasBgX 0 / Y 0 · 1440 × 1440按模板 / 0
canvasBloomX 170 / Y 240 · 1100 × 950按模板 / 1
compatPillX 498 / Y 32 · 444 × 72top / 24
primaryCardX 60 / Y 335 · 640 × 785按模板 / 2
secondaryCardX 740 / Y 335 · 640 × 785按模板 / 2
extraTopCardX 834 / Y 335 · 554 × 390按模板 / 2
extraBottomCardX 834 / Y 750 · 554 × 415按模板 / 2
primaryPodiumX 124 / Y 909 · 512 × 85按模板 / 3
secondaryPodiumX 804 / Y 909 · 512 × 85按模板 / 3
extraTopPodiumX 902 / Y 602 · 418 × 54按模板 / 3
extraBottomPodiumX 902 / Y 1035 · 418 × 54按模板 / 3
listBarX 80 / Y 1190 · 1280 × 112top / 20
listLeadX 94 / Y 1201 · 306 × 90top / 21
listDividerX 856 / Y 1212 · 2 × 68top / 22
noteBarX 0 / Y 1370 · 1440 × 70top / 25
jemdoLogoX 0 / Y 0 · 310 × 86top / 50

制作原则

素材做好,放进模板就能继续编辑

交给公司端 Codex

复制说明,再补上你的想法

方括号中的内容留给你填写。在线页面会带上当前模板的完整链接;本地预览链接无法在公司设备直接访问。