参考图一的电商详情页设计风格、排版布局和整体结构,使用图二的溶… - 图片创意预览

参考图一的电商详情页设计风格、排版布局和整体结构,使用图二的溶…

参考图一的电商详情页设计风格、排版布局和整体结构,使用图二的溶解尿碱产品替换原图一的洁厕产品,保留所有文案排版和展示逻辑,重新生成完整的长图详情页

用户头像

GD627762654

2026.05.26
参考图1的版式骨架和排版结构,保留中间横幅banner+左侧产品+中间大标题+副标题按钮+右侧GO按钮的布局结构,将图1中的零食产品替换为纸巾、洗衣液、沐浴露三类日用清洁产品组合陈列,色调参考图2的紫蓝渐变柔和色调(紫色到蓝色的渐变背景,柔和光晕)。画面为16:9横版电商促销banner,整体风格清新洁净、居家日用促销氛围。 具体分区: - 背景:紫蓝渐变柔和色调,参考图2的色彩氛围,浅紫到浅蓝的渐变,带柔和光斑和朦胧光晕,干净通透 - 中间主横幅区:圆角长条形banner,底色为紫蓝渐变半透明玻璃质感,横幅内左侧摆放纸巾、洗衣液、沐浴露三件日用产品组合(纸巾为白色棉柔巾包装、洗衣液为瓶装、沐浴露为瓶装,产品陈列自然有层次),横幅中间为大标题文字,右侧为GO按钮 - 主标题文字:"日常所需 应有尽有",白色粗体大字,醒目清晰 - 副标题按钮:橙黄色圆角按钮,内有文字"全场惊喜价 越买越实惠" - 右侧GO按钮:圆形立体按钮,内有"GO"字样,放置在绿色立体圆台上 - 底部:浅绿色立体台面/展台承托,与参考图1结构一致但色调调整为紫蓝系 - 整体版式精美,层级分明,文字不遮挡产品主体,商品清晰可见 画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位;画面中所有数字必须精确渲染,不得错位、遗漏或编造。参考图1的版式骨架和排版结构,保留中间横幅banner+左侧产品+中间大标题+副标题按钮+右侧GO按钮的布局结构,将图1中的零食产品替换为纸巾、洗衣液、沐浴露三类日用清洁产品组合陈列,色调参考图2的紫蓝渐变柔和色调(紫色到蓝色的渐变背景,柔和光晕)。画面为16:9横版电商促销banner,整体风格清新洁净、居家日用促销氛围。

具体分区:
- 背景:紫蓝渐变柔和色调,参考图2的色彩氛围,浅紫到浅蓝的渐变,带柔和光斑和朦胧光晕,干净通透
- 中间主横幅区:圆角长条形banner,底色为紫蓝渐变半透明玻璃质感,横幅内左侧摆放纸巾、洗衣液、沐浴露三件日用产品组合(纸巾为白色棉柔巾包装、洗衣液为瓶装、沐浴露为瓶装,产品陈列自然有层次),横幅中间为大标题文字,右侧为GO按钮
- 主标题文字:"日常所需 应有尽有",白色粗体大字,醒目清晰
- 副标题按钮:橙黄色圆角按钮,内有文字"全场惊喜价 越买越实惠"
- 右侧GO按钮:圆形立体按钮,内有"GO"字样,放置在绿色立体圆台上
- 底部:浅绿色立体台面/展台承托,与参考图1结构一致但色调调整为紫蓝系
- 整体版式精美,层级分明,文字不遮挡产品主体,商品清晰可见

