天猫 · 商品图
摄影配件SKU卖点-Jemdo色系
背景作为 Jemdo 摄影配件详情卡的底层氛围;上方主产品区保持开阔,底部细节卡与 SKU 标签区域保持低对比。
基准 1440 × 1440;可自定义宽度 800–2880 px,高度按 1440:1440 等比例计算(四舍五入)。制作前确认最终宽高
默认布局基准 1440 × 1440,坐标原点在左上角;调整模式、尺寸或位置后,请另附当前截图。本页预览仅供结构参考,不是本次交付素材。
准备给 AI 的任务 ↓
先确定素材要放在哪里
外部制作的整张背景暂没有通用上传入口;需要开发接入。现有图片槽可直接上传产品 / 场景素材;不要把背景上传到产品槽冒充底图。
产品 / 场景图:在生成器中选择同名平台与模板,先切换数量或模式,再选中对应图片对象,用该对象的「上传图片」上传。
图片槽位与构图尺寸
尺寸单位为基准画布像素;需要透明底的产品输出 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标签 1 | X 82 / Y 401 · 230 × 58 |
| SKU标签 2 | X 326 / Y 401 · 176 × 58 |
| 卖点列表 | X 118 / Y 535 · 700 × 320 |
| 卖点标题 1 | X 19 / Y 1338 · 455 × 58 |
| 卖点标题 2 | X 492 / Y 1338 · 457 × 58 |
| 卖点标题 3 | X 965 / Y 1338 · 456 × 58 |
模板已有固定元素
这些图层由模板提供;不需要在新素材中重画。编号对应配置中的图层,预览展示其默认外观。
| 元素 | 默认区域 | 层级 |
|---|---|---|
| 固定元素 1 | X 0 / Y 0 · 1440 × 1440 | 按模板 / 0 |
| 固定元素 2 | X 19 / Y 19 · 1402 × 842 | 按模板 / 1 |
| 固定元素 3 | X 19 / Y 880 · 455 × 531 | 按模板 / 1 |
| 固定元素 4 | X 492 / Y 880 · 457 × 531 | 按模板 / 1 |
| 固定元素 5 | X 965 / Y 880 · 456 × 531 | 按模板 / 1 |
| 固定元素 6 | X 19 / Y 1324 · 455 × 86 | 按模板 / 6 |
| 固定元素 7 | X 492 / Y 1324 · 457 × 86 | 按模板 / 6 |
| 固定元素 8 | X 965 / Y 1324 · 456 × 86 | 按模板 / 6 |
| skuTagDualBaseBg | X 82 / Y 388 · 460 × 84 | 按模板 / 23 |
| skuTagDualPrimaryCap | X 82 / Y 388 · 84 × 84 | 按模板 / 24 |
| skuTagDualPrimaryRect | X 124 / Y 388 · 188 × 84 | 按模板 / 24 |
制作原则
素材做好,放进模板就能继续编辑
- 产品图:优先使用用户提供的真实产品原图,输出透明 PNG;保留完整轮廓、真实接口和比例,边缘无白边,不把阴影、文字或装饰烘进产品。缺少产品原图时先索取,示意产品必须明确标注。
- 场景 / 细节图:输出 PNG 或高质量 JPG,按目标槽位比例构图。默认完整显示;不要为了铺满自动裁掉主体。场景中的产品也必须保持真实结构。
- 纯背景:PNG 或高质量 JPG,与目标画布同尺寸;保留产品与文案空间,不含产品、营销文案、水印或新增 Logo。品牌固定图层由模板提供。
- 建议分辨率:背景按最终画布尺寸;产品和场景图像素至少覆盖最终展示区域。表中的槽位尺寸是布局基准,不是强制上传尺寸。
- 可编辑标题、卖点和赠品名称另附纯文本;复杂光效、纹理可制作成素材。装饰 overlay、PSD、Figma 源文件需要开发接入,不能当成现有图片槽直接导入。
- 交付独立文件:background-宽x高.png、product-槽位ID.png、scene-槽位ID.jpg,以及文案与文件用途说明。只制作本次任务要求的素材。
- 验收:核对像素尺寸、透明通道、产品完整性、文案留白;在网站对应槽位上传后实际预览并导出 JPG / PNG。只有提示词或模拟图时,不能声称已生成可用素材。
交给公司端 Codex
复制说明,再补上你的想法
方括号中的内容留给你填写。在线页面会带上当前模板的完整链接;本地预览链接无法在公司设备直接访问。