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

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

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

用户头像

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次
第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张 真人效果展示-面部肌肤提亮匀净状态。本张使用【图1】作为产品,置于画面底部。 [氛围/风格] 真实护肤效果展示风,自然光感,肌肤通透有光泽,商业人像摄影质感。 [元素布局] 画面上半部分为亚洲女性模特半身面部特写,肌肤匀净透亮,面带微笑,手轻触脸颊;模特旁有3个编号标注指向面部不同区域,展示提亮、淡斑、细致毛孔效果;底部放置祛斑液产品图,占比约20%,瓶身与输入图一致;背景为柔和的米白渐变,带自然光斑和绿植虚化前景。 [光影质感] 窗边自然光,柔和侧逆光,肌肤有自然高光和通透感,阴影柔和不生硬。 [配色色系] 全局底色 #FAF7F2 米白暖调;主色自然肤色;辅助色浅绿植物、白色;点缀色金色瓶盖呼应。 [视角构图] 正面微侧,模特居上半部分,阅读动线顶部人物 → 中部编号效果 → 底部产品。 [文字版式] 左上角主标题「看得见的透亮改变」,副标题「肌肤由内而外散发光泽」;3个编号效果标注「① 色斑淡化」「② 肤色提亮」「③ 毛孔细致」,每条配简短体验描述;底部产品旁标注「坚持使用 肌肤状态稳步提升」;文字不遮挡人物面部关键区域。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 夸张前后对比,医疗效果承诺,黑金风格,水印,文字错乱,产品变形,优惠信息。第4张 真人效果展示-面部肌肤提亮匀净状态。本张使用【图1】作为产品,置于画面底部。
[氛围/风格] 真实护肤效果展示风,自然光感,肌肤通透有光泽,商业人像摄影质感。
[元素布局] 画面上半部分为亚洲女性模特半身面部特写,肌肤匀净透亮,面带微笑,手轻触脸颊;模特旁有3个编号标注指向面部不同区域,展示提亮、淡斑、细致毛孔效果;底部放置祛斑液产品图,占比约20%,瓶身与输入图一致;背景为柔和的米白渐变,带自然光斑和绿植虚化前景。
[光影质感] 窗边自然光,柔和侧逆光,肌肤有自然高光和通透感,阴影柔和不生硬。
[配色色系] 全局底色 #FAF7F2 米白暖调;主色自然肤色;辅助色浅绿植物、白色;点缀色金色瓶盖呼应。
[视角构图] 正面微侧,模特居上半部分,阅读动线顶部人物 → 中部编号效果 → 底部产品。
[文字版式] 左上角主标题「看得见的透亮改变」,副标题「肌肤由内而外散发光泽」;3个编号效果标注「① 色斑淡化」「② 肤色提亮」「③ 毛孔细致」,每条配简短体验描述;底部产品旁标注「坚持使用 肌肤状态稳步提升」;文字不遮挡人物面部关键区域。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 夸张前后对比,医疗效果承诺,黑金风格,水印,文字错乱,产品变形,优惠信息。
[第4屏] 成分解析 - 补水液核心保湿抗氧成分讲解页面。 [氛围/风格] 专业科研风,浅粉色干净背景,成分展示清晰直观,美妆护肤专业质感。 [元素布局] 页面顶部主标题,下方采用双行网格布局,每行展示一个核心成分,左侧为成分名称和来源图示,右侧为功效说明。每个成分搭配圆形icon,画面底部可放置完整产品瓶身小图,保持与输入图外观一致。背景为干净浅粉色,网格用白色分隔线,层次清晰。 [光影质感] 整体光线均匀柔和,成分图示区域清晰突出,文字明亮易读,没有强烈阴影。 [配色色系] 全局底色:#F8F0F4;成分卡片白色底色;主标题粉色,文字深灰色;icon浅粉色描边,整体保持粉色系柔和统一。 [视角构图] 纵向信息排版,从上到下依次为主标题、成分网格、产品图,符合移动端竖屏阅读,信息分区不拥挤。 [文字版式] 顶部主标题"核心成分 温和护肤",居中粉色大字体;第一行左"透明质酸"右"深层补水 持久锁水";第二行左"烟酰胺"右"焕亮肤色 改善暗沉";第三行左"抗氧复合物"右"对抗氧化 减少倦容",每个成分名称加粗,功效说明常规字重,排版整齐;底部产品图上方标注"科学复配 多重功效"小号文字。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 成分分区错乱,文字模糊重叠,产品变形,颜色偏差,背景杂乱,医疗化用词,虚假宣传。[第4屏] 成分解析 - 补水液核心保湿抗氧成分讲解页面。
[氛围/风格] 专业科研风,浅粉色干净背景,成分展示清晰直观,美妆护肤专业质感。
[元素布局] 页面顶部主标题,下方采用双行网格布局,每行展示一个核心成分,左侧为成分名称和来源图示,右侧为功效说明。每个成分搭配圆形icon,画面底部可放置完整产品瓶身小图,保持与输入图外观一致。背景为干净浅粉色,网格用白色分隔线,层次清晰。
[光影质感] 整体光线均匀柔和,成分图示区域清晰突出,文字明亮易读,没有强烈阴影。
[配色色系] 全局底色:#F8F0F4;成分卡片白色底色;主标题粉色,文字深灰色;icon浅粉色描边,整体保持粉色系柔和统一。
[视角构图] 纵向信息排版,从上到下依次为主标题、成分网格、产品图,符合移动端竖屏阅读,信息分区不拥挤。
[文字版式] 顶部主标题"核心成分 温和护肤",居中粉色大字体;第一行左"透明质酸"右"深层补水 持久锁水";第二行左"烟酰胺"右"焕亮肤色 改善暗沉";第三行左"抗氧复合物"右"对抗氧化 减少倦容",每个成分名称加粗,功效说明常规字重,排版整齐;底部产品图上方标注"科学复配 多重功效"小号文字。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 成分分区错乱,文字模糊重叠,产品变形,颜色偏差,背景杂乱,医疗化用词,虚假宣传。
[主图-5] 淘宝/天猫3:4竖版成分矩阵主图,唯一任务:展示5重润养成份与功效,角鲨烷放C位金色高亮;参考第8张参考图的“环绕式圆形图标加文字标签、自然植萃氛围”构图,但主体必须是浅蓝色发膜,所有可见文案改为中文指定文案。 [统一基调] 奶油白至浅蓝柔和渐变背景;标题深海军蓝粗黑体,辅助文字浅灰蓝细黑体,强调色玫瑰粉与淡金;主标题最大最粗,说明字号小一半以上;满版无边框;产品浅蓝色瓶身保持与输入图完全一致。 [画面] 浅蓝色泵头发膜瓶完整居中,占画面约45%;产品周围环绕5个圆形图标加引线标签,标签从上到下分布:椰子油+玫瑰花油对应强润养改善干枯毛躁、突厥蔷薇花水对应保湿舒缓补水、维生素E对应滋养抗氧化、透明质酸对应补水锁水水光感、角鲨烷对应轻薄渗透锁水封层提亮水光;其中角鲨烷标签放在产品正上方C位、圆形图标更大并配淡金色描边与光晕;背景融入新鲜椰子切片、玫瑰花瓣、晶莹水珠等植萃元素,氛围清透自然。 [光影质感] 商业护肤品摄影加高端信息图质感,产品高光细腻、标签图标精致,水珠透亮,花瓣真实,整体干净通透。 [配色] 背景奶油白到浅蓝柔和渐变,深海军蓝标题,五个圆形图标浅白底淡蓝描边,角鲨烷图标金色高亮,玫瑰粉仅作花瓣点缀。 [文字版式] 上图可见文案全部中文:主标题"5重润养 告别干枯毛躁"最大最粗、深海军蓝、置于顶部;每个标签两行短句,例如"椰子油+玫瑰花油 强润养""突厥蔷薇花水 保湿舒缓""维生素E 滋养抗氧化""透明质酸 补水锁水""角鲨烷 锁水封层 提亮水光";不加水印、不加平台Logo、不用绝对化词。 [输出要求] 3:4竖版比例,标题与成分标签清晰可读、无错字,产品清晰无变形,图标不重叠;禁止错字、产品变形、标签重叠遮挡、模糊、杂乱、水印、平台Logo。[主图-5] 淘宝/天猫3:4竖版成分矩阵主图,唯一任务:展示5重润养成份与功效,角鲨烷放C位金色高亮;参考第8张参考图的“环绕式圆形图标加文字标签、自然植萃氛围”构图,但主体必须是浅蓝色发膜,所有可见文案改为中文指定文案。
[统一基调] 奶油白至浅蓝柔和渐变背景;标题深海军蓝粗黑体,辅助文字浅灰蓝细黑体,强调色玫瑰粉与淡金;主标题最大最粗,说明字号小一半以上;满版无边框;产品浅蓝色瓶身保持与输入图完全一致。
[画面] 浅蓝色泵头发膜瓶完整居中,占画面约45%;产品周围环绕5个圆形图标加引线标签,标签从上到下分布:椰子油+玫瑰花油对应强润养改善干枯毛躁、突厥蔷薇花水对应保湿舒缓补水、维生素E对应滋养抗氧化、透明质酸对应补水锁水水光感、角鲨烷对应轻薄渗透锁水封层提亮水光;其中角鲨烷标签放在产品正上方C位、圆形图标更大并配淡金色描边与光晕;背景融入新鲜椰子切片、玫瑰花瓣、晶莹水珠等植萃元素,氛围清透自然。
[光影质感] 商业护肤品摄影加高端信息图质感,产品高光细腻、标签图标精致,水珠透亮,花瓣真实,整体干净通透。
[配色] 背景奶油白到浅蓝柔和渐变,深海军蓝标题,五个圆形图标浅白底淡蓝描边,角鲨烷图标金色高亮,玫瑰粉仅作花瓣点缀。
[文字版式] 上图可见文案全部中文:主标题"5重润养 告别干枯毛躁"最大最粗、深海军蓝、置于顶部;每个标签两行短句,例如"椰子油+玫瑰花油 强润养""突厥蔷薇花水 保湿舒缓""维生素E 滋养抗氧化""透明质酸 补水锁水""角鲨烷 锁水封层 提亮水光";不加水印、不加平台Logo、不用绝对化词。
[输出要求] 3:4竖版比例,标题与成分标签清晰可读、无错字,产品清晰无变形,图标不重叠;禁止错字、产品变形、标签重叠遮挡、模糊、杂乱、水印、平台Logo。