画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位;画面中所有数字必须精确渲染,不得错位、遗漏或编造。
参考图1的版式骨架和排版结构,保留中间横幅banner+左侧产品+中间大标题+副标题按钮+右侧GO按钮的布局结构,将图1中的零食产品替换为纸巾、洗衣液、沐浴露三类日用清洁产品组合陈列,色调参考图2的紫蓝渐变柔和色调(紫色到蓝色的渐变背景,柔和光晕)。画面为16:9横版电商促销banner,整体风格清新洁净、居家日用促销氛围。 具体分区: - 背景:紫蓝渐变柔和色调,参考图2的色彩氛围,浅紫到浅蓝的渐变,带柔和光斑和朦胧光晕,干净通透 - 中间主横幅区:圆角长条形banner,底色为紫蓝渐变半透明玻璃质感,横幅内左侧摆放纸巾、洗衣液、沐浴露三件日用产品组合(纸巾为白色棉柔巾包装、洗衣液为瓶装、沐浴露为瓶装,产品陈列自然有层次),横幅中间为大标题文字,右侧为GO按钮 - 主标题文字:"日常所需 应有尽有",白色粗体大字,醒目清晰 - 副标题按钮:橙黄色圆角按钮,内有文字"全场惊喜价 越买越实惠" - 右侧GO按钮:圆形立体按钮,内有"GO"字样,放置在绿色立体圆台上 - 底部:浅绿色立体台面/展台承托,与参考图1结构一致但色调调整为紫蓝系 - 整体版式精美,层级分明,文字不遮挡产品主体,商品清晰可见 画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位;画面中所有数字必须精确渲染,不得错位、遗漏或编造。参考图1的版式骨架和排版结构,保留中间横幅banner+左侧产品+中间大标题+副标题按钮+右侧GO按钮的布局结构,将图1中的零食产品替换为纸巾、洗衣液、沐浴露三类日用清洁产品组合陈列,色调参考图2的紫蓝渐变柔和色调(紫色到蓝色的渐变背景,柔和光晕)。画面为16:9横版电商促销banner,整体风格清新洁净、居家日用促销氛围。

具体分区:
- 背景:紫蓝渐变柔和色调,参考图2的色彩氛围,浅紫到浅蓝的渐变,带柔和光斑和朦胧光晕,干净通透
- 中间主横幅区:圆角长条形banner,底色为紫蓝渐变半透明玻璃质感,横幅内左侧摆放纸巾、洗衣液、沐浴露三件日用产品组合(纸巾为白色棉柔巾包装、洗衣液为瓶装、沐浴露为瓶装,产品陈列自然有层次),横幅中间为大标题文字,右侧为GO按钮
- 主标题文字:"日常所需 应有尽有",白色粗体大字,醒目清晰
- 副标题按钮:橙黄色圆角按钮,内有文字"全场惊喜价 越买越实惠"
- 右侧GO按钮:圆形立体按钮,内有"GO"字样,放置在绿色立体圆台上
- 底部:浅绿色立体台面/展台承托,与参考图1结构一致但色调调整为紫蓝系
- 整体版式精美,层级分明,文字不遮挡产品主体,商品清晰可见

画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位;画面中所有数字必须精确渲染,不得错位、遗漏或编造。
参考图1的版式骨架和排版结构,保留中间横幅banner+左侧产品+中间大标题+副标题按钮+右侧GO按钮的布局结构,将图1中的零食产品替换为纸巾、洗衣液、沐浴露三类日用清洁产品组合陈列,色调参考图2的紫蓝渐变柔和色调(紫色到蓝色的渐变背景,柔和光晕)。画面为16:9横版电商促销banner,整体风格清新洁净、居家日用促销氛围。 具体分区: - 背景:紫蓝渐变柔和色调,参考图2的色彩氛围,浅紫到浅蓝的渐变,带柔和光斑和朦胧光晕,干净通透 - 中间主横幅区:圆角长条形banner,底色为紫蓝渐变半透明玻璃质感,横幅内左侧摆放纸巾、洗衣液、沐浴露三件日用产品组合(纸巾为白色棉柔巾包装、洗衣液为瓶装、沐浴露为瓶装,产品陈列自然有层次),横幅中间为大标题文字,右侧为GO按钮 - 主标题文字:"日常所需 应有尽有",白色粗体大字,醒目清晰 - 副标题按钮:橙黄色圆角按钮,内有文字"全场惊喜价 越买越实惠" - 右侧GO按钮:圆形立体按钮,内有"GO"字样,放置在绿色立体圆台上 - 底部:浅绿色立体台面/展台承托,与参考图1结构一致但色调调整为紫蓝系 - 整体版式精美,层级分明,文字不遮挡产品主体,商品清晰可见 画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位;画面中所有数字必须精确渲染,不得错位、遗漏或编造。参考图1的版式骨架和排版结构,保留中间横幅banner+左侧产品+中间大标题+副标题按钮+右侧GO按钮的布局结构,将图1中的零食产品替换为纸巾、洗衣液、沐浴露三类日用清洁产品组合陈列,色调参考图2的紫蓝渐变柔和色调(紫色到蓝色的渐变背景,柔和光晕)。画面为16:9横版电商促销banner,整体风格清新洁净、居家日用促销氛围。

