电商详情页第六屏设计,延续前面清新简约医美护肤风格,浅蓝色水波… - 图片创意预览

电商详情页第六屏设计,延续前面清新简约医美护肤风格,浅蓝色水波…

电商详情页第六屏设计,延续前面清新简约医美护肤风格,浅蓝色水波纹大理石背景,标题文字:用户真实口碑,大面积留白,保留三个用户评价区域,搭配简约用户头像占位,每个评价配简短好评文案,右上角放嘉卡芙黑头导

用户头像

1qyb4zh5huO...

2026.04.12
[第1张] 详情页使用方法页-屏障修护乳。参考图版式复刻,保留三步分栏、左文右图、STEP编号的版式骨架,将防晒乳替换为屏障修护乳,文案替换为本次用法内容,配色调整为医用青白体系。 [氛围/风格] 医用专业极简风,干净通透,医美级质感,商业摄影级精致度。 [元素布局] 画面分为上中下三段式分栏布局,每段左侧为STEP编号+文字说明,右侧为手部/面部使用动作特写,共3步: - STEP1段:左侧文字区,右侧是手掌心挤出白色乳状膏体的特写,手指轻触膏体,展现泵头取量的动作; - STEP2段:左侧文字区,右侧是女性面部点涂乳霜的特写,脸颊、额头、鼻子、下巴处有白色乳霜点点,展现点涂动作; - STEP3段:左侧文字区,右侧是女性面部轻柔按摩涂抹的侧面特写,手指在面部轻柔推开,展现按摩吸收动作; 背景为浅灰底#F5F6F7到纯白#FFFFFF的柔和渐变,每段之间有浅青#E8EFF1细线分隔,整体干净专业。 [光影质感] 侧前方柔光照明,人物肌肤通透自然,膏体呈现柔润光泽,阴影浅淡,整体明亮干净。 [配色色系] 全局底色#F5F6F7浅灰底;主色医用青#3D6B7A;辅助色浅青底#E8EFF1、炭黑#1A1A1A文字、纯白#FFFFFF。 [视角构图] 正面平视,三段式纵向分栏,阅读动线从上至下。 [文字版式] 字体全部使用思源黑体,层级清晰: - 顶部主标题区:主标题"使用方法"24-28pt,炭黑#1A1A1A字重加粗;副标题"每天2次 温和修护屏障"14-16pt,医用青#3D6B7A; - STEP1:"STEP1"医用青#3D6B7A大写加粗16pt;主标题"取1-2泵于掌心"炭黑加粗14pt;说明"洁面爽肤后取1-2泵于掌心"11-12pt炭灰; - STEP2:"STEP2"医用青#3D6B7A大写加粗16pt;主标题"均匀涂抹面部"炭黑加粗14pt;说明"均匀涂抹于面部肌肤"11-12pt炭灰; - STEP3:"STEP3"医用青#3D6B7A大写加粗16pt;主标题"轻柔按摩至吸收"炭黑加粗14pt;说明"轻柔按摩至完全吸收,每天2次"11-12pt炭灰; 文字不遮挡人物主体,版式精美,层级分明。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,金色元素,背景杂乱,医疗化表述,人物面部扭曲。 画面中必须完整呈现以下文字信息: - 使用方法 - 每天2次 温和修护屏障 - STEP1 取1-2泵于掌心:洁面爽肤后取1-2泵于掌心 - STEP2 均匀涂抹面部:均匀涂抹于面部肌肤 - STEP3 轻柔按摩至吸收:轻柔按摩至完全吸收,每天2次[第1张] 详情页使用方法页-屏障修护乳。参考图版式复刻,保留三步分栏、左文右图、STEP编号的版式骨架,将防晒乳替换为屏障修护乳,文案替换为本次用法内容,配色调整为医用青白体系。
[氛围/风格] 医用专业极简风,干净通透,医美级质感,商业摄影级精致度。
[元素布局] 画面分为上中下三段式分栏布局,每段左侧为STEP编号+文字说明,右侧为手部/面部使用动作特写,共3步:
- STEP1段:左侧文字区,右侧是手掌心挤出白色乳状膏体的特写,手指轻触膏体,展现泵头取量的动作;
- STEP2段:左侧文字区,右侧是女性面部点涂乳霜的特写,脸颊、额头、鼻子、下巴处有白色乳霜点点,展现点涂动作;
- STEP3段:左侧文字区,右侧是女性面部轻柔按摩涂抹的侧面特写,手指在面部轻柔推开,展现按摩吸收动作;
背景为浅灰底#F5F6F7到纯白#FFFFFF的柔和渐变,每段之间有浅青#E8EFF1细线分隔,整体干净专业。
[光影质感] 侧前方柔光照明,人物肌肤通透自然,膏体呈现柔润光泽,阴影浅淡,整体明亮干净。
[配色色系] 全局底色#F5F6F7浅灰底;主色医用青#3D6B7A;辅助色浅青底#E8EFF1、炭黑#1A1A1A文字、纯白#FFFFFF。
[视角构图] 正面平视,三段式纵向分栏,阅读动线从上至下。
[文字版式] 字体全部使用思源黑体,层级清晰:
- 顶部主标题区:主标题"使用方法"24-28pt,炭黑#1A1A1A字重加粗;副标题"每天2次 温和修护屏障"14-16pt,医用青#3D6B7A;
- STEP1:"STEP1"医用青#3D6B7A大写加粗16pt;主标题"取1-2泵于掌心"炭黑加粗14pt;说明"洁面爽肤后取1-2泵于掌心"11-12pt炭灰;
- STEP2:"STEP2"医用青#3D6B7A大写加粗16pt;主标题"均匀涂抹面部"炭黑加粗14pt;说明"均匀涂抹于面部肌肤"11-12pt炭灰;
- STEP3:"STEP3"医用青#3D6B7A大写加粗16pt;主标题"轻柔按摩至吸收"炭黑加粗14pt;说明"轻柔按摩至完全吸收,每天2次"11-12pt炭灰;
文字不遮挡人物主体,版式精美,层级分明。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,金色元素,背景杂乱,医疗化表述,人物面部扭曲。

