电商详情页第三屏设计,参考提供的参考图排版风格,浅蓝色水波纹背… - 图片创意预览

电商详情页第三屏设计,参考提供的参考图排版风格,浅蓝色水波纹背…

电商详情页第三屏设计,参考提供的参考图排版风格,浅蓝色水波纹背景,大标题:三步操作 轻松净毛孔,分三个步骤介绍:1.热敷打开毛孔,配嘉卡芙黑头导出液产品图和热敷棉片示意图;2.导出液湿敷,配人脸示意图

用户头像

1qyb4zh5huO...

2026.04.12
[第2张] 详情页痛点解决页-黑头困扰与产品解决方案。本张使用【图1】作为商品主体,置于画面右下区域。 [氛围/风格] 清爽对比风,上下分区布局,上半部分展示常见肌肤困扰,下半部分展示产品解决方案,拼多多高信息密度大字风格。 [元素布局] 画面上半部分为浅灰色背景,展示3组困扰图标(毛孔、鼻部、手部挤压示意),横向排列;中间蓝色过渡条带箭头向下;下半部分浅蓝色背景,产品瓶身置于右侧,占比约35%,左侧列出3条对应解决卖点;背景干净简洁,无人物面部特写。 [光影质感] 整体明亮均匀柔光,产品区域有侧光打亮,瓶身清晰有质感。 [配色色系] 全局底色上浅灰 #F2F2F2 下浅蓝 #E8F2FF;主色深蓝 #1E5BFF;辅助色白色、橙色警示色 #FF8C00。 [视角构图] 上下对比结构,阅读动线顶部困扰区 → 中间过渡箭头 → 底部产品+解决方案。 [文字版式] 顶部大标题「黑头清洁困扰多」,深灰色粗体居中;上半部分3个困扰横向排列:「毛孔堵塞」「黑头明显」「方法不对」,配简约图标;中间蓝色条带文字「一瓶解决 温和导出」白色粗体;下半部分左侧3条解决方案:「① 软化角质 黑头浮出」「② 深层清洁 毛孔通透」「③ 温和配方 不伤肌肤」,深蓝色文字配对勾图标;右下角产品旁标注「馥芮格去黑头导出液」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 真人医疗前后对比,恶心画面,密集恐惧,瓶身变形,文字错乱,水印,产品模糊,人物面部。[第2张] 详情页痛点解决页-黑头困扰与产品解决方案。本张使用【图1】作为商品主体,置于画面右下区域。
[氛围/风格] 清爽对比风,上下分区布局,上半部分展示常见肌肤困扰,下半部分展示产品解决方案,拼多多高信息密度大字风格。
[元素布局] 画面上半部分为浅灰色背景,展示3组困扰图标(毛孔、鼻部、手部挤压示意),横向排列;中间蓝色过渡条带箭头向下;下半部分浅蓝色背景,产品瓶身置于右侧,占比约35%,左侧列出3条对应解决卖点;背景干净简洁,无人物面部特写。
[光影质感] 整体明亮均匀柔光,产品区域有侧光打亮,瓶身清晰有质感。
[配色色系] 全局底色上浅灰 #F2F2F2 下浅蓝 #E8F2FF;主色深蓝 #1E5BFF;辅助色白色、橙色警示色 #FF8C00。
[视角构图] 上下对比结构,阅读动线顶部困扰区 → 中间过渡箭头 → 底部产品+解决方案。
[文字版式] 顶部大标题「黑头清洁困扰多」,深灰色粗体居中;上半部分3个困扰横向排列:「毛孔堵塞」「黑头明显」「方法不对」,配简约图标;中间蓝色条带文字「一瓶解决 温和导出」白色粗体;下半部分左侧3条解决方案:「① 软化角质 黑头浮出」「② 深层清洁 毛孔通透」「③ 温和配方 不伤肌肤」,深蓝色文字配对勾图标;右下角产品旁标注「馥芮格去黑头导出液」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 真人医疗前后对比,恶心画面,密集恐惧,瓶身变形,文字错乱,水印,产品模糊,人物面部。
[第2张] 详情页痛点解决页-黑头困扰与产品解决方案。本张使用【图1】作为商品主体,置于画面右下区域。 [氛围/风格] 清爽对比风,上下分区布局,上半部分展示常见肌肤困扰,下半部分展示产品解决方案,拼多多高信息密度大字风格。 [元素布局] 画面上半部分为浅灰色背景,展示3组困扰图标(毛孔、鼻部、手部挤压示意),横向排列;中间蓝色过渡条带箭头向下;下半部分浅蓝色背景,产品瓶身置于右侧,占比约35%,左侧列出3条对应解决卖点;背景干净简洁,无人物面部特写。 [光影质感] 整体明亮均匀柔光,产品区域有侧光打亮,瓶身清晰有质感。 [配色色系] 全局底色上浅灰 #F2F2F2 下浅蓝 #E8F2FF;主色深蓝 #1E5BFF;辅助色白色、橙色警示色 #FF8C00。 [视角构图] 上下对比结构,阅读动线顶部困扰区 → 中间过渡箭头 → 底部产品+解决方案。 [文字版式] 顶部大标题「黑头清洁困扰多」,深灰色粗体居中;上半部分3个困扰横向排列:「毛孔堵塞」「黑头明显」「方法不对」,配简约图标;中间蓝色条带文字「一瓶解决 温和导出」白色粗体;下半部分左侧3条解决方案:「① 软化角质 黑头浮出」「② 深层清洁 毛孔通透」「③ 温和配方 不伤肌肤」,深蓝色文字配对勾图标;右下角产品旁标注「馥芮格去黑头导出液」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 真人医疗前后对比,恶心画面,密集恐惧,瓶身变形,文字错乱,水印,产品模糊,人物面部。[第2张] 详情页痛点解决页-黑头困扰与产品解决方案。本张使用【图1】作为商品主体,置于画面右下区域。
[氛围/风格] 清爽对比风,上下分区布局,上半部分展示常见肌肤困扰,下半部分展示产品解决方案,拼多多高信息密度大字风格。
[元素布局] 画面上半部分为浅灰色背景,展示3组困扰图标(毛孔、鼻部、手部挤压示意),横向排列;中间蓝色过渡条带箭头向下;下半部分浅蓝色背景,产品瓶身置于右侧,占比约35%,左侧列出3条对应解决卖点;背景干净简洁,无人物面部特写。
[光影质感] 整体明亮均匀柔光,产品区域有侧光打亮,瓶身清晰有质感。
[配色色系] 全局底色上浅灰 #F2F2F2 下浅蓝 #E8F2FF;主色深蓝 #1E5BFF;辅助色白色、橙色警示色 #FF8C00。
[视角构图] 上下对比结构,阅读动线顶部困扰区 → 中间过渡箭头 → 底部产品+解决方案。
[文字版式] 顶部大标题「黑头清洁困扰多」,深灰色粗体居中;上半部分3个困扰横向排列:「毛孔堵塞」「黑头明显」「方法不对」,配简约图标;中间蓝色条带文字「一瓶解决 温和导出」白色粗体;下半部分左侧3条解决方案:「① 软化角质 黑头浮出」「② 深层清洁 毛孔通透」「③ 温和配方 不伤肌肤」,深蓝色文字配对勾图标;右下角产品旁标注「馥芮格去黑头导出液」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 真人医疗前后对比,恶心画面,密集恐惧,瓶身变形,文字错乱,水印,产品模糊,人物面部。
[第2张] 详情页痛点解决页-黑头困扰与产品解决方案。本张使用【图1】作为商品主体,置于画面右下区域。 [氛围/风格] 清爽对比风,上下分区布局,上半部分展示常见肌肤困扰,下半部分展示产品解决方案,拼多多高信息密度大字风格。 [元素布局] 画面上半部分为浅灰色背景,展示3组困扰图标(毛孔、鼻部、手部挤压示意),横向排列;中间蓝色过渡条带箭头向下;下半部分浅蓝色背景,产品瓶身置于右侧,占比约35%,左侧列出3条对应解决卖点;背景干净简洁,无人物面部特写。 [光影质感] 整体明亮均匀柔光,产品区域有侧光打亮,瓶身清晰有质感。 [配色色系] 全局底色上浅灰 #F2F2F2 下浅蓝 #E8F2FF;主色深蓝 #1E5BFF;辅助色白色、橙色警示色 #FF8C00。 [视角构图] 上下对比结构,阅读动线顶部困扰区 → 中间过渡箭头 → 底部产品+解决方案。 [文字版式] 顶部大标题「黑头清洁困扰多」,深灰色粗体居中;上半部分3个困扰横向排列:「毛孔堵塞」「黑头明显」「方法不对」,配简约图标;中间蓝色条带文字「一瓶解决 温和导出」白色粗体;下半部分左侧3条解决方案:「① 软化角质 黑头浮出」「② 深层清洁 毛孔通透」「③ 温和配方 不伤肌肤」,深蓝色文字配对勾图标;右下角产品旁标注「馥芮格去黑头导出液」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 真人医疗前后对比,恶心画面,密集恐惧,瓶身变形,文字错乱,水印,产品模糊,人物面部。[第2张] 详情页痛点解决页-黑头困扰与产品解决方案。本张使用【图1】作为商品主体,置于画面右下区域。
[氛围/风格] 清爽对比风,上下分区布局,上半部分展示常见肌肤困扰,下半部分展示产品解决方案,拼多多高信息密度大字风格。
[元素布局] 画面上半部分为浅灰色背景,展示3组困扰图标(毛孔、鼻部、手部挤压示意),横向排列;中间蓝色过渡条带箭头向下;下半部分浅蓝色背景,产品瓶身置于右侧,占比约35%,左侧列出3条对应解决卖点;背景干净简洁,无人物面部特写。
[光影质感] 整体明亮均匀柔光,产品区域有侧光打亮,瓶身清晰有质感。
[配色色系] 全局底色上浅灰 #F2F2F2 下浅蓝 #E8F2FF;主色深蓝 #1E5BFF;辅助色白色、橙色警示色 #FF8C00。
[视角构图] 上下对比结构,阅读动线顶部困扰区 → 中间过渡箭头 → 底部产品+解决方案。
[文字版式] 顶部大标题「黑头清洁困扰多」,深灰色粗体居中;上半部分3个困扰横向排列:「毛孔堵塞」「黑头明显」「方法不对」,配简约图标;中间蓝色条带文字「一瓶解决 温和导出」白色粗体;下半部分左侧3条解决方案:「① 软化角质 黑头浮出」「② 深层清洁 毛孔通透」「③ 温和配方 不伤肌肤」,深蓝色文字配对勾图标;右下角产品旁标注「馥芮格去黑头导出液」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 真人医疗前后对比,恶心画面,密集恐惧,瓶身变形,文字错乱,水印,产品模糊,人物面部。
[第5张] 详情页使用步骤-三步正确使用方法演示。本张使用【图1】作为产品图,分别出现在步骤1和步骤3中。 [氛围/风格] 清晰教学风,步骤分明,简洁易懂,拼多多风格大字说明。 [元素布局] 画面纵向分为3个横向步骤条,从上到下依次排列;每步含步骤编号圆圈+动作示意图+文字说明;步骤1:洁面后用化妆棉蘸取导出液,展示尖嘴瓶滴出液体的动作;步骤2:湿敷鼻部3-5分钟,展示化妆棉敷在鼻子上的示意图;步骤3:用粉刺针圆头轻轻刮出浮出的黑头,展示清洁后干净鼻部示意图;背景浅蓝白渐变,每步之间用细线分隔。 [光影质感] 均匀明亮柔光,每个步骤区域光照均匀,示意图清晰干净。 [配色色系] 全局底色 #F8FBFF 浅灰白;主色 #1E5BFF 深蓝;辅助色白色、浅蓝、步骤编号黄色 #FFB800。 [视角构图] 纵向三步流布局,阅读动线从上到下依次阅读,每步左编号右图文。 [文字版式] 顶部大标题「正确使用三步法」,深蓝色粗体居中;每步左侧大号数字圆圈「1」「2」「3」,黄色填充白色数字;每步右侧步骤标题加粗:「STEP 1 蘸取导出液」「STEP 2 湿敷3-5分钟」「STEP 3 轻轻刮净黑头」;下方小字说明使用方法和注意事项;底部红色提示条「温馨提示:请勿用力挤压」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 步骤混乱,文字过小,瓶身变形,医疗操作示意,水印,画面杂乱。[第5张] 详情页使用步骤-三步正确使用方法演示。本张使用【图1】作为产品图,分别出现在步骤1和步骤3中。
[氛围/风格] 清晰教学风,步骤分明,简洁易懂,拼多多风格大字说明。
[元素布局] 画面纵向分为3个横向步骤条,从上到下依次排列;每步含步骤编号圆圈+动作示意图+文字说明;步骤1:洁面后用化妆棉蘸取导出液,展示尖嘴瓶滴出液体的动作;步骤2:湿敷鼻部3-5分钟,展示化妆棉敷在鼻子上的示意图;步骤3:用粉刺针圆头轻轻刮出浮出的黑头,展示清洁后干净鼻部示意图;背景浅蓝白渐变,每步之间用细线分隔。
[光影质感] 均匀明亮柔光,每个步骤区域光照均匀,示意图清晰干净。
[配色色系] 全局底色 #F8FBFF 浅灰白;主色 #1E5BFF 深蓝;辅助色白色、浅蓝、步骤编号黄色 #FFB800。
[视角构图] 纵向三步流布局,阅读动线从上到下依次阅读,每步左编号右图文。
[文字版式] 顶部大标题「正确使用三步法」,深蓝色粗体居中;每步左侧大号数字圆圈「1」「2」「3」,黄色填充白色数字;每步右侧步骤标题加粗:「STEP 1 蘸取导出液」「STEP 2 湿敷3-5分钟」「STEP 3 轻轻刮净黑头」;下方小字说明使用方法和注意事项;底部红色提示条「温馨提示:请勿用力挤压」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 步骤混乱,文字过小,瓶身变形,医疗操作示意,水印,画面杂乱。
[第5张] 详情页使用步骤-三步正确使用方法演示。本张使用【图1】作为产品图,分别出现在步骤1和步骤3中。 [氛围/风格] 清晰教学风,步骤分明,简洁易懂,拼多多风格大字说明。 [元素布局] 画面纵向分为3个横向步骤条,从上到下依次排列;每步含步骤编号圆圈+动作示意图+文字说明;步骤1:洁面后用化妆棉蘸取导出液,展示尖嘴瓶滴出液体的动作;步骤2:湿敷鼻部3-5分钟,展示化妆棉敷在鼻子上的示意图;步骤3:用粉刺针圆头轻轻刮出浮出的黑头,展示清洁后干净鼻部示意图;背景浅蓝白渐变,每步之间用细线分隔。 [光影质感] 均匀明亮柔光,每个步骤区域光照均匀,示意图清晰干净。 [配色色系] 全局底色 #F8FBFF 浅灰白;主色 #1E5BFF 深蓝;辅助色白色、浅蓝、步骤编号黄色 #FFB800。 [视角构图] 纵向三步流布局,阅读动线从上到下依次阅读,每步左编号右图文。 [文字版式] 顶部大标题「正确使用三步法」,深蓝色粗体居中;每步左侧大号数字圆圈「1」「2」「3」,黄色填充白色数字;每步右侧步骤标题加粗:「STEP 1 蘸取导出液」「STEP 2 湿敷3-5分钟」「STEP 3 轻轻刮净黑头」;下方小字说明使用方法和注意事项;底部红色提示条「温馨提示:请勿用力挤压」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 步骤混乱,文字过小,瓶身变形,医疗操作示意,水印,画面杂乱。[第5张] 详情页使用步骤-三步正确使用方法演示。本张使用【图1】作为产品图,分别出现在步骤1和步骤3中。
[氛围/风格] 清晰教学风,步骤分明,简洁易懂,拼多多风格大字说明。
[元素布局] 画面纵向分为3个横向步骤条,从上到下依次排列;每步含步骤编号圆圈+动作示意图+文字说明;步骤1:洁面后用化妆棉蘸取导出液,展示尖嘴瓶滴出液体的动作;步骤2:湿敷鼻部3-5分钟,展示化妆棉敷在鼻子上的示意图;步骤3:用粉刺针圆头轻轻刮出浮出的黑头,展示清洁后干净鼻部示意图;背景浅蓝白渐变,每步之间用细线分隔。
[光影质感] 均匀明亮柔光,每个步骤区域光照均匀,示意图清晰干净。
[配色色系] 全局底色 #F8FBFF 浅灰白;主色 #1E5BFF 深蓝;辅助色白色、浅蓝、步骤编号黄色 #FFB800。
[视角构图] 纵向三步流布局,阅读动线从上到下依次阅读,每步左编号右图文。
[文字版式] 顶部大标题「正确使用三步法」,深蓝色粗体居中;每步左侧大号数字圆圈「1」「2」「3」,黄色填充白色数字;每步右侧步骤标题加粗:「STEP 1 蘸取导出液」「STEP 2 湿敷3-5分钟」「STEP 3 轻轻刮净黑头」;下方小字说明使用方法和注意事项;底部红色提示条「温馨提示:请勿用力挤压」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 步骤混乱,文字过小,瓶身变形,医疗操作示意,水印,画面杂乱。
[第5张] 详情页使用步骤-三步正确使用方法演示。本张使用【图1】作为产品图,分别出现在步骤1和步骤3中。 [氛围/风格] 清晰教学风,步骤分明,简洁易懂,拼多多风格大字说明。 [元素布局] 画面纵向分为3个横向步骤条,从上到下依次排列;每步含步骤编号圆圈+动作示意图+文字说明;步骤1:洁面后用化妆棉蘸取导出液,展示尖嘴瓶滴出液体的动作;步骤2:湿敷鼻部3-5分钟,展示化妆棉敷在鼻子上的示意图;步骤3:用粉刺针圆头轻轻刮出浮出的黑头,展示清洁后干净鼻部示意图;背景浅蓝白渐变,每步之间用细线分隔。 [光影质感] 均匀明亮柔光,每个步骤区域光照均匀,示意图清晰干净。 [配色色系] 全局底色 #F8FBFF 浅灰白;主色 #1E5BFF 深蓝;辅助色白色、浅蓝、步骤编号黄色 #FFB800。 [视角构图] 纵向三步流布局,阅读动线从上到下依次阅读,每步左编号右图文。 [文字版式] 顶部大标题「正确使用三步法」,深蓝色粗体居中;每步左侧大号数字圆圈「1」「2」「3」,黄色填充白色数字;每步右侧步骤标题加粗:「STEP 1 蘸取导出液」「STEP 2 湿敷3-5分钟」「STEP 3 轻轻刮净黑头」;下方小字说明使用方法和注意事项;底部红色提示条「温馨提示:请勿用力挤压」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 步骤混乱,文字过小,瓶身变形,医疗操作示意,水印,画面杂乱。[第5张] 详情页使用步骤-三步正确使用方法演示。本张使用【图1】作为产品图,分别出现在步骤1和步骤3中。
[氛围/风格] 清晰教学风,步骤分明,简洁易懂,拼多多风格大字说明。
[元素布局] 画面纵向分为3个横向步骤条,从上到下依次排列;每步含步骤编号圆圈+动作示意图+文字说明;步骤1:洁面后用化妆棉蘸取导出液,展示尖嘴瓶滴出液体的动作;步骤2:湿敷鼻部3-5分钟,展示化妆棉敷在鼻子上的示意图;步骤3:用粉刺针圆头轻轻刮出浮出的黑头,展示清洁后干净鼻部示意图;背景浅蓝白渐变,每步之间用细线分隔。
[光影质感] 均匀明亮柔光,每个步骤区域光照均匀,示意图清晰干净。
[配色色系] 全局底色 #F8FBFF 浅灰白;主色 #1E5BFF 深蓝;辅助色白色、浅蓝、步骤编号黄色 #FFB800。
[视角构图] 纵向三步流布局,阅读动线从上到下依次阅读,每步左编号右图文。
[文字版式] 顶部大标题「正确使用三步法」,深蓝色粗体居中;每步左侧大号数字圆圈「1」「2」「3」,黄色填充白色数字;每步右侧步骤标题加粗:「STEP 1 蘸取导出液」「STEP 2 湿敷3-5分钟」「STEP 3 轻轻刮净黑头」;下方小字说明使用方法和注意事项;底部红色提示条「温馨提示:请勿用力挤压」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 步骤混乱,文字过小,瓶身变形,医疗操作示意,水印,画面杂乱。