创意预览图

电商详情页第五屏,杂志级精致排版,主色调薄荷绿+浅灰色,风格专业高级。画面以数据可视化图表为核心,搭配祛痘前后肌肤对比图,不展示产品主体,聚焦功效数据。主标题为"7天见效 28天焕新",副标题为"实测

用户头像

iMessags

2026.03.19
2:3 竖版比例,真实美妆实测对比电商详情页设计,简约轻奢细质轻奢风,温润高级哑光质感。关键元素为纵向排列的三组肌肤妆效前后对比模块,每组均采用左右分屏对称设计:第一组对应干皮卡粉肌肤问题,左侧 BEFORE 画面高清特写皮肤干燥、卡粉、粗糙起皮的原生状态,右侧 AFTER 画面呈现使用产品后皮肤平滑服帖、无卡粉起皮的自然妆效;第二组对应毛孔粗大与色沉问题,左侧 BEFORE 画面展示脸颊毛孔明显、面部局部色素沉淀的肌肤状态,右侧 AFTER 画面呈现毛孔隐形、肤色均匀透亮的妆后效果;第三组对应暗沉出油肌肤问题,左侧 BEFORE 画面展示皮肤暗沉无光、泛油光、肤色偏黄的状态,右侧 AFTER 画面呈现肌肤匀净提亮、去黄控油的妆后效果;每组对比图均为圆角矩形样式,图块底部居中标注 BEFORE 与 AFTER 字样,每组模块上方左侧标注对应肌肤问题描述,右上角标注 "USING COMPARISON" 小字装饰;画面底部标注一行小号免责说明文字。场景为专业美妆皮肤特写棚拍场景,采用柔和均匀的漫射柔光打光,皮肤纹理真实细腻,妆效自然不假面,真实还原妆前妆后的状态差异,无过度磨皮失真感。构图采用纵向三段式垂直布局,整体内容承载于一个大的白色圆角卡片容器内,卡片外两侧为浅米色背景,严格适配 2:3 竖版浏览动线;卡片顶部为标题区域,下方三组对比模块等距纵向依次排列,每组内部左右对称均分,整体构图规整有序,视觉动线自上而下流畅自然,留白均匀舒适,主次清晰。色彩色调采用低饱和暖米裸色系,整体色调柔和统一,外层背景为浅奶米色哑光质感,内容卡片为纯净白色,文字为深棕褐色,皮肤色调真实自然无过度调色,整体温润干净,营造真实可信的专业实测氛围。画面风格为写实美妆测评风格,兼具电商详情页的整洁设计感,画面干净清晰,对比效果直观强烈,突出真实妆效,增强产品说服力。背景要素为外层浅米色哑光纯色背景,内层白色圆角卡片容器,卡片边缘圆润柔和,无多余杂乱装饰元素,简洁干净,充分突出妆效对比内容。文字排版方面,卡片顶部标题区采用居中对称排版:第一行副标题为 "遮瑕力在线 一抹裸肤感",采用纤细常规字重字体;第二行主标题为 "内部实测反馈妆效",采用粗体大字号无衬线字体,醒目突出;主标题正下方标注小字英文 "PRODUCT COMPARISON";每组对比模块上方的文字采用左右对齐排布,左侧为问题描述文字,右侧为小号英文标注;对比图底部的 BEFORE/AFTER 字样居中排列;卡片最底部为小号灰色免责说明文字 "*以上图片源于内部员工提供使用的粉底液反馈图,实际效果因人而异"。排版形式采用居中对称排版 + 分栏模块化排版 + 大小层级排版,标题全部居中对齐,每组对比模块结构统一规整,通过字体大小、字重、颜色区分清晰的信息层级,整体排版逻辑清晰,阅读体验顺畅自然。设计感强调:采用圆角卡片式容器提升画面精致感与柔和度,三组不同维度的肌肤问题对比覆盖多元用户痛点,左右分屏的强对比形式直观呈现产品妆效,真实皮肤特写强化实测的可信度;统一的圆角设计柔化视觉感受,低饱和暖调营造舒适专业的美妆氛围;信息层级分明,阅读逻辑顺畅,既保证卖点传递高效,又兼具高端美妆的精致质感,有效打消用户顾虑,提升产品的专业感与说服力。基于参考图生成,保留整体布局与对比内容,按照描述优化风格质感2:3 竖版比例,真实美妆实测对比电商详情页设计,简约轻奢细质轻奢风,温润高级哑光质感。关键元素为纵向排列的三组肌肤妆效前后对比模块,每组均采用左右分屏对称设计:第一组对应干皮卡粉肌肤问题,左侧 BEFORE 画面高清特写皮肤干燥、卡粉、粗糙起皮的原生状态,右侧 AFTER 画面呈现使用产品后皮肤平滑服帖、无卡粉起皮的自然妆效;第二组对应毛孔粗大与色沉问题,左侧 BEFORE 画面展示脸颊毛孔明显、面部局部色素沉淀的肌肤状态,右侧 AFTER 画面呈现毛孔隐形、肤色均匀透亮的妆后效果;第三组对应暗沉出油肌肤问题,左侧 BEFORE 画面展示皮肤暗沉无光、泛油光、肤色偏黄的状态,右侧 AFTER 画面呈现肌肤匀净提亮、去黄控油的妆后效果;每组对比图均为圆角矩形样式,图块底部居中标注 BEFORE 与 AFTER 字样,每组模块上方左侧标注对应肌肤问题描述,右上角标注 "USING COMPARISON" 小字装饰;画面底部标注一行小号免责说明文字。场景为专业美妆皮肤特写棚拍场景,采用柔和均匀的漫射柔光打光,皮肤纹理真实细腻,妆效自然不假面,真实还原妆前妆后的状态差异,无过度磨皮失真感。构图采用纵向三段式垂直布局,整体内容承载于一个大的白色圆角卡片容器内,卡片外两侧为浅米色背景,严格适配 2:3 竖版浏览动线;卡片顶部为标题区域,下方三组对比模块等距纵向依次排列,每组内部左右对称均分,整体构图规整有序,视觉动线自上而下流畅自然,留白均匀舒适,主次清晰。色彩色调采用低饱和暖米裸色系,整体色调柔和统一,外层背景为浅奶米色哑光质感,内容卡片为纯净白色,文字为深棕褐色,皮肤色调真实自然无过度调色,整体温润干净,营造真实可信的专业实测氛围。画面风格为写实美妆测评风格,兼具电商详情页的整洁设计感,画面干净清晰,对比效果直观强烈,突出真实妆效,增强产品说服力。背景要素为外层浅米色哑光纯色背景,内层白色圆角卡片容器,卡片边缘圆润柔和,无多余杂乱装饰元素,简洁干净,充分突出妆效对比内容。文字排版方面,卡片顶部标题区采用居中对称排版:第一行副标题为 "遮瑕力在线 一抹裸肤感",采用纤细常规字重字体;第二行主标题为 "内部实测反馈妆效",采用粗体大字号无衬线字体,醒目突出;主标题正下方标注小字英文 "PRODUCT COMPARISON";每组对比模块上方的文字采用左右对齐排布,左侧为问题描述文字,右侧为小号英文标注;对比图底部的 BEFORE/AFTER 字样居中排列;卡片最底部为小号灰色免责说明文字 "*以上图片源于内部员工提供使用的粉底液反馈图,实际效果因人而异"。排版形式采用居中对称排版 + 分栏模块化排版 + 大小层级排版,标题全部居中对齐,每组对比模块结构统一规整,通过字体大小、字重、颜色区分清晰的信息层级,整体排版逻辑清晰,阅读体验顺畅自然。设计感强调:采用圆角卡片式容器提升画面精致感与柔和度,三组不同维度的肌肤问题对比覆盖多元用户痛点,左右分屏的强对比形式直观呈现产品妆效,真实皮肤特写强化实测的可信度;统一的圆角设计柔化视觉感受,低饱和暖调营造舒适专业的美妆氛围;信息层级分明,阅读逻辑顺畅,既保证卖点传递高效,又兼具高端美妆的精致质感,有效打消用户顾虑,提升产品的专业感与说服力。基于参考图生成,保留整体布局与对比内容,按照描述优化风格质感
美肌舒护素颜霜效果对比主图,参考参考图的排版风格 [氛围风格] 清新真实,简约专业 [画质] 高清商业人像摄影质感,细节清晰真实 [元素] 整体排版和参考图保持一致,顶部大标题,三个对比分区:第一个分区是整体脸部对比,左使用前右使用后,使用前可见瑕疵毛孔,使用后细腻透亮;第二个分区是局部皮肤对比,左使用前粗大毛孔瑕疵,右使用后细腻光滑;第三个分区是防水测试对比,左涂抹后遇水脱妆,右使用后防水防汗不脱妆。所有模特为青少年亚洲女性,保持整体风格和参考图一致。背景为浅蓝色+白色,和之前的主图风格统一。 [光影] 明亮均匀光线,对比清晰,皮肤细节真实可见 [配色] 主色调浅蓝色+白色,和参考图一致,对比清晰 [文字版式] 顶部大标题“光感裸妆 宛若妈生好皮”黑色大字,副标题“水润服帖 素颜也发光”小字;每个对比分区左BEFORE右AFTER,分区标题左侧文字,右侧蓝色圆角标签标注提升数据:第一个分区“24H不氧化不暗沉 持妆力+98.97%”,第二个分区“隐匿瑕疵更细腻 匀肤力+99.36%”,第三个分区“防水防汗不花妆 持妆力+98.97%”,文字排版和参考图一致,清晰对比强烈 [比例分辨率] 1:1比例,2k分辨率,超高清,文字清晰可辨 [负向提示词] 变形,文字错乱,对比夸张,模特不是青少年,背景杂乱,暗沉,和参考排版风格不符美肌舒护素颜霜效果对比主图,参考参考图的排版风格
[氛围风格] 清新真实,简约专业
[画质] 高清商业人像摄影质感,细节清晰真实
[元素] 整体排版和参考图保持一致,顶部大标题,三个对比分区:第一个分区是整体脸部对比,左使用前右使用后,使用前可见瑕疵毛孔,使用后细腻透亮;第二个分区是局部皮肤对比,左使用前粗大毛孔瑕疵,右使用后细腻光滑;第三个分区是防水测试对比,左涂抹后遇水脱妆,右使用后防水防汗不脱妆。所有模特为青少年亚洲女性,保持整体风格和参考图一致。背景为浅蓝色+白色,和之前的主图风格统一。
[光影] 明亮均匀光线,对比清晰,皮肤细节真实可见
[配色] 主色调浅蓝色+白色,和参考图一致,对比清晰
[文字版式] 顶部大标题“光感裸妆 宛若妈生好皮”黑色大字,副标题“水润服帖 素颜也发光”小字;每个对比分区左BEFORE右AFTER,分区标题左侧文字,右侧蓝色圆角标签标注提升数据:第一个分区“24H不氧化不暗沉 持妆力+98.97%”,第二个分区“隐匿瑕疵更细腻 匀肤力+99.36%”,第三个分区“防水防汗不花妆 持妆力+98.97%”,文字排版和参考图一致,清晰对比强烈
[比例分辨率] 1:1比例,2k分辨率,超高清,文字清晰可辨
[负向提示词] 变形,文字错乱,对比夸张,模特不是青少年,背景杂乱,暗沉,和参考排版风格不符
[第3屏] 喜辽复净痘洁面啫喱核心成分功效说明屏。参考【图1】浅绿清新风格,无需产品主体展示,以成分信息为主。 [氛围/风格] 专业科研风,浅绿背景,干净通透,信息排版清晰,突出专业护肤感。 [元素布局] 顶部大标题区域,中间分两行网格排列展示核心成分,每个成分占一半区域,左侧搭配成分小图标,右侧文字说明。成分分别为1. 水杨酸:软化角质,疏通毛孔;2. 净痘因子:舒缓痘肌,减少闭口;3. 泛醇:保湿舒缓,不拔干;4. 烟酰胺:调理肤质,细腻毛孔。每个成分区域为浅白色卡片,带浅绿色边框,页面底部放置一行总结文案,整体排版规整不拥挤。 [光影质感] 整体均匀柔光,信息卡片有轻微阴影增加层次感,文字清晰,无明暗死黑区域。 [配色色系] 全局底色:#f0f8f2;卡片背景#ffffff;边框#81c784;文字#2e7d32;整体统一浅绿白色系,和参考风格一致。 [视角构图] 从上到下排版,标题+两栏网格+底部总结,结构清晰,阅读顺序明确。 [文字版式] 顶部主标题"核心成分 科学净痘",粗体大字号。网格中每个成分标题加粗,说明文字常规字号,清晰分点,不重叠不拥挤,符合移动端阅读。 [比例分辨率] 9:16竖版,4K分辨率,文字清晰可辨。 [负向提示词] 文字错乱,排版拥挤,颜色杂乱,背景花哨,成分文字错误,虚假功效宣传[第3屏] 喜辽复净痘洁面啫喱核心成分功效说明屏。参考【图1】浅绿清新风格,无需产品主体展示,以成分信息为主。
[氛围/风格] 专业科研风,浅绿背景,干净通透,信息排版清晰,突出专业护肤感。
[元素布局] 顶部大标题区域,中间分两行网格排列展示核心成分,每个成分占一半区域,左侧搭配成分小图标,右侧文字说明。成分分别为1. 水杨酸:软化角质,疏通毛孔;2. 净痘因子:舒缓痘肌,减少闭口;3. 泛醇:保湿舒缓,不拔干;4. 烟酰胺:调理肤质,细腻毛孔。每个成分区域为浅白色卡片,带浅绿色边框,页面底部放置一行总结文案,整体排版规整不拥挤。
[光影质感] 整体均匀柔光,信息卡片有轻微阴影增加层次感,文字清晰,无明暗死黑区域。
[配色色系] 全局底色:#f0f8f2;卡片背景#ffffff;边框#81c784;文字#2e7d32;整体统一浅绿白色系,和参考风格一致。
[视角构图] 从上到下排版,标题+两栏网格+底部总结,结构清晰,阅读顺序明确。
[文字版式] 顶部主标题"核心成分 科学净痘",粗体大字号。网格中每个成分标题加粗,说明文字常规字号,清晰分点,不重叠不拥挤,符合移动端阅读。
[比例分辨率] 9:16竖版,4K分辨率,文字清晰可辨。
[负向提示词] 文字错乱,排版拥挤,颜色杂乱,背景花哨,成分文字错误,虚假功效宣传
[第2屏] 美容院团购详情页痛点场景对比屏,左侧展示护肤前问题,右侧展示护理后改善。[氛围/风格] 清晰直观对比风格,柔和光影,专业真实,干净简约。[元素布局] 画面分为左右两栏,左侧标题"日常护肤困扰",放暗沉缺水、干燥粗糙等问题示意图示,文字标注对应的问题;右侧标题"团购护理改善",对应放焕亮水润、细腻平滑等改善效果示意图示,文字标注对应改善点;画面顶部放整屏大标题"给肌肤一次精致焕新",底部放引导文字"专业护理解决日常护肤难题"。左右对比清晰,每侧占比约45%,间距适中。[光影质感] 整体均匀打光,左右光影一致,对比清晰,没有过暗或过曝区域,文字和图示都清晰可见。[配色色系] 全局底色:#f8f5f2(浅米暖白);主体配色:#d4af8a(浅金)+#8a9d84(莫兰迪绿);辅助色:#e66465(问题红)+#51cf66(改善绿)。[视角构图] 正面排版,左右对称分栏,信息层级从上到下再分左右,符合用户阅读习惯。[文字版式] 顶部大标题居中,主标题加粗深灰色,左右分栏各有小标题,问题和改善点用短句标注,图标搭配文字,文字不遮挡图示,清晰易读。[比例分辨率] 宽高比9:16,4K分辨率,文字清晰可辨,超高清。[负向提示词] 变形,水印,文字错乱,颜色对比不清晰,低俗擦边,夸张医疗化描述,结构错误。[第2屏] 美容院团购详情页痛点场景对比屏,左侧展示护肤前问题,右侧展示护理后改善。[氛围/风格] 清晰直观对比风格,柔和光影,专业真实,干净简约。[元素布局] 画面分为左右两栏,左侧标题"日常护肤困扰",放暗沉缺水、干燥粗糙等问题示意图示,文字标注对应的问题;右侧标题"团购护理改善",对应放焕亮水润、细腻平滑等改善效果示意图示,文字标注对应改善点;画面顶部放整屏大标题"给肌肤一次精致焕新",底部放引导文字"专业护理解决日常护肤难题"。左右对比清晰,每侧占比约45%,间距适中。[光影质感] 整体均匀打光,左右光影一致,对比清晰,没有过暗或过曝区域,文字和图示都清晰可见。[配色色系] 全局底色:#f8f5f2(浅米暖白);主体配色:#d4af8a(浅金)+#8a9d84(莫兰迪绿);辅助色:#e66465(问题红)+#51cf66(改善绿)。[视角构图] 正面排版,左右对称分栏,信息层级从上到下再分左右,符合用户阅读习惯。[文字版式] 顶部大标题居中,主标题加粗深灰色,左右分栏各有小标题,问题和改善点用短句标注,图标搭配文字,文字不遮挡图示,清晰易读。[比例分辨率] 宽高比9:16,4K分辨率,文字清晰可辨,超高清。[负向提示词] 变形,水印,文字错乱,颜色对比不清晰,低俗擦边,夸张医疗化描述,结构错误。
[第6屏] 适用肤质人群页-恒琰堂素颜美肌套装肤质匹配与困扰解决。本屏为成分机理说明屏,无需产品外观垫图。 [氛围/风格] 清新护肤科普风,浅薄荷绿渐变背景,肌肤微距质感,专业温和有说服力。 [元素布局] 画面上半部分为四格肤质卡片横向排列,每格配圆形肌肤纹理微距图;下半部分为三大肌肤困扰解决卡片,配对应图标;背景有水珠、精华液滴、植物叶片等装饰元素;整体层次丰富,不少于3层视觉。 [光影质感] 顶部柔光均匀照明,卡片有轻微投影,肌肤微距图有自然光泽,整体通透明亮。 [配色色系] 全局底色 #E8F5F3 浅薄荷绿;主色 #00897B 青绿色;辅助色 #FFFFFF 白色卡片、#FFE4B5 浅金色点缀。 [视角构图] 上下分栏布局,上半部分四格肤质,下半部分三格困扰,阅读动线自上而下。 [文字版式] 顶部主标题「这些肌肤困扰 可关注」,副标题「多肤质适用 温和改善」;上半四格肤质卡片:「干燥肌 缺水紧绷 深层润泽」「暗沉肌 发黄无光 提亮焕颜」「混合肌 水油不均 平衡调理」「敏感肌 脆弱易敏 温和修护」;下半三格困扰:「熬夜暗黄」「干燥缺水」「肤色不均」,每格配勾选图标和改善说明。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 医疗术语,治疗承诺,绝对化用语,水印,文字过小,产品图错误。[第6屏] 适用肤质人群页-恒琰堂素颜美肌套装肤质匹配与困扰解决。本屏为成分机理说明屏,无需产品外观垫图。
[氛围/风格] 清新护肤科普风,浅薄荷绿渐变背景,肌肤微距质感,专业温和有说服力。
[元素布局] 画面上半部分为四格肤质卡片横向排列,每格配圆形肌肤纹理微距图;下半部分为三大肌肤困扰解决卡片,配对应图标;背景有水珠、精华液滴、植物叶片等装饰元素;整体层次丰富,不少于3层视觉。
[光影质感] 顶部柔光均匀照明,卡片有轻微投影,肌肤微距图有自然光泽,整体通透明亮。
[配色色系] 全局底色 #E8F5F3 浅薄荷绿;主色 #00897B 青绿色;辅助色 #FFFFFF 白色卡片、#FFE4B5 浅金色点缀。
[视角构图] 上下分栏布局,上半部分四格肤质,下半部分三格困扰,阅读动线自上而下。
[文字版式] 顶部主标题「这些肌肤困扰 可关注」,副标题「多肤质适用 温和改善」;上半四格肤质卡片:「干燥肌 缺水紧绷 深层润泽」「暗沉肌 发黄无光 提亮焕颜」「混合肌 水油不均 平衡调理」「敏感肌 脆弱易敏 温和修护」;下半三格困扰:「熬夜暗黄」「干燥缺水」「肤色不均」,每格配勾选图标和改善说明。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 医疗术语,治疗承诺,绝对化用语,水印,文字过小,产品图错误。