创意预览图

电商详情页第五屏,杂志级精致排版,主色调薄荷绿+浅灰色,风格专业高级。画面以数据可视化图表为核心,搭配祛痘前后肌肤对比图,不展示产品主体,聚焦功效数据。主标题为"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 字样居中排列;卡片最底部为小号灰色免责说明文字 "*以上图片源于内部员工提供使用的粉底液反馈图,实际效果因人而异"。排版形式采用居中对称排版 + 分栏模块化排版 + 大小层级排版,标题全部居中对齐,每组对比模块结构统一规整,通过字体大小、字重、颜色区分清晰的信息层级,整体排版逻辑清晰,阅读体验顺畅自然。设计感强调:采用圆角卡片式容器提升画面精致感与柔和度,三组不同维度的肌肤问题对比覆盖多元用户痛点,左右分屏的强对比形式直观呈现产品妆效,真实皮肤特写强化实测的可信度;统一的圆角设计柔化视觉感受,低饱和暖调营造舒适专业的美妆氛围;信息层级分明,阅读逻辑顺畅,既保证卖点传递高效,又兼具高端美妆的精致质感,有效打消用户顾虑,提升产品的专业感与说服力。基于参考图生成,保留整体布局与对比内容,按照描述优化风格质感
[第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分辨率,文字清晰可辨。
[负向提示词] 文字错乱,排版拥挤,颜色杂乱,背景花哨,成分文字错误,虚假功效宣传
美肌舒护素颜霜效果对比主图,参考参考图的排版风格 [氛围风格] 清新真实,简约专业 [画质] 高清商业人像摄影质感,细节清晰真实 [元素] 整体排版和参考图保持一致,顶部大标题,三个对比分区:第一个分区是整体脸部对比,左使用前右使用后,使用前可见瑕疵毛孔,使用后细腻透亮;第二个分区是局部皮肤对比,左使用前粗大毛孔瑕疵,右使用后细腻光滑;第三个分区是防水测试对比,左涂抹后遇水脱妆,右使用后防水防汗不脱妆。所有模特为青少年亚洲女性,保持整体风格和参考图一致。背景为浅蓝色+白色,和之前的主图风格统一。 [光影] 明亮均匀光线,对比清晰,皮肤细节真实可见 [配色] 主色调浅蓝色+白色,和参考图一致,对比清晰 [文字版式] 顶部大标题“光感裸妆 宛若妈生好皮”黑色大字,副标题“水润服帖 素颜也发光”小字;每个对比分区左BEFORE右AFTER,分区标题左侧文字,右侧蓝色圆角标签标注提升数据:第一个分区“24H不氧化不暗沉 持妆力+98.97%”,第二个分区“隐匿瑕疵更细腻 匀肤力+99.36%”,第三个分区“防水防汗不花妆 持妆力+98.97%”,文字排版和参考图一致,清晰对比强烈 [比例分辨率] 1:1比例,2k分辨率,超高清,文字清晰可辨 [负向提示词] 变形,文字错乱,对比夸张,模特不是青少年,背景杂乱,暗沉,和参考排版风格不符美肌舒护素颜霜效果对比主图,参考参考图的排版风格
[氛围风格] 清新真实,简约专业
[画质] 高清商业人像摄影质感,细节清晰真实
[元素] 整体排版和参考图保持一致,顶部大标题,三个对比分区:第一个分区是整体脸部对比,左使用前右使用后,使用前可见瑕疵毛孔,使用后细腻透亮;第二个分区是局部皮肤对比,左使用前粗大毛孔瑕疵,右使用后细腻光滑;第三个分区是防水测试对比,左涂抹后遇水脱妆,右使用后防水防汗不脱妆。所有模特为青少年亚洲女性,保持整体风格和参考图一致。背景为浅蓝色+白色,和之前的主图风格统一。
[光影] 明亮均匀光线,对比清晰,皮肤细节真实可见
[配色] 主色调浅蓝色+白色,和参考图一致,对比清晰
[文字版式] 顶部大标题“光感裸妆 宛若妈生好皮”黑色大字,副标题“水润服帖 素颜也发光”小字;每个对比分区左BEFORE右AFTER,分区标题左侧文字,右侧蓝色圆角标签标注提升数据:第一个分区“24H不氧化不暗沉 持妆力+98.97%”,第二个分区“隐匿瑕疵更细腻 匀肤力+99.36%”,第三个分区“防水防汗不花妆 持妆力+98.97%”,文字排版和参考图一致,清晰对比强烈
[比例分辨率] 1:1比例,2k分辨率,超高清,文字清晰可辨
[负向提示词] 变形,文字错乱,对比夸张,模特不是青少年,背景杂乱,暗沉,和参考排版风格不符
2:3竖版8K超高清3D渲染质感粉底液毛孔遮瑕原理详情页模块,保持温润科技风,暖调医美可视化质感,柔和均匀漫射柔光笼罩画面,整体干净通透,以直观横截面形式呈现产品填充毛孔、细化肤质的作用原理,兼具专业感与亲肤质感。背景为纯净浅暖裸粉色柔雾渐变,自上而下色调柔和过渡,无冗余杂物,低饱和暖调配色温润亲肤,与肌肤主题高度契合。整体采用上文下图的纵向居中布局,从上至下依次为顶部标题说明区、中部肌肤横截面原理可视化核心区,信息层级清晰递进,原理展示直观易懂。画面顶部居中排布文字组,采用简约无衬线字体,运用大小层级区分信息权重:主标题"填充毛孔及细纹 肌肤更细腻"为大号加粗深棕色字体,字重醒目清晰;主标题下方排布两行常规深棕色说明文字,依次为"碱性粉体,具有一定吸油效果"、"淡化皮肤缺陷(毛孔、不均匀肤色),妆容更加自然",字号适中,清晰阐释产品作用机制与最终妆效。画面中下部为核心3D原理可视化区域,分层呈现肌肤横截面结构与粉体作用过程,层次分明质感通透:最下层为饱满的真皮层细胞结构,由多排圆润饱满淡粉色透明细胞紧密排列而成,细胞通透莹润带有自然高光,模拟肌肤水润饱满原生状态;中间层为平整浅粉色肌肤表层基底;表层上方排列两排凹凸起伏浅粉色球形毛孔结构,还原粗糙肌肤毛孔凹陷纹理;两颗带有多孔粉质肌理的淡粉色透明粉体球悬浮在毛孔正上方,每颗粉体下方搭配半透明浅粉色向下箭头,直观呈现粉体下沉、填充毛孔凹陷的作用过程,粉体质感通透细腻,内部多孔结构清晰可辨,精准还原吸油粉体微观形态。整体色彩以暖调裸粉、浅肉粉色为统一基调,同色系深浅渐变区分肌肤不同层级,通透质感柔和高级,深棕色文字清晰醒目且不破坏整体温润氛围,色调统一和谐,精准契合底妆产品亲肤养肤调性。设计上以横截面3D可视化形式具象化抽象遮瑕原理,分层结构清晰呈现肌肤层次,箭头引导强化作用逻辑,整体风格温润克制,兼具专业说服力与高级视觉质感,适配粉底液等底妆产品详情页毛孔遮瑕、肤质细化功效原理展示场景。2:3竖版8K超高清3D渲染质感粉底液毛孔遮瑕原理详情页模块,保持温润科技风,暖调医美可视化质感,柔和均匀漫射柔光笼罩画面,整体干净通透,以直观横截面形式呈现产品填充毛孔、细化肤质的作用原理,兼具专业感与亲肤质感。背景为纯净浅暖裸粉色柔雾渐变,自上而下色调柔和过渡,无冗余杂物,低饱和暖调配色温润亲肤,与肌肤主题高度契合。整体采用上文下图的纵向居中布局,从上至下依次为顶部标题说明区、中部肌肤横截面原理可视化核心区,信息层级清晰递进,原理展示直观易懂。画面顶部居中排布文字组,采用简约无衬线字体,运用大小层级区分信息权重:主标题"填充毛孔及细纹 肌肤更细腻"为大号加粗深棕色字体,字重醒目清晰;主标题下方排布两行常规深棕色说明文字,依次为"碱性粉体,具有一定吸油效果"、"淡化皮肤缺陷(毛孔、不均匀肤色),妆容更加自然",字号适中,清晰阐释产品作用机制与最终妆效。画面中下部为核心3D原理可视化区域,分层呈现肌肤横截面结构与粉体作用过程,层次分明质感通透:最下层为饱满的真皮层细胞结构,由多排圆润饱满淡粉色透明细胞紧密排列而成,细胞通透莹润带有自然高光,模拟肌肤水润饱满原生状态;中间层为平整浅粉色肌肤表层基底;表层上方排列两排凹凸起伏浅粉色球形毛孔结构,还原粗糙肌肤毛孔凹陷纹理;两颗带有多孔粉质肌理的淡粉色透明粉体球悬浮在毛孔正上方,每颗粉体下方搭配半透明浅粉色向下箭头,直观呈现粉体下沉、填充毛孔凹陷的作用过程,粉体质感通透细腻,内部多孔结构清晰可辨,精准还原吸油粉体微观形态。整体色彩以暖调裸粉、浅肉粉色为统一基调,同色系深浅渐变区分肌肤不同层级,通透质感柔和高级,深棕色文字清晰醒目且不破坏整体温润氛围,色调统一和谐,精准契合底妆产品亲肤养肤调性。设计上以横截面3D可视化形式具象化抽象遮瑕原理,分层结构清晰呈现肌肤层次,箭头引导强化作用逻辑,整体风格温润克制,兼具专业说服力与高级视觉质感,适配粉底液等底妆产品详情页毛孔遮瑕、肤质细化功效原理展示场景。
[第2屏] 美容院团购详情页痛点场景对比屏,左侧展示护肤前问题,右侧展示护理后改善。[氛围/风格] 清晰直观对比风格,柔和光影,专业真实,干净简约。[元素布局] 画面分为左右两栏,左侧标题"日常护肤困扰",放暗沉缺水、干燥粗糙等问题示意图示,文字标注对应的问题;右侧标题"团购护理改善",对应放焕亮水润、细腻平滑等改善效果示意图示,文字标注对应改善点;画面顶部放整屏大标题"给肌肤一次精致焕新",底部放引导文字"专业护理解决日常护肤难题"。左右对比清晰,每侧占比约45%,间距适中。[光影质感] 整体均匀打光,左右光影一致,对比清晰,没有过暗或过曝区域,文字和图示都清晰可见。[配色色系] 全局底色:#f8f5f2(浅米暖白);主体配色:#d4af8a(浅金)+#8a9d84(莫兰迪绿);辅助色:#e66465(问题红)+#51cf66(改善绿)。[视角构图] 正面排版,左右对称分栏,信息层级从上到下再分左右,符合用户阅读习惯。[文字版式] 顶部大标题居中,主标题加粗深灰色,左右分栏各有小标题,问题和改善点用短句标注,图标搭配文字,文字不遮挡图示,清晰易读。[比例分辨率] 宽高比9:16,4K分辨率,文字清晰可辨,超高清。[负向提示词] 变形,水印,文字错乱,颜色对比不清晰,低俗擦边,夸张医疗化描述,结构错误。[第2屏] 美容院团购详情页痛点场景对比屏,左侧展示护肤前问题,右侧展示护理后改善。[氛围/风格] 清晰直观对比风格,柔和光影,专业真实,干净简约。[元素布局] 画面分为左右两栏,左侧标题"日常护肤困扰",放暗沉缺水、干燥粗糙等问题示意图示,文字标注对应的问题;右侧标题"团购护理改善",对应放焕亮水润、细腻平滑等改善效果示意图示,文字标注对应改善点;画面顶部放整屏大标题"给肌肤一次精致焕新",底部放引导文字"专业护理解决日常护肤难题"。左右对比清晰,每侧占比约45%,间距适中。[光影质感] 整体均匀打光,左右光影一致,对比清晰,没有过暗或过曝区域,文字和图示都清晰可见。[配色色系] 全局底色:#f8f5f2(浅米暖白);主体配色:#d4af8a(浅金)+#8a9d84(莫兰迪绿);辅助色:#e66465(问题红)+#51cf66(改善绿)。[视角构图] 正面排版,左右对称分栏,信息层级从上到下再分左右,符合用户阅读习惯。[文字版式] 顶部大标题居中,主标题加粗深灰色,左右分栏各有小标题,问题和改善点用短句标注,图标搭配文字,文字不遮挡图示,清晰易读。[比例分辨率] 宽高比9:16,4K分辨率,文字清晰可辨,超高清。[负向提示词] 变形,水印,文字错乱,颜色对比不清晰,低俗擦边,夸张医疗化描述,结构错误。