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

天猫 · 商品图

摄影配件SKU卖点-Jemdo色系

背景作为 Jemdo 摄影配件详情卡的底层氛围;上方主产品区保持开阔,底部细节卡与 SKU 标签区域保持低对比。

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

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

准备给 AI 的任务 ↓
摄影配件SKU卖点-Jemdo色系默认模板参考

先确定素材要放在哪里

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

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

图片槽位与构图尺寸

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

槽位使用条件基准位置与宽高默认适配边界
顶部大场景图 (heroScene)常规X 19 / Y 19 · 1402 × 842完整显示按模板槽位边界显示
产品清单:左侧图 (listFrontImage)常规X 44 / Y 1135 · 94 × 111完整显示按模板槽位边界显示
产品清单:中间图 (listBackImage)常规X 181 / Y 1063 · 128 × 183完整显示按模板槽位边界显示
产品清单:右侧图 (listStrapImage)常规X 349 / Y 1042 · 100 × 204完整显示按模板槽位边界显示
卖点详情图 1 (detailImage1)常规X 492 / Y 880 · 457 × 456完整显示按模板槽位边界显示
卖点详情图 2 (detailImage2)常规X 965 / Y 880 · 456 × 456完整显示按模板槽位边界显示

文案区域保持低干扰

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

文案字段默认区域
主标题X 172 / Y 74 · 1096 × 210
副标题X 287 / Y 288 · 866 × 62
SKU标签 1X 82 / Y 401 · 230 × 58
SKU标签 2X 326 / Y 401 · 176 × 58
卖点列表X 118 / Y 535 · 700 × 320
卖点标题 1X 19 / Y 1338 · 455 × 58
卖点标题 2X 492 / Y 1338 · 457 × 58
卖点标题 3X 965 / Y 1338 · 456 × 58

模板已有固定元素

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

元素默认区域层级
固定元素 1X 0 / Y 0 · 1440 × 1440按模板 / 0
固定元素 2X 19 / Y 19 · 1402 × 842按模板 / 1
固定元素 3X 19 / Y 880 · 455 × 531按模板 / 1
固定元素 4X 492 / Y 880 · 457 × 531按模板 / 1
固定元素 5X 965 / Y 880 · 456 × 531按模板 / 1
固定元素 6X 19 / Y 1324 · 455 × 86按模板 / 6
固定元素 7X 492 / Y 1324 · 457 × 86按模板 / 6
固定元素 8X 965 / Y 1324 · 456 × 86按模板 / 6
skuTagDualBaseBgX 82 / Y 388 · 460 × 84按模板 / 23
skuTagDualPrimaryCapX 82 / Y 388 · 84 × 84按模板 / 24
skuTagDualPrimaryRectX 124 / Y 388 · 188 × 84按模板 / 24

制作原则

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

交给公司端 Codex

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

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