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

天猫 · 商品图

摄影配件套装推荐-Jemdo蓝橙

背景作为蓝橙摄影套装卡片结构的底层氛围,保持干净、低对比;不得干扰左右主卡、底部信息卡和编号结构。

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

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

准备给 AI 的任务 ↓
摄影配件套装推荐-Jemdo蓝橙默认模板参考

先确定素材要放在哪里

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

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

模板可选模式

控件选项默认
套装项数量2 个套装项 / 3 个套装项 / 4 个套装项3 个套装项

图片槽位与构图尺寸

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

槽位使用条件基准位置与宽高默认适配边界
左侧大场景图 (heroScene)常规X 18 / Y 19 · 693 × 993完整显示按模板槽位边界显示
套装项 1 图片 (packageMainImage)套装项数量:2 个套装项X 1045 / Y 210 · 300 × 205完整显示按模板槽位边界显示
套装项 1 图片 (packageMainImage)套装项数量:4 个套装项X 875 / Y 178 · 160 × 115完整显示按模板槽位边界显示
套装项 2 图片 (packageLeftImage)套装项数量:2 个套装项X 1045 / Y 620 · 300 × 205完整显示按模板槽位边界显示
套装项 2 图片 (packageLeftImage)套装项数量:4 个套装项X 1210 / Y 178 · 160 × 115完整显示按模板槽位边界显示
套装项 3 图片 (packageRightImage)套装项数量:4 个套装项X 875 / Y 588 · 160 × 115完整显示按模板槽位边界显示
底部细节图 1 (bottomDetail1)常规X 18 / Y 1030 · 456 × 319完整显示按模板槽位边界显示
底部细节图 2 (bottomDetail2)常规X 492 / Y 1030 · 456 × 319完整显示按模板槽位边界显示
底部细节图 3 (bottomDetail3)常规X 965 / Y 1030 · 456 × 319完整显示按模板槽位边界显示
套装项 4 图片 (packageFourthImage)套装项数量:4 个套装项X 1210 / Y 588 · 160 × 115完整显示按模板槽位边界显示

文案区域保持低干扰

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

文案字段默认区域
套装标题X 728 / Y 42 · 693 × 58
套装项 1 名称X 775 / Y 296 · 280 × 44
套装项 1 描述X 775 / Y 350 · 300 × 36
套装项 2 名称X 775 / Y 655 · 140 × 44
套装项 2 描述X 775 / Y 710 · 150 × 68
套装项 3 名称X 1110 / Y 655 · 140 × 44
套装项 3 描述X 1110 / Y 710 · 150 × 68
套装备注X 898 / Y 963 · 356 × 32
底部卡片 1X 18 / Y 1349 · 456 × 72
底部卡片 2X 492 / Y 1349 · 456 × 72
底部卡片 3X 965 / Y 1349 · 456 × 72
套装项 4 名称X 1110 / Y 698 · 150 × 44
套装项 4 描述X 1110 / Y 750 · 150 × 68

模板已有固定元素

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

元素默认区域层级
固定元素 1X 0 / Y 0 · 1440 × 1440按模板 / 0
固定元素 2X 18 / Y 19 · 693 × 993按模板 / 1
固定元素 3X 728 / Y 18 · 693 × 994按模板 / 1
固定元素 4X 728 / Y 19 · 693 × 102按模板 / 2
item1CardX 749 / Y 140 · 652 × 321按模板 / 2
item2CardX 749 / Y 480 · 317 × 461按模板 / 2
item3CardX 1084 / Y 480 · 317 × 461按模板 / 2
seq1BadgeBaseX 775 / Y 227 · 37 × 37按模板 / 5
seq1BadgeNumberX 775 / Y 227 · 37 × 37按模板 / 6
packageMainDividerX 775 / Y 335 · 179 × 3按模板 / 5
seq2BadgeBaseX 775 / Y 505 · 37 × 37按模板 / 5
seq2BadgeNumberX 775 / Y 505 · 37 × 37按模板 / 6
packageLeftDividerX 775 / Y 694 · 86 × 4按模板 / 5
seq3BadgeBaseX 1110 / Y 505 · 37 × 37按模板 / 5
seq3BadgeNumberX 1110 / Y 505 · 37 × 37按模板 / 6
packageRightDividerX 1110 / Y 694 · 86 × 4按模板 / 5
固定元素 17X 18 / Y 1030 · 456 × 391按模板 / 1
固定元素 18X 492 / Y 1030 · 456 × 391按模板 / 1
固定元素 19X 965 / Y 1030 · 456 × 391按模板 / 1
固定元素 20X 18 / Y 1349 · 456 × 72按模板 / 6
固定元素 21X 492 / Y 1349 · 456 × 72按模板 / 6
固定元素 22X 965 / Y 1349 · 456 × 72按模板 / 6
item4CardX 1084 / Y 550 · 317 × 391按模板 / 2
seq4BadgeBaseX 1110 / Y 575 · 37 × 37按模板 / 5
seq4BadgeNumberX 1110 / Y 575 · 37 × 37按模板 / 6
packageFourthDividerX 1110 / Y 735 · 90 × 3按模板 / 5

制作原则

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

交给公司端 Codex

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

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