天猫 · 商品图
标准排版
右侧为主产品预留清晰、完整的主体空间；左侧为标题、SKU 标签和卖点列表预留低对比留白；底部配件与兼容信息区不要放置关键装饰。
基准 1440 × 1440；可自定义宽度 800–2880 px，高度按 1440:1440 等比例计算（四舍五入）。制作前确认最终宽高
默认布局基准 1440 × 1440，坐标原点在左上角；调整模式、尺寸或位置后，请另附当前截图。本页预览仅供结构参考，不是本次交付素材。
准备给 AI 的任务 ↓
先确定素材要放在哪里
外部制作的整张背景暂没有通用上传入口；需要开发接入。现有图片槽可直接上传产品 / 场景素材；不要把背景上传到产品槽冒充底图。
产品 / 场景图：在生成器中选择同名平台与模板，先切换数量或模式，再选中对应图片对象，用该对象的「上传图片」上传。
模板可选模式
| 控件 | 选项 | 默认 |
|---|---|---|
| 布局方式 | 左文右图 / 上文下图 / 上下简洁 | 左文右图 |
| 背景方案 | 蓝白科技 / 白灰极简 / 曜石黑底 / 蓝橙强调 | 蓝橙强调 |
| 底色模式 | 纯色 / 同色系渐变 / 自定义渐变 | 纯色 |
| Jemdo Logo | 显示 / 隐藏 | 隐藏 |
| 产品背景光晕 | 隐藏 / 显示 | 隐藏 |
| 卖点列表样式 | 清爽列表 / 醒目列表 | 醒目列表 |
| 配件清单横条 | 显示 / 隐藏 | 显示 |
| 备注栏 | 显示 / 隐藏 | 显示 |
| 底部信息 | 显示 / 隐藏 | 显示 |
| 底部信息样式 | 标准通栏 / A 属性标签组 / B 双区信息条 / C 科技参数条 / D 浅色信息卡 / E 设备图标导航 / G 数字总览 / J 连接路径图 / L 品牌规范条 | 标准通栏 |
| 分区配色 | 双色 / 同色 | 双色 |
| 引导区 | 文字引导 / 隐藏 | 文字引导 |
| 信息卡配色 | 暖白橙 / 跟随背景 / 雾灰 / Jemdo橙 / 珊瑚红 / 曜石黑 / 自定义 | 暖白橙 |
| 摆放方式 | 内缩圆角 / 通栏贴底 | 通栏贴底 |
| 底部信息配色 | 跟随背景 / 雾灰 / Jemdo橙 / 珊瑚红 / 曜石黑 / 自定义 | 曜石黑 |
| SKU 标签 | 显示 / 隐藏 | 显示 |
| SKU 标签样式 | 单色模块 / 双色模块 | 双色模块 |
| SKU 标签配色 | 浅灰白 / Jemdo橙 / 浅天蓝 / 科技蓝 / 曜石黑 / 薄荷灰 | Jemdo橙 |
| 右上参数徽章 | 显示 / 隐藏 | 隐藏 |
| 徽章配色 | 白底黑字 / Jemdo橙 / 科技蓝 / 曜石黑 / 雾灰 | 白底黑字 |
| 徽章投影 | 右下 / 左下 / 右上 / 左上 / 正下 / 无投影 | 无投影 |
| 产品图边界 | 限制在产品区 / 自由溢出 | 自由溢出 |
图片槽位与构图尺寸
尺寸单位为基准画布像素；需要透明底的产品输出 PNG，场景 / 细节图按槽位比例输出 PNG 或 JPG。同一槽位的不同模式列在不同的行。
| 槽位 | 使用条件 | 基准位置与宽高 | 默认适配 | 边界 |
|---|---|---|---|---|
| 主产品透明图 (productHero) | 产品图边界：限制在产品区 | X 360 / Y 155 · 1040 × 1100 | 完整显示 | 按模板槽位边界显示 |
| 主产品透明图 (productHero) | 产品图边界：自由溢出（默认） | X 360 / Y 155 · 1040 × 1100 | 完整显示 | 可跨槽位移动；仍受画布边界限制 |
| 赠品模块 (gift) | 可选 | X 45 / Y 1018 · 357 × 210 | 完整显示 | 按模板槽位边界显示 |
文案区域保持低干扰
下列文案由网站编辑，素材里不要重复绘制。尺寸为 0 的字段由赠品或其他模块布局控制。
| 文案字段 | 默认区域 |
|---|---|
| 主标题第一行 | X 40 / Y 160 · 990 × 109 |
| 主标题第二行 | X 40 / Y 269 · 990 × 109 |
| 上下简洁主标题 | X 220 / Y 154 · 1000 × 96 |
| 上下简洁副标题 | X 220 / Y 260 · 1000 × 72 |
| SKU标签 1 | X 40 / Y 425 · 230 × 58 |
| SKU标签 2 | X 284 / Y 425 · 176 × 58 |
| 右上参数 | X 0 / Y 156 · 190 × 46 |
| 卖点列表 | X 48 / Y 548 · 700 × 250 |
| 配件清单 | X 100 / Y 1190 · 1240 × 64 |
| 备注栏文案 | X 50 / Y 1387 · 1340 × 38 |
| 赠品第一行 | X 0 / Y 0 · 0 × 0 |
| 赠品第二行 | X 0 / Y 0 · 0 × 0 |
| 双区条左侧文案 | X 34 / Y 1350 · 240 × 72 |
| 浅色卡左侧文案 | X 124 / Y 1338 · 240 × 60 |
| 连接路径中间文案 | X 0 / Y 0 · 0 × 0 |
| 连接路径输出端 | X 0 / Y 0 · 0 × 0 |
| 底部适用机型 | X 82 / Y 1277 · 1276 × 62 |
模板已有固定元素
这些图层由模板提供；不需要在新素材中重画。编号对应配置中的图层，预览展示其默认外观。
| 元素 | 默认区域 | 层级 |
|---|---|---|
| canvasBg | X 0 / Y 0 · 1440 × 1440 | 按模板 / 0 |
| jemdoLogo | X 0 / Y 0 · 445 × 124 | top / 50 |
| productGlow | X 390 / Y 130 · 1010 × 1100 | 按模板 / 1 |
| accessoryStripBg | X 70 / Y 1170 · 1300 × 104 | top / 24 |
| footerNoteBg | X 0 / Y 1376 · 1440 × 64 | top / 28 |
| skuTagSingleBg | X 40 / Y 412 · 270 × 84 | 按模板 / 24 |
| skuTagDualBaseBg | X 40 / Y 412 · 460 × 84 | 按模板 / 23 |
| skuTagDualPrimaryCap | X 40 / Y 412 · 84 × 84 | 按模板 / 24 |
| skuTagDualPrimaryRect | X 82 / Y 412 · 188 × 84 | 按模板 / 24 |
| badgeBg | X 0 / Y 144 · 190 × 70 | 按模板 / 30 |
| compatBar | X 82 / Y 1260 · 1276 × 96 | top / 28 |
| compatBLeadBg | X 0 / Y 1332 · 330 × 108 | top / 29 |
| compatDLeadBgRound | X 26 / Y 1322 · 364 × 92 | top / 29 |
| compatDLeadBgSquare | X 372 / Y 1322 · 18 × 92 | top / 29 |
| compatDDeviceIcon | X 48 / Y 1336 · 64 × 64 | top / 31 |
| compatDDivider | X 388 / Y 1338 · 2 × 60 | top / 30 |
| compatCAccentLine | X 0 / Y 1320 · 1440 × 8 | top / 30 |
| compatLAccentLine | X 0 / Y 1320 · 1440 × 5 | top / 30 |
制作原则
素材做好，放进模板就能继续编辑
- 产品图：优先使用用户提供的真实产品原图，输出透明 PNG；保留完整轮廓、真实接口和比例，边缘无白边，不把阴影、文字或装饰烘进产品。缺少产品原图时先索取，示意产品必须明确标注。
- 场景 / 细节图：输出 PNG 或高质量 JPG，按目标槽位比例构图。默认完整显示；不要为了铺满自动裁掉主体。场景中的产品也必须保持真实结构。
- 纯背景：PNG 或高质量 JPG，与目标画布同尺寸；保留产品与文案空间，不含产品、营销文案、水印或新增 Logo。品牌固定图层由模板提供。
- 建议分辨率：背景按最终画布尺寸；产品和场景图像素至少覆盖最终展示区域。表中的槽位尺寸是布局基准，不是强制上传尺寸。
- 可编辑标题、卖点和赠品名称另附纯文本；复杂光效、纹理可制作成素材。装饰 overlay、PSD、Figma 源文件需要开发接入，不能当成现有图片槽直接导入。
- 交付独立文件：background-宽x高.png、product-槽位ID.png、scene-槽位ID.jpg，以及文案与文件用途说明。只制作本次任务要求的素材。
- 验收：核对像素尺寸、透明通道、产品完整性、文案留白；在网站对应槽位上传后实际预览并导出 JPG / PNG。只有提示词或模拟图时，不能声称已生成可用素材。
交给公司端 Codex
复制说明，再补上你的想法
方括号中的内容留给你填写。在线页面会带上当前模板的完整链接；本地预览链接无法在公司设备直接访问。