创意预览图

电商产品详情页首屏,参考蓝白清新高端长图设计风格,左侧绘制"细胞衰老四宗罪"疲惫松弛暗沉失衡的动态示意图,右侧展示沃兹博士「昵颜」酶酵母细胞饮液产品图,配文案:大标题"30+姐姐的'细胞级抗衰'答案"

用户头像

159****9359

2026.05.19
[第3屏] 核心成分功效解析屏,雅诗兰黛抗衰三件套核心成分与作用机理展示。 [氛围/风格] 专业科研护肤风,干净简约,蓝金搭配质感,数据可视化呈现,专业可信氛围。 [元素布局] 页面顶部放置主标题,下方采用三行网格布局,每行介绍一件单品的核心成分与对应功效。每行左侧放成分概念视觉图形,右侧放文字说明。第一行微精华:发酵精华分子示意图,对应沁透肌底、维稳强韧;第二行小棕瓶:透明质酸+二裂酵母分子图形,对应修护损伤、熬夜修护;第三行智妍面霜:胶原生成分子结构示意图,对应紧致轮廓、淡退干纹。保持整体排版疏密有致,信息清晰不拥挤。 [光影质感] 整体均匀柔和打光,图形文字清晰,各模块阴影层次自然,整体通透专业。 [配色色系] 全局底色:#F5F8FF(浅冰蓝);主体配色:#001E6C(深蓝标题)+ #D4AF37(金色强调)+ #333333(黑色正文)。 [视角构图] 正面平铺,网格对齐,标题顶置,信息从上到下阅读流畅,模块间距均匀。 [文字版式] 顶部主标题"核心成分 协同抗老"加粗深蓝色字体,字号约画面高度6%,居中;每个网格左侧图形旁标注成分名称,右侧分两行写成分和对应功效,字体大小适配移动端阅读,文字清晰不拥挤,重点功效用金色加粗标注。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 医疗化宣传,绝对化功效描述,虚假数据,文字模糊,排版错乱,背景杂乱。[第3屏] 核心成分功效解析屏,雅诗兰黛抗衰三件套核心成分与作用机理展示。
[氛围/风格] 专业科研护肤风,干净简约,蓝金搭配质感,数据可视化呈现,专业可信氛围。
[元素布局] 页面顶部放置主标题,下方采用三行网格布局,每行介绍一件单品的核心成分与对应功效。每行左侧放成分概念视觉图形,右侧放文字说明。第一行微精华:发酵精华分子示意图,对应沁透肌底、维稳强韧;第二行小棕瓶:透明质酸+二裂酵母分子图形,对应修护损伤、熬夜修护;第三行智妍面霜:胶原生成分子结构示意图,对应紧致轮廓、淡退干纹。保持整体排版疏密有致,信息清晰不拥挤。
[光影质感] 整体均匀柔和打光,图形文字清晰,各模块阴影层次自然,整体通透专业。
[配色色系] 全局底色:#F5F8FF(浅冰蓝);主体配色:#001E6C(深蓝标题)+ #D4AF37(金色强调)+ #333333(黑色正文)。
[视角构图] 正面平铺,网格对齐,标题顶置,信息从上到下阅读流畅,模块间距均匀。
[文字版式] 顶部主标题"核心成分 协同抗老"加粗深蓝色字体,字号约画面高度6%,居中;每个网格左侧图形旁标注成分名称,右侧分两行写成分和对应功效,字体大小适配移动端阅读,文字清晰不拥挤,重点功效用金色加粗标注。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 医疗化宣传,绝对化功效描述,虚假数据,文字模糊,排版错乱,背景杂乱。
[第3屏] 核心营养-黔山刺梨三大营养优势卖点解析 [氛围/风格] 专业干净简约风,莫兰迪暖米色底色,高级质感 [元素布局] 本款刺梨原汁瓶身(源自https://gdesign-dam-hz.dancf.com/37007260801935483/87ab9125d7434904a57f9d26257a2fe9.jpg)放置在画面左侧,占比约40%;右侧分三行排列三大卖点,每个卖点搭配一个简约圆形图标。保持产品外观颜色结构与上传原图一致,三大卖点区域占据右侧60%,信息排布清晰,每个卖点元素清晰突出 [光影质感] 均匀柔光照明,产品瓶身保留通透高光,整体明亮干净,光影层次柔和,无硬阴影 [配色色系] 全局莫兰迪暖米色#F0EADC,主色瓶身浅棕色,辅助色图标深棕色、浅金色,文字深棕色,整体干净高级 [视角构图] 左右分栏布局,左产品右信息,阅读动线从左到右,从上到下,信息层级清晰 [文字版式] 顶部通栏主标题「黔地原生 三大营养优势」,深棕色居中对齐。右侧三大卖点从上到下,第一点「维C之王 每百克含2585mg维C」,第二点「维P之王 辅助吸收 锁住透亮」,第三点「SOD之王 抗氧化 对抗日常损耗」。每个卖点图标+文字,图标在上文字在下,深棕色清晰排列,字号适中手机端可读,不遮挡产品主体 [比例分辨率] 2:3竖版比例,4K分辨率,文字清晰可辨,高清画质 [负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,结构错误,颜色偏差,包装文字错乱,产品图模糊,背景杂乱,绝对化用语[第3屏] 核心营养-黔山刺梨三大营养优势卖点解析
[氛围/风格] 专业干净简约风,莫兰迪暖米色底色,高级质感
[元素布局] 本款刺梨原汁瓶身(源自https://gdesign-dam-hz.dancf.com/37007260801935483/87ab9125d7434904a57f9d26257a2fe9.jpg)放置在画面左侧,占比约40%;右侧分三行排列三大卖点,每个卖点搭配一个简约圆形图标。保持产品外观颜色结构与上传原图一致,三大卖点区域占据右侧60%,信息排布清晰,每个卖点元素清晰突出
[光影质感] 均匀柔光照明,产品瓶身保留通透高光,整体明亮干净,光影层次柔和,无硬阴影
[配色色系] 全局莫兰迪暖米色#F0EADC,主色瓶身浅棕色,辅助色图标深棕色、浅金色,文字深棕色,整体干净高级
[视角构图] 左右分栏布局,左产品右信息,阅读动线从左到右,从上到下,信息层级清晰
[文字版式] 顶部通栏主标题「黔地原生 三大营养优势」,深棕色居中对齐。右侧三大卖点从上到下,第一点「维C之王 每百克含2585mg维C」,第二点「维P之王 辅助吸收 锁住透亮」,第三点「SOD之王 抗氧化 对抗日常损耗」。每个卖点图标+文字,图标在上文字在下,深棕色清晰排列,字号适中手机端可读,不遮挡产品主体
[比例分辨率] 2:3竖版比例,4K分辨率,文字清晰可辨,高清画质
[负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,结构错误,颜色偏差,包装文字错乱,产品图模糊,背景杂乱,绝对化用语
[第2屏] 雅诗兰黛精华核心成分功效解析页。本屏可依托原产品特征,重点展示核心修护成分。 [氛围/风格] 专业科研护肤风格,浅棕米色背景,简洁专业,质感干净,高端护肤科研氛围。 [元素布局] 页面顶部放置主标题,中部采用双行网格布局展示核心成分,左侧放成分名称区域,右侧对应功效利益,底部放置缩小的产品图【图1】作为品牌标识。整体左右分栏清晰,信息层级分明,不拥挤。 [光影质感] 整体光线均匀柔和,网格卡片带浅阴影增强层次,文字清晰突出,成分图标质感细腻。 [配色色系] 全局底色:#F8F2E9(浅米棕);主色:#5C2D16(深棕标题);辅助色:#D4AF37(金色图标/分割线);文字色:#2D1C14。 [视角构图] 平面信息构图,分栏清晰,从上到下信息依次呈现,适配移动端竖屏阅读。 [文字版式] 顶部主标题「核心成分 多维修护」深棕色粗体居中;第一行网格左侧「透明质酸」加粗深棕,右侧「深层补水 强韧屏障」常规深棕;第二行网格左侧「二裂酵母」加粗深棕,右侧「舒缓维稳 匀亮肤色」常规深棕;底部放浅金色信息条,标注「100ml大容量」深棕色文字,产品图放在右下角缩小展示,不占主要位置。所有文字大小适中,移动端清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 成分名称错误,文字错乱排版拥挤,背景杂乱,虚假宣传,绝对化用词,产品变形。[第2屏] 雅诗兰黛精华核心成分功效解析页。本屏可依托原产品特征,重点展示核心修护成分。
[氛围/风格] 专业科研护肤风格,浅棕米色背景,简洁专业,质感干净,高端护肤科研氛围。
[元素布局] 页面顶部放置主标题,中部采用双行网格布局展示核心成分,左侧放成分名称区域,右侧对应功效利益,底部放置缩小的产品图【图1】作为品牌标识。整体左右分栏清晰,信息层级分明,不拥挤。
[光影质感] 整体光线均匀柔和,网格卡片带浅阴影增强层次,文字清晰突出,成分图标质感细腻。
[配色色系] 全局底色:#F8F2E9(浅米棕);主色:#5C2D16(深棕标题);辅助色:#D4AF37(金色图标/分割线);文字色:#2D1C14。
[视角构图] 平面信息构图,分栏清晰,从上到下信息依次呈现,适配移动端竖屏阅读。
[文字版式] 顶部主标题「核心成分 多维修护」深棕色粗体居中;第一行网格左侧「透明质酸」加粗深棕,右侧「深层补水 强韧屏障」常规深棕;第二行网格左侧「二裂酵母」加粗深棕,右侧「舒缓维稳 匀亮肤色」常规深棕;底部放浅金色信息条,标注「100ml大容量」深棕色文字,产品图放在右下角缩小展示,不占主要位置。所有文字大小适中,移动端清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 成分名称错误,文字错乱排版拥挤,背景杂乱,虚假宣传,绝对化用词,产品变形。
[第3屏] 详情页成分解析-赛尔瑞拜欧泛醌辅酶Q10核心成分功效机理。 [氛围/风格] 专业科研质感,纯净通透,简约高级,突出成分可信度。 [元素布局] 画面上方中央大号浅灰色3D辅酶Q10分子结构,画面下方放置完整精华液产品,保持产品外观与输入图片一致,分子结构下方用纤细引线标注核心成分位置。左侧和右侧分两行网格排列成分与对应利益,左侧「核心成分 辅酶Q10」搭配分子图标,右侧「抵御光损 对抗初老」搭配盾牌图标,整体构图均衡不拥挤。背景为浅冷灰色渐变,干净专业。 [光影质感] 均匀柔和实验室柔光,分子结构透明通透有光泽,产品光影自然真实,明暗层次清晰,没有生硬阴影。 [配色色系] 全局底色:#eef2f5(浅冷灰);主体配色:浅蓝灰色分子,深灰色文字,产品原琥珀棕配色,保持整体清爽专业。 [视角构图] 中心对称构图,上分子下产品,网格分左右,布局清晰,阅读逻辑从上至下从左到右自然流畅。 [文字版式] 顶部主标题「核心成分 专研配方」,深灰粗体居中;分子下方两行网格排列成分和功效,每个区域左侧图标右侧文字,图标灰色填充文字深灰色,清晰易读;每个卖点短句不超过8个字,手机端清晰不拥挤,不遮挡产品和分子主体。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 变形,水印,文字错乱,缺件错件,结构错误,颜色偏差,包装文字错乱,产品图模糊,背景杂乱,绝对化用语,虚假宣传。[第3屏] 详情页成分解析-赛尔瑞拜欧泛醌辅酶Q10核心成分功效机理。
[氛围/风格] 专业科研质感,纯净通透,简约高级,突出成分可信度。
[元素布局] 画面上方中央大号浅灰色3D辅酶Q10分子结构,画面下方放置完整精华液产品,保持产品外观与输入图片一致,分子结构下方用纤细引线标注核心成分位置。左侧和右侧分两行网格排列成分与对应利益,左侧「核心成分 辅酶Q10」搭配分子图标,右侧「抵御光损 对抗初老」搭配盾牌图标,整体构图均衡不拥挤。背景为浅冷灰色渐变,干净专业。
[光影质感] 均匀柔和实验室柔光,分子结构透明通透有光泽,产品光影自然真实,明暗层次清晰,没有生硬阴影。
[配色色系] 全局底色:#eef2f5(浅冷灰);主体配色:浅蓝灰色分子,深灰色文字,产品原琥珀棕配色,保持整体清爽专业。
[视角构图] 中心对称构图,上分子下产品,网格分左右,布局清晰,阅读逻辑从上至下从左到右自然流畅。
[文字版式] 顶部主标题「核心成分 专研配方」,深灰粗体居中;分子下方两行网格排列成分和功效,每个区域左侧图标右侧文字,图标灰色填充文字深灰色,清晰易读;每个卖点短句不超过8个字,手机端清晰不拥挤,不遮挡产品和分子主体。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 变形,水印,文字错乱,缺件错件,结构错误,颜色偏差,包装文字错乱,产品图模糊,背景杂乱,绝对化用语,虚假宣传。
[成分功效页] 详情页成分功效展示页,标题为抑制肥大细胞活化,维生素D和银杏叶提取物分别用分子表示,采用左上右下对角布局。 [氛围/风格] 清透高级科技感,采用【图3】的3D透明立体质感分子风格,蓝金通透质感,精致专业。 [元素布局] 顶部居中放置主标题"02 抑制肥大细胞活化"。标题下方,维生素D分子放置在画面左上区域,银杏叶提取物分子放置在画面右下区域,两个分子对角相对分布,都采用【图3】的3D立体质感透明玻璃分子样式,保留通透玻璃质感和金闪细节。其中银杏叶提取物分子添加金色调点缀,呈现银黄色质感。每个分子旁侧对应排列各自成分卖点文字:左上维生素D分子旁侧标注"维生素D"及卖点"调控免疫细胞功能,降低过敏倾向,抑制肥大细胞脱颗粒";右下银杏叶提取物分子旁侧标注"银杏叶提取物"及卖点"阻断肥大细胞传导,缓解身体应激状态,减少致痒、致肿物质"。画面下半部分完整保留【图1】的实验研究板块,包含所有文字说明、组织切片图、柱状统计图和三项改善数据。分子布局不遮挡任何文字和图表内容,整体疏密有致。 [光影质感] 通透浅蓝光影,分子带有自然高光和通透玻璃反光,金色调在银杏叶分子中呈现柔和光泽,文字区域光线均匀柔和,数据文字清晰突出,整体干净明亮,质感高级,空间层次分明。 [配色色系] 全局银白偏蓝色浅渐变底色;维生素D分子:透明蓝色;银杏叶提取物分子:透明蓝搭配金色调,呈现银黄色效果;文字:深黑色主文案,深蓝色高亮数据;整体清爽干净,蓝金配色和谐统一。 [视角构图] 9:16竖版构图,从上到下阅读动线:顶部标题→中上对角双分子→下部实验数据,对角布局动感均衡,信息层级清晰。 [文字版式] 顶部主标题加粗居中;分子旁侧对应成分卖点,排版疏密得当,字体大小适配移动端清晰可读;实验研究区域完整保留图表和数据,文字排版整齐不重叠,所有文字内容与原图完全一致。 [比例分辨率] 9:16竖版比例,2K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字错乱,图表变形,数据缺失,分子遮挡文字,颜色偏差,背景杂乱,水印,模糊不清,分子质感不符,成分文字错位,布局不对称[成分功效页] 详情页成分功效展示页,标题为抑制肥大细胞活化,维生素D和银杏叶提取物分别用分子表示,采用左上右下对角布局。
[氛围/风格] 清透高级科技感,采用【图3】的3D透明立体质感分子风格,蓝金通透质感,精致专业。
[元素布局] 顶部居中放置主标题"02 抑制肥大细胞活化"。标题下方,维生素D分子放置在画面左上区域,银杏叶提取物分子放置在画面右下区域,两个分子对角相对分布,都采用【图3】的3D立体质感透明玻璃分子样式,保留通透玻璃质感和金闪细节。其中银杏叶提取物分子添加金色调点缀,呈现银黄色质感。每个分子旁侧对应排列各自成分卖点文字:左上维生素D分子旁侧标注"维生素D"及卖点"调控免疫细胞功能,降低过敏倾向,抑制肥大细胞脱颗粒";右下银杏叶提取物分子旁侧标注"银杏叶提取物"及卖点"阻断肥大细胞传导,缓解身体应激状态,减少致痒、致肿物质"。画面下半部分完整保留【图1】的实验研究板块,包含所有文字说明、组织切片图、柱状统计图和三项改善数据。分子布局不遮挡任何文字和图表内容,整体疏密有致。
[光影质感] 通透浅蓝光影,分子带有自然高光和通透玻璃反光,金色调在银杏叶分子中呈现柔和光泽,文字区域光线均匀柔和,数据文字清晰突出,整体干净明亮,质感高级,空间层次分明。
[配色色系] 全局银白偏蓝色浅渐变底色;维生素D分子:透明蓝色;银杏叶提取物分子:透明蓝搭配金色调,呈现银黄色效果;文字:深黑色主文案,深蓝色高亮数据;整体清爽干净,蓝金配色和谐统一。
[视角构图] 9:16竖版构图,从上到下阅读动线:顶部标题→中上对角双分子→下部实验数据,对角布局动感均衡,信息层级清晰。
[文字版式] 顶部主标题加粗居中;分子旁侧对应成分卖点,排版疏密得当,字体大小适配移动端清晰可读;实验研究区域完整保留图表和数据,文字排版整齐不重叠,所有文字内容与原图完全一致。
[比例分辨率] 9:16竖版比例,2K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字错乱,图表变形,数据缺失,分子遮挡文字,颜色偏差,背景杂乱,水印,模糊不清,分子质感不符,成分文字错位,布局不对称
[第4屏] 成分与机理屏——活性修护成分分子可视化,解释舒缓褪红原理。成分元素大尺度占主画面。 [氛围/风格] 科研实验室风,3D分子结构可视化,专业严谨,有科技感和说服力,画面丰富有层次。 [元素布局] 画面中央为一个大型3D透明分子球体结构(占画面40%以上),球体内部有发光的活性成分分子链在运动;分子球周围环绕3个成分信息卡片,呈三角分布;左下角有一个小型实验器皿特写,里面有透明凝胶质地液体;背景为深蓝色科技感空间,有网格线、数据光点、DNA螺旋线条装饰;右侧有成分渗透肌肤层的剖面示意图(表皮→真皮→肌底),用箭头表示渗透路径;画面底部有渐变光带。本屏为成分机理专屏,可不放产品实物图。 [光影质感] 分子球体自发光,冰蓝色内部光源,外部有柔和光晕;实验器皿有玻璃高光和液体折射;整体暗调亮主体,光影层次丰富。 [配色色系] 全局底色 #0A1929 深海蓝;主色冰蓝#00B4D8发光、青蓝#48CAE4;辅助色白色、浅灰;点缀色淡紫色分子、金色高光。 [视角构图] 中央大分子球为主视觉,周围环绕信息卡片;阅读动线从顶部标题 → 中央分子 → 周围卡片 → 右侧渗透示意。 [文字版式] 顶部大标题「活性修护成分 深入肌底」白色发光粗黑体;3个成分卡片分别标注:「舒缓因子 快速镇静褪红」「保湿因子 深层补水锁水」「修护成分 强韧肌肤屏障」,卡片为半透明玻璃质感,白字;右侧渗透示意图旁标注「表层舒缓 中层补水 底层修护」三层结构文字;底部小字「温和配方 敏感肌友好」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 画面空洞,元素过小,文字过小,医疗化承诺,虚假认证,水印,价格信息。[第4屏] 成分与机理屏——活性修护成分分子可视化,解释舒缓褪红原理。成分元素大尺度占主画面。
[氛围/风格] 科研实验室风,3D分子结构可视化,专业严谨,有科技感和说服力,画面丰富有层次。
[元素布局] 画面中央为一个大型3D透明分子球体结构(占画面40%以上),球体内部有发光的活性成分分子链在运动;分子球周围环绕3个成分信息卡片,呈三角分布;左下角有一个小型实验器皿特写,里面有透明凝胶质地液体;背景为深蓝色科技感空间,有网格线、数据光点、DNA螺旋线条装饰;右侧有成分渗透肌肤层的剖面示意图(表皮→真皮→肌底),用箭头表示渗透路径;画面底部有渐变光带。本屏为成分机理专屏,可不放产品实物图。
[光影质感] 分子球体自发光,冰蓝色内部光源,外部有柔和光晕;实验器皿有玻璃高光和液体折射;整体暗调亮主体,光影层次丰富。
[配色色系] 全局底色 #0A1929 深海蓝;主色冰蓝#00B4D8发光、青蓝#48CAE4;辅助色白色、浅灰;点缀色淡紫色分子、金色高光。
[视角构图] 中央大分子球为主视觉,周围环绕信息卡片;阅读动线从顶部标题 → 中央分子 → 周围卡片 → 右侧渗透示意。
[文字版式] 顶部大标题「活性修护成分 深入肌底」白色发光粗黑体;3个成分卡片分别标注:「舒缓因子 快速镇静褪红」「保湿因子 深层补水锁水」「修护成分 强韧肌肤屏障」,卡片为半透明玻璃质感,白字;右侧渗透示意图旁标注「表层舒缓 中层补水 底层修护」三层结构文字;底部小字「温和配方 敏感肌友好」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 画面空洞,元素过小,文字过小,医疗化承诺,虚假认证,水印,价格信息。