天猫 · 商品图
摄影配件套装推荐-Jemdo蓝橙
背景作为蓝橙摄影套装卡片结构的底层氛围,保持干净、低对比;不得干扰左右主卡、底部信息卡和编号结构。
基准 1440 × 1440;可自定义宽度 800–2880 px,高度按 1440:1440 等比例计算(四舍五入)。制作前确认最终宽高
默认布局基准 1440 × 1440,坐标原点在左上角;调整模式、尺寸或位置后,请另附当前截图。本页预览仅供结构参考,不是本次交付素材。
准备给 AI 的任务 ↓
先确定素材要放在哪里
外部制作的整张背景暂没有通用上传入口;需要开发接入。现有图片槽可直接上传产品 / 场景素材;不要把背景上传到产品槽冒充底图。
产品 / 场景图:在生成器中选择同名平台与模板,先切换数量或模式,再选中对应图片对象,用该对象的「上传图片」上传。
模板可选模式
| 控件 | 选项 | 默认 |
|---|---|---|
| 套装项数量 | 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 |
| 底部卡片 1 | X 18 / Y 1349 · 456 × 72 |
| 底部卡片 2 | X 492 / Y 1349 · 456 × 72 |
| 底部卡片 3 | X 965 / Y 1349 · 456 × 72 |
| 套装项 4 名称 | X 1110 / Y 698 · 150 × 44 |
| 套装项 4 描述 | X 1110 / Y 750 · 150 × 68 |
模板已有固定元素
这些图层由模板提供;不需要在新素材中重画。编号对应配置中的图层,预览展示其默认外观。
| 元素 | 默认区域 | 层级 |
|---|---|---|
| 固定元素 1 | X 0 / Y 0 · 1440 × 1440 | 按模板 / 0 |
| 固定元素 2 | X 18 / Y 19 · 693 × 993 | 按模板 / 1 |
| 固定元素 3 | X 728 / Y 18 · 693 × 994 | 按模板 / 1 |
| 固定元素 4 | X 728 / Y 19 · 693 × 102 | 按模板 / 2 |
| item1Card | X 749 / Y 140 · 652 × 321 | 按模板 / 2 |
| item2Card | X 749 / Y 480 · 317 × 461 | 按模板 / 2 |
| item3Card | X 1084 / Y 480 · 317 × 461 | 按模板 / 2 |
| seq1BadgeBase | X 775 / Y 227 · 37 × 37 | 按模板 / 5 |
| seq1BadgeNumber | X 775 / Y 227 · 37 × 37 | 按模板 / 6 |
| packageMainDivider | X 775 / Y 335 · 179 × 3 | 按模板 / 5 |
| seq2BadgeBase | X 775 / Y 505 · 37 × 37 | 按模板 / 5 |
| seq2BadgeNumber | X 775 / Y 505 · 37 × 37 | 按模板 / 6 |
| packageLeftDivider | X 775 / Y 694 · 86 × 4 | 按模板 / 5 |
| seq3BadgeBase | X 1110 / Y 505 · 37 × 37 | 按模板 / 5 |
| seq3BadgeNumber | X 1110 / Y 505 · 37 × 37 | 按模板 / 6 |
| packageRightDivider | X 1110 / Y 694 · 86 × 4 | 按模板 / 5 |
| 固定元素 17 | X 18 / Y 1030 · 456 × 391 | 按模板 / 1 |
| 固定元素 18 | X 492 / Y 1030 · 456 × 391 | 按模板 / 1 |
| 固定元素 19 | X 965 / Y 1030 · 456 × 391 | 按模板 / 1 |
| 固定元素 20 | X 18 / Y 1349 · 456 × 72 | 按模板 / 6 |
| 固定元素 21 | X 492 / Y 1349 · 456 × 72 | 按模板 / 6 |
| 固定元素 22 | X 965 / Y 1349 · 456 × 72 | 按模板 / 6 |
| item4Card | X 1084 / Y 550 · 317 × 391 | 按模板 / 2 |
| seq4BadgeBase | X 1110 / Y 575 · 37 × 37 | 按模板 / 5 |
| seq4BadgeNumber | X 1110 / Y 575 · 37 × 37 | 按模板 / 6 |
| packageFourthDivider | X 1110 / Y 735 · 90 × 3 | 按模板 / 5 |
制作原则
素材做好,放进模板就能继续编辑
- 产品图:优先使用用户提供的真实产品原图,输出透明 PNG;保留完整轮廓、真实接口和比例,边缘无白边,不把阴影、文字或装饰烘进产品。缺少产品原图时先索取,示意产品必须明确标注。
- 场景 / 细节图:输出 PNG 或高质量 JPG,按目标槽位比例构图。默认完整显示;不要为了铺满自动裁掉主体。场景中的产品也必须保持真实结构。
- 纯背景:PNG 或高质量 JPG,与目标画布同尺寸;保留产品与文案空间,不含产品、营销文案、水印或新增 Logo。品牌固定图层由模板提供。
- 建议分辨率:背景按最终画布尺寸;产品和场景图像素至少覆盖最终展示区域。表中的槽位尺寸是布局基准,不是强制上传尺寸。
- 可编辑标题、卖点和赠品名称另附纯文本;复杂光效、纹理可制作成素材。装饰 overlay、PSD、Figma 源文件需要开发接入,不能当成现有图片槽直接导入。
- 交付独立文件:background-宽x高.png、product-槽位ID.png、scene-槽位ID.jpg,以及文案与文件用途说明。只制作本次任务要求的素材。
- 验收:核对像素尺寸、透明通道、产品完整性、文案留白;在网站对应槽位上传后实际预览并导出 JPG / PNG。只有提示词或模拟图时,不能声称已生成可用素材。
交给公司端 Codex
复制说明,再补上你的想法
方括号中的内容留给你填写。在线页面会带上当前模板的完整链接;本地预览链接无法在公司设备直接访问。