具体分区:
- 背景:紫蓝渐变柔和色调,参考图2的色彩氛围,浅紫到浅蓝的渐变,带柔和光斑和朦胧光晕,干净通透
- 中间主横幅区:圆角长条形banner,底色为紫蓝渐变半透明玻璃质感,横幅内左侧摆放纸巾、洗衣液、沐浴露三件日用产品组合(纸巾为白色棉柔巾包装、洗衣液为瓶装、沐浴露为瓶装,产品陈列自然有层次),横幅中间为大标题文字,右侧为GO按钮
- 主标题文字:"日常所需 应有尽有",白色粗体大字,醒目清晰
- 副标题按钮:橙黄色圆角按钮,内有文字"全场惊喜价 越买越实惠"
- 右侧GO按钮:圆形立体按钮,内有"GO"字样,放置在绿色立体圆台上
- 底部:浅绿色立体台面/展台承托,与参考图1结构一致但色调调整为紫蓝系
- 整体版式精美,层级分明,文字不遮挡产品主体,商品清晰可见

画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位;画面中所有数字必须精确渲染,不得错位、遗漏或编造。
[第3屏] 详情页活氧配方原理-深层清洁作用机制解析。本屏使用【图1】作为产品主体,置于画面上方。 [氛围/风格] 科技专业的清洁机理风,蓝色科技感,通透干净,信息可视化设计。 [元素布局] 产品瓶身位于画面上方居中,占比约35%;下方为活氧清洁机理可视化:中心是洗衣机内筒剖面示意图,周围环绕蓝色活氧分子气泡渗透进内筒夹层的动效示意;画面下半部分分三栏展示三大作用机制,每栏配图标与示意图。 [光影质感] 顶部柔光打亮产品,中部科技蓝光点效果,整体干净透亮,有科技感但不炫技。 [配色色系] 全局底色渐变 #F0F9FF 到 #E0F2FE;主色 #1E40AF 深蓝;辅助色 #38BDF8 浅蓝、白色。 [视角构图] 上下结构,上产品下机理,阅读动线从上至下。 [文字版式] 顶部产品下方主标题「活氧配方 深层净垢」,副标题「三重作用 由内而外洁净」;下方三栏等分布局:第一栏「深层渗透」配渗透箭头图标+说明「活氧分子深入内筒夹层缝隙」;第二栏「瓦解污垢」配气泡分解图标+说明「氧化分解顽固污垢与霉斑」;第三栏「去味清新」配风感图标+说明「分解异味源 保持清新环境」;每栏有对应小示意图。底部有一行小字说明「适用于滚筒/波轮洗衣机」。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,文字错乱,文字过小,水印,背景杂乱,结构错误。[第3屏] 详情页活氧配方原理-深层清洁作用机制解析。本屏使用【图1】作为产品主体,置于画面上方。
[氛围/风格] 科技专业的清洁机理风,蓝色科技感,通透干净,信息可视化设计。
[元素布局] 产品瓶身位于画面上方居中,占比约35%;下方为活氧清洁机理可视化:中心是洗衣机内筒剖面示意图,周围环绕蓝色活氧分子气泡渗透进内筒夹层的动效示意;画面下半部分分三栏展示三大作用机制,每栏配图标与示意图。
[光影质感] 顶部柔光打亮产品,中部科技蓝光点效果,整体干净透亮,有科技感但不炫技。
[配色色系] 全局底色渐变 #F0F9FF 到 #E0F2FE;主色 #1E40AF 深蓝;辅助色 #38BDF8 浅蓝、白色。
[视角构图] 上下结构,上产品下机理,阅读动线从上至下。
[文字版式] 顶部产品下方主标题「活氧配方 深层净垢」,副标题「三重作用 由内而外洁净」;下方三栏等分布局:第一栏「深层渗透」配渗透箭头图标+说明「活氧分子深入内筒夹层缝隙」;第二栏「瓦解污垢」配气泡分解图标+说明「氧化分解顽固污垢与霉斑」;第三栏「去味清新」配风感图标+说明「分解异味源 保持清新环境」;每栏有对应小示意图。底部有一行小字说明「适用于滚筒/波轮洗衣机」。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,文字错乱,文字过小,水印,背景杂乱,结构错误。
[第2张] 详情页卖点页-兔之力强效洁厕液四大核心优势四宫格。本张使用【图1】作为商品主体,保持外观与输入图一致。 [氛围/风格] 四宫格卖点展示,清新功能风,信息直观,抖音快手竖版详情页。 [元素布局] 画面采用2×2四宫格布局,每格一个卖点场景:左上格「祛尿垢」配马桶内壁洁净示意图;右上格「除水垢」配水龙头/瓷砖光亮示意图;左下格「生物降解」配绿色叶子+分子环保示意图;右下格「清香除味」配清新空气+小花示意图。画面顶部中央横放产品瓶,占比约25%,横跨两格上方。背景为淡蓝色大色块分区。 [光影质感] 整体均匀柔光,每格内有独立小光源突出主体,产品瓶身有自然高光,四格风格统一明亮。 [配色色系] 全局底色 #EEF6FF 浅蓝;四格分别用浅蓝、淡青、浅绿、米白四种淡色区分;主文字色深蓝 #165DFF;辅助色白色、浅灰。 [视角构图] 顶部产品 + 下方四宫格,阅读动线顶部标题 → 产品 → 左上→右上→左下→右下四卖点。 [文字版式] 最顶部大标题「四大优势 洁净升级」,加粗黑体居中。每格内有大号卖点标题 + 小号补充说明:左上「祛除尿垢 深入缝隙」,右上「溶解水垢 光亮如新」,左下「生物降解 环保温和」,右下「清香除味 告别异味」。每格配对应简约线稿图标。文字大且清晰,适合移动端快速阅读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 瓶身变形,文字错乱,水印,颜色偏差,产品模糊,恶心污渍画面,绝对化用语。[第2张] 详情页卖点页-兔之力强效洁厕液四大核心优势四宫格。本张使用【图1】作为商品主体,保持外观与输入图一致。
[氛围/风格] 四宫格卖点展示,清新功能风,信息直观,抖音快手竖版详情页。
[元素布局] 画面采用2×2四宫格布局,每格一个卖点场景:左上格「祛尿垢」配马桶内壁洁净示意图;右上格「除水垢」配水龙头/瓷砖光亮示意图;左下格「生物降解」配绿色叶子+分子环保示意图;右下格「清香除味」配清新空气+小花示意图。画面顶部中央横放产品瓶,占比约25%,横跨两格上方。背景为淡蓝色大色块分区。
[光影质感] 整体均匀柔光,每格内有独立小光源突出主体,产品瓶身有自然高光,四格风格统一明亮。
[配色色系] 全局底色 #EEF6FF 浅蓝;四格分别用浅蓝、淡青、浅绿、米白四种淡色区分;主文字色深蓝 #165DFF;辅助色白色、浅灰。
[视角构图] 顶部产品 + 下方四宫格,阅读动线顶部标题 → 产品 → 左上→右上→左下→右下四卖点。
[文字版式] 最顶部大标题「四大优势 洁净升级」,加粗黑体居中。每格内有大号卖点标题 + 小号补充说明:左上「祛除尿垢 深入缝隙」,右上「溶解水垢 光亮如新」,左下「生物降解 环保温和」,右下「清香除味 告别异味」。每格配对应简约线稿图标。文字大且清晰,适合移动端快速阅读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 瓶身变形,文字错乱,水印,颜色偏差,产品模糊,恶心污渍画面,绝对化用语。