创意预览图

电商详情页配色合集,2:3 竖版,纯白背景,7款马卡龙色狗狗胸背套装俯视平铺,扇形展开,上方为同色系圆角矩形色号标签,标注对应色号名称(湖蓝、粉色、玫红、红色、米色、灰色、黑色),每款配色下方搭配对应

用户头像

GD102873955

2026.05.22
[第1屏] 详情页头图-黄蓝配色宠物胸背带宣传海报。本屏使用【图1】作为商品主体。 [氛围/风格] 清新可爱宠物用品风格,浅暖灰白色背景,商业摄影质感,画面温馨活泼。 [元素布局] 黄蓝拼色宠物胸背带放置在画面中心区域,占据画面65%-70%主体位置。保持产品原有的黄蓝拼色设计、正面卡通刺绣装饰、可调节蓝色织带、米色卡扣、灰色透气内里的物理结构、材质质感、颜色与输入产品图一致。背景为浅暖灰白色渐变,顶部留白放置主标题,底部加入浅粉色宠物爪印装饰元素,整体简洁干净不杂乱。 [光影质感] 左上方柔和主光照亮胸背带主体,刺绣细节清晰可见,右下方形成自然柔和投影,整体明暗层次分明,产品边缘清晰真实,材质质感突出。 [配色色系] 全局底色:#F5F5F5(浅暖灰);主体配色:#F9D342(黄色胸带)+ #4299E1(蓝色织带)+ #E2E8F0(灰色内里);辅助色:#F687B3(粉色装饰)+ #2D3748(标题文字)。 [视角构图] 正面45°微仰视,产品主体居中,顶部预留主标题区域,底部装饰不遮挡主体,阅读动线从上到下流畅自然。 [文字版式] 顶部主标题「可爱卡通宠物胸背带」,居中对齐,圆润粗黑字体,字号为画面宽度7%-9%,颜色深灰色。主标题下方副标题「舒适透气 遛弯出行更安心」,居中对齐,字号约为主标题30%,浅灰色字体。底部右侧点缀小图标「PET WALKING」英文装饰,不遮挡主体。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 产品变形,结构错误,颜色偏差,刺绣图案模糊,卡扣缺失,水印,文字错乱,背景杂乱。[第1屏] 详情页头图-黄蓝配色宠物胸背带宣传海报。本屏使用【图1】作为商品主体。
[氛围/风格] 清新可爱宠物用品风格,浅暖灰白色背景,商业摄影质感,画面温馨活泼。
[元素布局] 黄蓝拼色宠物胸背带放置在画面中心区域,占据画面65%-70%主体位置。保持产品原有的黄蓝拼色设计、正面卡通刺绣装饰、可调节蓝色织带、米色卡扣、灰色透气内里的物理结构、材质质感、颜色与输入产品图一致。背景为浅暖灰白色渐变,顶部留白放置主标题,底部加入浅粉色宠物爪印装饰元素,整体简洁干净不杂乱。
[光影质感] 左上方柔和主光照亮胸背带主体,刺绣细节清晰可见,右下方形成自然柔和投影,整体明暗层次分明,产品边缘清晰真实,材质质感突出。
[配色色系] 全局底色:#F5F5F5(浅暖灰);主体配色:#F9D342(黄色胸带)+ #4299E1(蓝色织带)+ #E2E8F0(灰色内里);辅助色:#F687B3(粉色装饰)+ #2D3748(标题文字)。
[视角构图] 正面45°微仰视,产品主体居中,顶部预留主标题区域,底部装饰不遮挡主体,阅读动线从上到下流畅自然。
[文字版式] 顶部主标题「可爱卡通宠物胸背带」,居中对齐,圆润粗黑字体,字号为画面宽度7%-9%,颜色深灰色。主标题下方副标题「舒适透气 遛弯出行更安心」,居中对齐,字号约为主标题30%,浅灰色字体。底部右侧点缀小图标「PET WALKING」英文装饰,不遮挡主体。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 产品变形,结构错误,颜色偏差,刺绣图案模糊,卡扣缺失,水印,文字错乱,背景杂乱。
[第5屏] 详情页多色展示-马卡龙旋转门扣龙虾扣10色色卡大全。本屏使用【图1】全部10款颜色产品。 [氛围/风格] 色卡展示风,整齐排列,色彩丰富饱满,拼多多高饱和视觉。 [元素布局] 10款彩色钥匙扣分两排整齐排列在画面中部,每款下方对应标注颜色名称;上排:银色、奶白、雅黑、橙色、正红;下排:樱花粉、柠檬黄、天空蓝、薄荷绿、薰衣紫;每款产品大小一致,间距均匀;背景为白色底配顶部彩虹色条装饰;产品结构、颜色、质感与输入图一致。 [光影质感] 顶部均匀柔光,底部统一方向柔和投影,每款产品烤漆质感一致,色彩鲜艳准确。 [配色色系] 全局底色 #FFFFFF 纯白底;主色彩虹条装饰 + 黑色文字;辅助色各产品本身马卡龙色。 [视角构图] 正面平视,2行5列矩阵排列,阅读动线顶部标题 → 上排5色 → 下排5色。 [文字版式] 版式为顶部标题 + 中部色卡矩阵 + 底部提示。顶部主标题「10色任选 总有你喜欢的」,粗黑体居中,配彩虹色下划线;每款产品下方圆角色卡标注颜色名,文字居中清晰;底部加「支持混色下单 联系客服备注」黄色底纹提示条;整体排版整齐,颜色一目了然。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,结构错误,颜色偏差,产品图模糊,背景杂乱。[第5屏] 详情页多色展示-马卡龙旋转门扣龙虾扣10色色卡大全。本屏使用【图1】全部10款颜色产品。
[氛围/风格] 色卡展示风,整齐排列,色彩丰富饱满,拼多多高饱和视觉。
[元素布局] 10款彩色钥匙扣分两排整齐排列在画面中部,每款下方对应标注颜色名称;上排:银色、奶白、雅黑、橙色、正红;下排:樱花粉、柠檬黄、天空蓝、薄荷绿、薰衣紫;每款产品大小一致,间距均匀;背景为白色底配顶部彩虹色条装饰;产品结构、颜色、质感与输入图一致。
[光影质感] 顶部均匀柔光,底部统一方向柔和投影,每款产品烤漆质感一致,色彩鲜艳准确。
[配色色系] 全局底色 #FFFFFF 纯白底;主色彩虹条装饰 + 黑色文字;辅助色各产品本身马卡龙色。
[视角构图] 正面平视,2行5列矩阵排列,阅读动线顶部标题 → 上排5色 → 下排5色。
[文字版式] 版式为顶部标题 + 中部色卡矩阵 + 底部提示。顶部主标题「10色任选 总有你喜欢的」,粗黑体居中,配彩虹色下划线;每款产品下方圆角色卡标注颜色名,文字居中清晰;底部加「支持混色下单 联系客服备注」黄色底纹提示条;整体排版整齐,颜色一目了然。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,结构错误,颜色偏差,产品图模糊,背景杂乱。
[第2屏] 痛点对比屏-传统牵引绳vs我们的背心式牵引绳对比。本屏使用【图1】提取产品元素。 [氛围/风格] 清晰对比风,左右分栏设计,干净专业商业摄影,信息对比一目了然。 [元素布局] 画面左右均等分栏,左侧为传统牵引绳痛点展示,右侧为我们背心式牵引绳优势展示。左侧标题写“传统牵引”,配痛点描述,用示意图表达勒脖子、易挣脱、材质硬问题;右侧标题写“背心式设计”,使用输入产品图中【图1】的背心式牵引绳主体,保留产品结构颜色材质与原图一致,展示不勒胸、贴合身体、柔软舒适优势。顶部通栏放主标题,底部预留小结文案区域。 [光影质感] 整体光线均匀明亮,左右两侧光线一致,产品边缘清晰,文字对比清晰,无明显硬阴影。 [配色色系] 全局底色:#F5F5F5(浅灰);左侧标题背景:#F8E0E0(浅红);右侧优势背景:#E0F8E0(浅绿);文字:深灰色黑色,对比清晰。 [视角构图] 正面平视,左右对称分栏,顶部通栏标题,底部小结,构图均衡,对比清晰,适合手机竖屏阅读。 [文字版式] 顶部通栏主标题“告别痛点 升级体验”黑色粗体居中;左侧栏内小标题“传统牵引”配三个痛点“容易勒脖子 ❌”“易挣脱打滑 ❌”“材质硬摩擦 ❌”;右侧栏内小标题“背心设计”配三个优势“分散拉力不勒胸 ✓”“贴合不易挣脱 ✓”“柔软材质舒适透气 ✓”;底部小结“升级设计 给狗狗更舒适的出行体验”黑色文字居中。所有文字清晰可读,不遮挡产品主体。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 商品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,结构错误,对比栏错位,文字重叠。[第2屏] 痛点对比屏-传统牵引绳vs我们的背心式牵引绳对比。本屏使用【图1】提取产品元素。
[氛围/风格] 清晰对比风,左右分栏设计,干净专业商业摄影,信息对比一目了然。
[元素布局] 画面左右均等分栏,左侧为传统牵引绳痛点展示,右侧为我们背心式牵引绳优势展示。左侧标题写“传统牵引”,配痛点描述,用示意图表达勒脖子、易挣脱、材质硬问题;右侧标题写“背心式设计”,使用输入产品图中【图1】的背心式牵引绳主体,保留产品结构颜色材质与原图一致,展示不勒胸、贴合身体、柔软舒适优势。顶部通栏放主标题,底部预留小结文案区域。
[光影质感] 整体光线均匀明亮,左右两侧光线一致,产品边缘清晰,文字对比清晰,无明显硬阴影。
[配色色系] 全局底色:#F5F5F5(浅灰);左侧标题背景:#F8E0E0(浅红);右侧优势背景:#E0F8E0(浅绿);文字:深灰色黑色,对比清晰。
[视角构图] 正面平视,左右对称分栏,顶部通栏标题,底部小结,构图均衡,对比清晰,适合手机竖屏阅读。
[文字版式] 顶部通栏主标题“告别痛点 升级体验”黑色粗体居中;左侧栏内小标题“传统牵引”配三个痛点“容易勒脖子 ❌”“易挣脱打滑 ❌”“材质硬摩擦 ❌”;右侧栏内小标题“背心设计”配三个优势“分散拉力不勒胸 ✓”“贴合不易挣脱 ✓”“柔软材质舒适透气 ✓”;底部小结“升级设计 给狗狗更舒适的出行体验”黑色文字居中。所有文字清晰可读,不遮挡产品主体。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 商品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,结构错误,对比栏错位,文字重叠。
[第2屏] 亚马逊跨境详情页多色规格总览——3款颜色胸背带矩阵展示 + XS/S/M/L尺码表 + 测量示意图。本屏使用【图3】作为多色产品展示(蓝绿、粉黄、橙红三款胸背带及牵引绳),使用【图2】作为尺码表和测量示意图参考;保持各款产品颜色、结构、卡扣与原图完全一致。 [氛围/风格] 跨境极简信息风,清晰易读,模块化卡片布局,商业摄影质感。 [元素布局] 上半部分为三色产品矩阵横排,每款含胸背带+配套牵引绳,从左到右依次为:蓝绿拼色款、粉黄拼色款、橙红拼色款,三款等大排列,占上半屏约50%;下半部分左侧为尺码表卡片,右侧为狗狗测量示意图;背景为浅灰蓝低饱和渐变,与第1屏统一;各款产品物理结构、比例轮廓、卡扣样式、织带材质、颜色色号与输入图完全一致。 [光影质感] 顶部均匀柔光,底部轻微投影,整体明亮干净,产品细节清晰。 [配色色系] 全局底色 #F0F4F8(浅灰蓝渐变);主色三款产品各自拼色;辅助色深灰文字 #333333 + 浅蓝表头 #4A90D9。 [视角构图] 正面平视,上下构图,阅读动线顶部标题 → 中部三色产品矩阵 → 底部尺码表+测量图。 [文字版式] 全英文文案。顶部主标题「Multiple Colors & Sizes Available」,居中现代无衬线字体;三色产品下方各标注色号名:「Blue-Green」「Pink-Yellow」「Orange-Red」;左下尺码表含四列:Size、Neck Girth (cm)、Chest Girth (cm)、Weight (g),行分别为XS/S/M/L,数据与图2一致;右下为狗狗侧面测量示意图,标注「Neck Girth」「Chest Girth」「Back Length」三个测量位置,线条简洁清晰。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,颜色偏差,中文字符,水印,文字错乱,文字过小,产品图模糊,表格数据错误,结构错误。[第2屏] 亚马逊跨境详情页多色规格总览——3款颜色胸背带矩阵展示 + XS/S/M/L尺码表 + 测量示意图。本屏使用【图3】作为多色产品展示(蓝绿、粉黄、橙红三款胸背带及牵引绳),使用【图2】作为尺码表和测量示意图参考;保持各款产品颜色、结构、卡扣与原图完全一致。
[氛围/风格] 跨境极简信息风,清晰易读,模块化卡片布局,商业摄影质感。
[元素布局] 上半部分为三色产品矩阵横排,每款含胸背带+配套牵引绳,从左到右依次为:蓝绿拼色款、粉黄拼色款、橙红拼色款,三款等大排列,占上半屏约50%;下半部分左侧为尺码表卡片,右侧为狗狗测量示意图;背景为浅灰蓝低饱和渐变,与第1屏统一;各款产品物理结构、比例轮廓、卡扣样式、织带材质、颜色色号与输入图完全一致。
[光影质感] 顶部均匀柔光,底部轻微投影,整体明亮干净,产品细节清晰。
[配色色系] 全局底色 #F0F4F8(浅灰蓝渐变);主色三款产品各自拼色;辅助色深灰文字 #333333 + 浅蓝表头 #4A90D9。
[视角构图] 正面平视,上下构图,阅读动线顶部标题 → 中部三色产品矩阵 → 底部尺码表+测量图。
[文字版式] 全英文文案。顶部主标题「Multiple Colors & Sizes Available」,居中现代无衬线字体;三色产品下方各标注色号名:「Blue-Green」「Pink-Yellow」「Orange-Red」;左下尺码表含四列:Size、Neck Girth (cm)、Chest Girth (cm)、Weight (g),行分别为XS/S/M/L,数据与图2一致;右下为狗狗侧面测量示意图,标注「Neck Girth」「Chest Girth」「Back Length」三个测量位置,线条简洁清晰。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,颜色偏差,中文字符,水印,文字错乱,文字过小,产品图模糊,表格数据错误,结构错误。