画面中必须完整呈现以下文字信息:
- 使用方法
- 每天2次 温和修护屏障
- STEP1 取1-2泵于掌心:洁面爽肤后取1-2泵于掌心
- STEP2 均匀涂抹面部:均匀涂抹于面部肌肤
- STEP3 轻柔按摩至吸收:轻柔按摩至完全吸收,每天2次
第4张 真人效果展示-面部肌肤提亮匀净状态。本张使用【图1】作为产品,置于画面底部。 [氛围/风格] 真实护肤效果展示风,自然光感,肌肤通透有光泽,商业人像摄影质感。 [元素布局] 画面上半部分为亚洲女性模特半身面部特写,肌肤匀净透亮,面带微笑,手轻触脸颊;模特旁有3个编号标注指向面部不同区域,展示提亮、淡斑、细致毛孔效果;底部放置祛斑液产品图,占比约20%,瓶身与输入图一致;背景为柔和的米白渐变,带自然光斑和绿植虚化前景。 [光影质感] 窗边自然光,柔和侧逆光,肌肤有自然高光和通透感,阴影柔和不生硬。 [配色色系] 全局底色 #FAF7F2 米白暖调;主色自然肤色;辅助色浅绿植物、白色;点缀色金色瓶盖呼应。 [视角构图] 正面微侧,模特居上半部分,阅读动线顶部人物 → 中部编号效果 → 底部产品。 [文字版式] 左上角主标题「看得见的透亮改变」,副标题「肌肤由内而外散发光泽」;3个编号效果标注「① 色斑淡化」「② 肤色提亮」「③ 毛孔细致」,每条配简短体验描述;底部产品旁标注「坚持使用 肌肤状态稳步提升」;文字不遮挡人物面部关键区域。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 夸张前后对比,医疗效果承诺,黑金风格,水印,文字错乱,产品变形,优惠信息。第4张 真人效果展示-面部肌肤提亮匀净状态。本张使用【图1】作为产品,置于画面底部。
[氛围/风格] 真实护肤效果展示风,自然光感,肌肤通透有光泽,商业人像摄影质感。
[元素布局] 画面上半部分为亚洲女性模特半身面部特写,肌肤匀净透亮,面带微笑,手轻触脸颊;模特旁有3个编号标注指向面部不同区域,展示提亮、淡斑、细致毛孔效果;底部放置祛斑液产品图,占比约20%,瓶身与输入图一致;背景为柔和的米白渐变,带自然光斑和绿植虚化前景。
[光影质感] 窗边自然光,柔和侧逆光,肌肤有自然高光和通透感,阴影柔和不生硬。
[配色色系] 全局底色 #FAF7F2 米白暖调;主色自然肤色;辅助色浅绿植物、白色;点缀色金色瓶盖呼应。
[视角构图] 正面微侧,模特居上半部分,阅读动线顶部人物 → 中部编号效果 → 底部产品。
[文字版式] 左上角主标题「看得见的透亮改变」,副标题「肌肤由内而外散发光泽」;3个编号效果标注「① 色斑淡化」「② 肤色提亮」「③ 毛孔细致」,每条配简短体验描述;底部产品旁标注「坚持使用 肌肤状态稳步提升」;文字不遮挡人物面部关键区域。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 夸张前后对比,医疗效果承诺,黑金风格,水印,文字错乱,产品变形,优惠信息。
第5张 使用步骤页-水乳两步护肤流程演示。本张使用【图1】【图2】作为产品参考,保持产品外观与输入图一致。 [氛围/风格] 清新日常护肤场景,温暖自然光,生活感与精致感兼具,内容丰富有层次。 [元素布局] 画面分为上下两大步骤区域,各占约45%;上半部分为第一步「净颜透肌乳液」:展示手部按压泵头取乳液的动作特写,乳液质地在指尖呈现柔润质感,背景为洗手台场景有水龙头与白色毛巾;下半部分为第二步「赋活透肌水」:展示化妆棉蘸取爽肤水轻拍面部的动作,背景为梳妆台有镜子与小花瓶;中间有箭头连接两步;两瓶产品分别在对应步骤区域旁展示。 [光影质感] 整体暖调自然光,从窗户斜射入内,形成柔和光影,每个步骤区域都有独立主光与辅光,质感明亮温暖。 [配色色系] 全局底色 #FFF9F0 暖白渐变;主色浅橘粉 #F4B183;辅助色白色、浅木色、淡绿植物色。 [视角构图] 上下分栏步骤式构图,阅读动线从上至下。 [文字版式] 顶部大标题「两步水光护肤法」;上半区左上角编号「STEP 1 净颜」配说明「取适量乳液 温和清洁净透毛孔」;下半区左上角编号「STEP 2 赋活」配说明「轻拍透肌水 补水锁水焕亮」;每步右下角有小标签提示使用量与手法;文字清晰可读。 [比例] 9:16竖版,4K高清。 [负向提示词] 产品变形,人物手部变形,文字错乱,水印,画面模糊,步骤不清晰。第5张 使用步骤页-水乳两步护肤流程演示。本张使用【图1】【图2】作为产品参考,保持产品外观与输入图一致。
[氛围/风格] 清新日常护肤场景,温暖自然光,生活感与精致感兼具,内容丰富有层次。
[元素布局] 画面分为上下两大步骤区域,各占约45%;上半部分为第一步「净颜透肌乳液」:展示手部按压泵头取乳液的动作特写,乳液质地在指尖呈现柔润质感,背景为洗手台场景有水龙头与白色毛巾;下半部分为第二步「赋活透肌水」:展示化妆棉蘸取爽肤水轻拍面部的动作,背景为梳妆台有镜子与小花瓶;中间有箭头连接两步;两瓶产品分别在对应步骤区域旁展示。
[光影质感] 整体暖调自然光,从窗户斜射入内,形成柔和光影,每个步骤区域都有独立主光与辅光,质感明亮温暖。
[配色色系] 全局底色 #FFF9F0 暖白渐变;主色浅橘粉 #F4B183;辅助色白色、浅木色、淡绿植物色。
[视角构图] 上下分栏步骤式构图,阅读动线从上至下。
[文字版式] 顶部大标题「两步水光护肤法」;上半区左上角编号「STEP 1 净颜」配说明「取适量乳液 温和清洁净透毛孔」;下半区左上角编号「STEP 2 赋活」配说明「轻拍透肌水 补水锁水焕亮」;每步右下角有小标签提示使用量与手法;文字清晰可读。
[比例] 9:16竖版,4K高清。
[负向提示词] 产品变形,人物手部变形,文字错乱,水印,画面模糊,步骤不清晰。
第5张 使用步骤页-水乳两步护肤流程演示。本张使用【图1】【图2】作为产品参考,保持产品外观与输入图一致。 [氛围/风格] 清新日常护肤场景,温暖自然光,生活感与精致感兼具,内容丰富有层次。 [元素布局] 画面分为上下两大步骤区域,各占约45%;上半部分为第一步「净颜透肌乳液」:展示手部按压泵头取乳液的动作特写,乳液质地在指尖呈现柔润质感,背景为洗手台场景有水龙头与白色毛巾;下半部分为第二步「赋活透肌水」:展示化妆棉蘸取爽肤水轻拍面部的动作,背景为梳妆台有镜子与小花瓶;中间有箭头连接两步;两瓶产品分别在对应步骤区域旁展示。 [光影质感] 整体暖调自然光,从窗户斜射入内,形成柔和光影,每个步骤区域都有独立主光与辅光,质感明亮温暖。 [配色色系] 全局底色 #FFF9F0 暖白渐变;主色浅橘粉 #F4B183;辅助色白色、浅木色、淡绿植物色。 [视角构图] 上下分栏步骤式构图,阅读动线从上至下。 [文字版式] 顶部大标题「两步水光护肤法」;上半区左上角编号「STEP 1 净颜」配说明「取适量乳液 温和清洁净透毛孔」;下半区左上角编号「STEP 2 赋活」配说明「轻拍透肌水 补水锁水焕亮」;每步右下角有小标签提示使用量与手法;文字清晰可读。 [比例] 9:16竖版,4K高清。 [负向提示词] 产品变形,人物手部变形,文字错乱,水印,画面模糊,步骤不清晰。第5张 使用步骤页-水乳两步护肤流程演示。本张使用【图1】【图2】作为产品参考,保持产品外观与输入图一致。
[氛围/风格] 清新日常护肤场景,温暖自然光,生活感与精致感兼具,内容丰富有层次。
[元素布局] 画面分为上下两大步骤区域,各占约45%;上半部分为第一步「净颜透肌乳液」:展示手部按压泵头取乳液的动作特写,乳液质地在指尖呈现柔润质感,背景为洗手台场景有水龙头与白色毛巾;下半部分为第二步「赋活透肌水」:展示化妆棉蘸取爽肤水轻拍面部的动作,背景为梳妆台有镜子与小花瓶;中间有箭头连接两步;两瓶产品分别在对应步骤区域旁展示。
[光影质感] 整体暖调自然光,从窗户斜射入内,形成柔和光影,每个步骤区域都有独立主光与辅光,质感明亮温暖。
[配色色系] 全局底色 #FFF9F0 暖白渐变;主色浅橘粉 #F4B183;辅助色白色、浅木色、淡绿植物色。
[视角构图] 上下分栏步骤式构图,阅读动线从上至下。
[文字版式] 顶部大标题「两步水光护肤法」;上半区左上角编号「STEP 1 净颜」配说明「取适量乳液 温和清洁净透毛孔」;下半区左上角编号「STEP 2 赋活」配说明「轻拍透肌水 补水锁水焕亮」;每步右下角有小标签提示使用量与手法;文字清晰可读。
[比例] 9:16竖版,4K高清。
[负向提示词] 产品变形,人物手部变形,文字错乱,水印,画面模糊,步骤不清晰。
[第4屏] 成分解析 - 补水液核心保湿抗氧成分讲解页面。 [氛围/风格] 专业科研风,浅粉色干净背景,成分展示清晰直观,美妆护肤专业质感。 [元素布局] 页面顶部主标题,下方采用双行网格布局,每行展示一个核心成分,左侧为成分名称和来源图示,右侧为功效说明。每个成分搭配圆形icon,画面底部可放置完整产品瓶身小图,保持与输入图外观一致。背景为干净浅粉色,网格用白色分隔线,层次清晰。 [光影质感] 整体光线均匀柔和,成分图示区域清晰突出,文字明亮易读,没有强烈阴影。 [配色色系] 全局底色:#F8F0F4;成分卡片白色底色;主标题粉色,文字深灰色;icon浅粉色描边,整体保持粉色系柔和统一。 [视角构图] 纵向信息排版,从上到下依次为主标题、成分网格、产品图,符合移动端竖屏阅读,信息分区不拥挤。 [文字版式] 顶部主标题"核心成分 温和护肤",居中粉色大字体;第一行左"透明质酸"右"深层补水 持久锁水";第二行左"烟酰胺"右"焕亮肤色 改善暗沉";第三行左"抗氧复合物"右"对抗氧化 减少倦容",每个成分名称加粗,功效说明常规字重,排版整齐;底部产品图上方标注"科学复配 多重功效"小号文字。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 成分分区错乱,文字模糊重叠,产品变形,颜色偏差,背景杂乱,医疗化用词,虚假宣传。[第4屏] 成分解析 - 补水液核心保湿抗氧成分讲解页面。
[氛围/风格] 专业科研风,浅粉色干净背景,成分展示清晰直观,美妆护肤专业质感。
[元素布局] 页面顶部主标题,下方采用双行网格布局,每行展示一个核心成分,左侧为成分名称和来源图示,右侧为功效说明。每个成分搭配圆形icon,画面底部可放置完整产品瓶身小图,保持与输入图外观一致。背景为干净浅粉色,网格用白色分隔线,层次清晰。
[光影质感] 整体光线均匀柔和,成分图示区域清晰突出,文字明亮易读,没有强烈阴影。
[配色色系] 全局底色:#F8F0F4;成分卡片白色底色;主标题粉色,文字深灰色;icon浅粉色描边,整体保持粉色系柔和统一。
[视角构图] 纵向信息排版,从上到下依次为主标题、成分网格、产品图,符合移动端竖屏阅读,信息分区不拥挤。
[文字版式] 顶部主标题"核心成分 温和护肤",居中粉色大字体;第一行左"透明质酸"右"深层补水 持久锁水";第二行左"烟酰胺"右"焕亮肤色 改善暗沉";第三行左"抗氧复合物"右"对抗氧化 减少倦容",每个成分名称加粗,功效说明常规字重,排版整齐;底部产品图上方标注"科学复配 多重功效"小号文字。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 成分分区错乱,文字模糊重叠,产品变形,颜色偏差,背景杂乱,医疗化用词,虚假宣传。