创意预览图

「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」再根据这些信息生成一个详情页图

用户头像

1qca0hhihl_...

2026.07.13
2:3 竖版电商美妆防晒产品详情页成分功效模块,简约专业的护肤成分科普风格,背景为柔和均匀的浅香芋紫渐变底色,整体干净通透,信息层级清晰,营造专业可信的成分解析视觉调性。画面采用自上而下的纵向流式排版,模块区分明确,留白充足,阅读节奏舒适。 画面最上方为标题区域,居中排布三级标题:前两行是大字号黑色粗体主标题「多重植萃御氧⁵」「狙击二次光老化⁶」,字体厚重醒目,视觉冲击力强;第三行是副标题「防晒够深入」,其中 “防晒” 为黑色,“够深入” 为暖棕金色,字号稍小,形成视觉层次区分。标题下方为一段深灰色常规字号说明正文:「小金帽防晒添加多重御氧植萃,能很好地对抗自由基,抵御防晒过程中的二次光老化⁶」,行间距宽松,易读性佳。 正文下方设置浅灰白色圆角矩形提示框,带有细微阴影增加层次感,框内左侧标注「TIPS:」标识,后跟深灰色小字科普说明:「防晒剂在吸收紫外线的同时,也会产生一定的自由基,生成过氧化脂质,促使皮肤老化。」 提示框下方为核心的白色圆角卡片模块,带有柔和投影,模拟成分查询 APP 的界面质感,是画面的主体内容。卡片顶部左侧为黑色粗体产品名称「摩肯轻薄透气防晒乳」,旁带下箭头图标;右侧为紫色描边圆角按钮,内部搭配紫色文字「测肤者匹配度」与相机小图标。产品名下方标注深灰色产地文字「韩国」,再下方是一行浅灰色基础信息栏:「产地:韩国・保质期: 36 个月・使用方法:使用前充分摇匀产品后,在容...」,末尾搭配向右箭头标识。 卡片中部为标签导航栏,设置三个选项卡:「功效与安全」为黑色加粗样式,下方配有紫色短下划线,标识当前选中状态;「修宝评分」「相似推荐」为浅灰色,呈现未选中状态。导航栏下方为「产品功效」板块,左侧是黑色标题文字,旁附问号帮助图标,右侧是紫色文字「1 项功效报告」搭配向右箭头;标题下方配有盾牌形线性图标与黑色文字「防晒」。 再下方为「成分功效」板块,左侧是黑色标题文字,右侧是紫色文字「全成分表 」搭配向右箭头;内容采用左右两列对称布局,每项功效前搭配对应简约线性图标:左列依次为「物理防晒 1 种」「皮肤调理 1 种」;右列依次为「舒缓 1 种」「抗氧化⁵ 4 种」,其中抗氧化项额外增加紫色圆角外框进行高亮标注,突出核心卖点。 画面最底部居中位置,标注一行浅灰色小字免责声明:「* 以上为原料功效描述,不作具体功效证明」。整体配色克制高级,以浅紫为基底、白色为内容载体、黑色为主文字、紫色为高亮强调色、暖金色为点缀色,统一圆角规范,图标均为简约线性风格,界面精致规整,专业感强,完美适配竖版电商详情页成分卖点解析模块使用。「图片1」2:3 竖版电商美妆防晒产品详情页成分功效模块,简约专业的护肤成分科普风格,背景为柔和均匀的浅香芋紫渐变底色,整体干净通透,信息层级清晰,营造专业可信的成分解析视觉调性。画面采用自上而下的纵向流式排版,模块区分明确,留白充足,阅读节奏舒适。
画面最上方为标题区域,居中排布三级标题:前两行是大字号黑色粗体主标题「多重植萃御氧⁵」「狙击二次光老化⁶」,字体厚重醒目,视觉冲击力强;第三行是副标题「防晒够深入」,其中 “防晒” 为黑色,“够深入” 为暖棕金色,字号稍小,形成视觉层次区分。标题下方为一段深灰色常规字号说明正文:「小金帽防晒添加多重御氧植萃,能很好地对抗自由基,抵御防晒过程中的二次光老化⁶」,行间距宽松,易读性佳。
正文下方设置浅灰白色圆角矩形提示框,带有细微阴影增加层次感,框内左侧标注「TIPS:」标识,后跟深灰色小字科普说明:「防晒剂在吸收紫外线的同时,也会产生一定的自由基,生成过氧化脂质,促使皮肤老化。」
提示框下方为核心的白色圆角卡片模块,带有柔和投影,模拟成分查询 APP 的界面质感,是画面的主体内容。卡片顶部左侧为黑色粗体产品名称「摩肯轻薄透气防晒乳」,旁带下箭头图标;右侧为紫色描边圆角按钮,内部搭配紫色文字「测肤者匹配度」与相机小图标。产品名下方标注深灰色产地文字「韩国」,再下方是一行浅灰色基础信息栏:「产地:韩国・保质期: 36 个月・使用方法:使用前充分摇匀产品后,在容...」,末尾搭配向右箭头标识。
卡片中部为标签导航栏,设置三个选项卡:「功效与安全」为黑色加粗样式,下方配有紫色短下划线,标识当前选中状态;「修宝评分」「相似推荐」为浅灰色,呈现未选中状态。导航栏下方为「产品功效」板块,左侧是黑色标题文字,旁附问号帮助图标,右侧是紫色文字「1 项功效报告」搭配向右箭头;标题下方配有盾牌形线性图标与黑色文字「防晒」。
再下方为「成分功效」板块,左侧是黑色标题文字,右侧是紫色文字「全成分表 」搭配向右箭头;内容采用左右两列对称布局,每项功效前搭配对应简约线性图标:左列依次为「物理防晒 1 种」「皮肤调理 1 种」;右列依次为「舒缓 1 种」「抗氧化⁵ 4 种」,其中抗氧化项额外增加紫色圆角外框进行高亮标注,突出核心卖点。
画面最底部居中位置,标注一行浅灰色小字免责声明:「* 以上为原料功效描述,不作具体功效证明」。整体配色克制高级,以浅紫为基底、白色为内容载体、黑色为主文字、紫色为高亮强调色、暖金色为点缀色,统一圆角规范,图标均为简约线性风格,界面精致规整,专业感强,完美适配竖版电商详情页成分卖点解析模块使用。「图片1」
[第6屏] 纯净配方体系 - 纯净配方安心护肤。本屏为信任背书屏,不使用产品外观图。 [氛围/风格] 极简轻奢院线风,干净传递安全感,8个极简图标分两行排布,下方搭配检测报告缩略图。 [元素布局] 画面上方为标题区;中部8个极简图标分两行(每行4个)等距排列,每个图标为圆形鎏金线条图标,图标下方对应无添加成分名称;下方为检测报告缩略图(2-3张简约报告卡片,露出部分内容,模糊处理细节,只传递信任感);整体背景奶杏白,大面积留白。 [光影质感] 均匀柔光,无强烈阴影,图标精致清晰,整体干净明亮。 [配色色系] 全局底色 #FAF5EE 奶杏白;主色 #C9A96E 哑光鎏金;辅助色 #8B7355 低饱和暖棕;图标为鎏金线条。 [视角构图] 居中对称布局,阅读动线:顶部标题 → 中部8大无添加图标 → 底部检测报告。 [文字版式] 顶部居中标题「纯净配方 安心护肤」,精致字体,鎏金色;标题下方小字辅助文「8大无添加 温和亲肤」,细体暖棕色;8个图标分两行排列,每个图标下方对应文字:「无色素」「无酒精」「无矿物油」「无激素」「无香精」「无荧光剂」「无重金属」「无致敏成分」;文字为深暖棕色,字号适中;底部检测报告卡片上有「检测报告」字样和印章示意。排版克制,信息清晰。 [比例分辨率] 9:16竖版比例,960px宽,4K分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,医疗认证,虚假资质,夸张承诺。[第6屏] 纯净配方体系 - 纯净配方安心护肤。本屏为信任背书屏,不使用产品外观图。
[氛围/风格] 极简轻奢院线风,干净传递安全感,8个极简图标分两行排布,下方搭配检测报告缩略图。
[元素布局] 画面上方为标题区;中部8个极简图标分两行(每行4个)等距排列,每个图标为圆形鎏金线条图标,图标下方对应无添加成分名称;下方为检测报告缩略图(2-3张简约报告卡片,露出部分内容,模糊处理细节,只传递信任感);整体背景奶杏白,大面积留白。
[光影质感] 均匀柔光,无强烈阴影,图标精致清晰,整体干净明亮。
[配色色系] 全局底色 #FAF5EE 奶杏白;主色 #C9A96E 哑光鎏金;辅助色 #8B7355 低饱和暖棕;图标为鎏金线条。
[视角构图] 居中对称布局,阅读动线:顶部标题 → 中部8大无添加图标 → 底部检测报告。
[文字版式] 顶部居中标题「纯净配方 安心护肤」,精致字体,鎏金色;标题下方小字辅助文「8大无添加 温和亲肤」,细体暖棕色;8个图标分两行排列,每个图标下方对应文字:「无色素」「无酒精」「无矿物油」「无激素」「无香精」「无荧光剂」「无重金属」「无致敏成分」;文字为深暖棕色,字号适中;底部检测报告卡片上有「检测报告」字样和印章示意。排版克制,信息清晰。
[比例分辨率] 9:16竖版比例,960px宽,4K分辨率,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,医疗认证,虚假资质,夸张承诺。
[第3屏] 核心成分解析-澳容玻尿酸谷胱甘肽双核心成分功效说明。本屏不强制垫产品图,以成分信息视觉化展示为主。 [氛围/风格] 专业科研护肤风,干净简约,成分图示清晰,可信度高。 [元素布局] 画面分为上下两栏网格布局,上栏为玻尿酸成分区,下栏为谷胱甘肽成分区。每个区域左侧是成分分子3D图示,右侧是成分名称和功效说明。顶部放置主标题,底部留白保持呼吸感。玻尿酸图示为淡蓝色透明分子结构,谷胱甘肽为浅黄色分子结构,图标清晰不模糊。 [光影质感] 均匀柔和光照,分子结构有浅淡高光,文字区域干净无阴影,信息可读性强。 [配色色系] 全局底色:#FFFFFF(纯白);玻尿酸区:#E1F5FE(淡蓝底)+ #40A9E6(边框蓝);谷胱甘肽区:#FFF8E1(淡黄底)+ #FFCC80(边框橙);文字:#1A1A1A(深灰)。 [视角构图] 正面排版,上下两栏对称网格,阅读从上到下自然分区,信息层级清晰。 [文字版式] 顶部主标题「双核心成分 焕亮水光肌」黑色加粗居中;上栏标题「玻尿酸 深层补水」蓝色,功效说明「深入肌底 持久锁水 改善干燥起皮」;下栏标题「谷胱甘肽 匀亮肤色」暖橙色,功效说明「帮助提亮 改善暗沉 肌肤透亮有光泽」,文字排版整齐,每行不超过12字,清晰易读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 分子结构变形,文字错乱,颜色脏污,背景杂乱,水印,虚假医疗宣传,绝对化用词。[第3屏] 核心成分解析-澳容玻尿酸谷胱甘肽双核心成分功效说明。本屏不强制垫产品图,以成分信息视觉化展示为主。
[氛围/风格] 专业科研护肤风,干净简约,成分图示清晰,可信度高。
[元素布局] 画面分为上下两栏网格布局,上栏为玻尿酸成分区,下栏为谷胱甘肽成分区。每个区域左侧是成分分子3D图示,右侧是成分名称和功效说明。顶部放置主标题,底部留白保持呼吸感。玻尿酸图示为淡蓝色透明分子结构,谷胱甘肽为浅黄色分子结构,图标清晰不模糊。
[光影质感] 均匀柔和光照,分子结构有浅淡高光,文字区域干净无阴影,信息可读性强。
[配色色系] 全局底色:#FFFFFF(纯白);玻尿酸区:#E1F5FE(淡蓝底)+ #40A9E6(边框蓝);谷胱甘肽区:#FFF8E1(淡黄底)+ #FFCC80(边框橙);文字:#1A1A1A(深灰)。
[视角构图] 正面排版,上下两栏对称网格,阅读从上到下自然分区,信息层级清晰。
[文字版式] 顶部主标题「双核心成分 焕亮水光肌」黑色加粗居中;上栏标题「玻尿酸 深层补水」蓝色,功效说明「深入肌底 持久锁水 改善干燥起皮」;下栏标题「谷胱甘肽 匀亮肤色」暖橙色,功效说明「帮助提亮 改善暗沉 肌肤透亮有光泽」,文字排版整齐,每行不超过12字,清晰易读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 分子结构变形,文字错乱,颜色脏污,背景杂乱,水印,虚假医疗宣传,绝对化用词。