详情页总规划｜平台/语种/品类：国内电商平台/简体中文/护肤面…
详情页总规划｜平台/语种/品类：国内电商平台/简体中文/护肤面霜｜全局视觉系统：背景底色HEX：#F5F2EC（低饱和米杏色渐变叠加柔焦植影纹理）；主色：米白色（来自包装标签，占比60%），辅色：哑光
GD281298923
2026.07.14详情页总规划｜平台/语种/品类：国内电商平台/简体中文/护肤面霜｜全局视觉系统：背景底色HEX：#F5F2EC（低饱和米杏色渐变叠加柔焦植影纹理）；主色：米白色（来自包装标签，占比60%），辅色：哑光
GD281298923
2026.07.14
![[第3张] 详情页成分功效机理页-媛汉芳灯泡肌1号液提亮成分与肌底焕肤链路可视化。本张为成分机理专页，以成分子、分子结构、实验器皿为主视觉，不强制展示产品瓶身。
[氛围/风格] 科研实验风，高级成分解析感，3D分子质感，光亮通透，非黑金奢华。
[元素布局] 画面中央是一个大型透明3D分子球结构（占画面约40%），分子球内部有金色光点缓缓扩散；分子球周围环绕三个发光成分胶囊图标；左下角有一只玻璃滴管正在滴出琥珀色精华液，液滴在空中形成完美圆弧；背景是淡蓝色到淡紫色的渐变，漂浮着细小气泡和光粒子；底部有实验室玻璃器皿剪影。
[光影质感] 分子球自发光，四周柔光环绕，滴管液体通透有折射光，整体光影层次丰富，有科技感但温暖不冰冷。
[配色色系] 全局底色渐变 #E6F3FF 到 #F0E6FF；主色冰蓝淡紫；辅助色金色光点、琥珀色液滴。
[视角构图] 中心对称构图，主分子球为视觉焦点，阅读动线中央分子→四周成分标签→底部机理说明。
[文字版式] 顶部大标题「肌底焕亮 科学解析」，副标题「三大维度 协同提亮」；分子球右侧三条编号成分说明：「01 润泽补水 充盈肌底」「02 改善暗沉 提亮肤色」「03 净透焕颜 均匀光泽」；底部小字「温和配方 安心护理」。文字清晰，字号适中，移动端可读。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 黑金风格，医疗承诺，虚假功效，水印，文字错乱，文字过小，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/038d1632-2ad7-4dde-84df-98341ecda0f510446.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[商品] 本页为成分机理专页，无需产品主图垫图；重点展示核心紧颜成分与分子结构，画面大尺度呈现成分元素。
[画面] 页面目标：放大核心紧颜成分，强化专业感与珍贵感。构图：中央大尺寸3D分子结构+精华液滴，占画面约50%；分子周围环绕金色能量粒子与精华液纹理；左上标题区，底部3个成分利益点卡片。前中后景：前景悬浮分子与液滴，中景成分主体，后景深金棕渐变+微光粒子+柔焦光晕；≥3层视觉层次。成分核心元素（分子/液滴）合计占画面≥50%，非小icon点缀。
[视觉] 套系策略：风格=高端奢宠护肤商业摄影，精致光影，通透玻璃质感；标题字=现代轻奢衬线粗体；正文字=简洁无衬线体；主色=金棕渐变（香槟金→暖棕→米白）；背景延展=基于金棕做深浅渐变、柔焦光斑、细腻丝绸/玻璃反光质感；强调色=璀璨金，仅用于小面积图标、引线、标签和局部光效；标题色=深金棕；正文色=暖米灰；组件=圆角浅金信息卡、细金线引线、圆形光泽icon；光影=中央顶光打亮分子与液滴，四周暗角突出主体，金色辉光点缀。
[文字] 左上主标题「珍稀紧颜成分 奢宠肌底」，副标题「深层滋养 焕活紧致」；底部3张横排成分卡片：「紧颜活性成分」「弹润修护因子」「焕亮光泽精粹」，每张配一句短功效说明；文字横排，层级清晰，字号保证手机端可读。
[规格] 图片比例9:16竖版，4K分辨率，负向提示：避免变形、错字、文字过小、冷蓝/冷灰背景、成分元素过小、医疗化表述、虚假功效承诺。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/b8a37d75-3d1d-4a7e-90d0-7903799923c35586.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第4屏] 详情页修护提亮功效成分解析，展示抗敏修护与提亮成分价值。
[氛围/风格] 专业温柔科研风，暖米调底色，干净通透的成分展示质感。
[元素布局] 本屏采用三栏构图，分别展示四氢甲基嘧啶羧酸、维生素C、水解胶原三种核心成分，每个成分都用大图形放大呈现，每个成分占屏约30%，下方搭配对应文字说明；核心成分元素合计占比超过60%，突出成分价值。
[光影质感] 均匀柔和布光，每个成分图形都保留清晰高光，整体明亮干净，信息区分度高。
[配色色系] 全局底色 #f8f2e9；主色米白浅金；辅助色淡橙提亮维生素C图形。
[视角构图] 从上到下三栏排列，每栏左图右文，阅读动线清晰流畅。
[文字版式] 顶部主标题「多重修护 焕亮透亮肌」，每栏从上到下依次为成分名称、功效说明：1.四氢甲基嘧啶羧酸：深度呵护屏障，提升肌肤耐受力；2.维生素C：淡化暗沉黄气，打造通透肌肤；3.水解胶原：增强肌肤弹性，改善粗糙干瘪；文字清晰适中，适配移动端阅读，不挤压图形空间。
[比例分辨率] 9:16 竖版比例，宽度1080px，高度1920px，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，图形变形，排版拥挤，文字过小，颜色偏差，背景杂乱，医疗术语，绝对化宣传，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/012c2bfe-74c4-455c-8068-44521cb6c91e3003.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 核心功效成分解析，分点呈现核心成分价值。本屏以成分展示为主，无需产品主体。
[氛围/风格] 专业美妆成分风，干净通透，浅金色调，实验器皿质感。
[元素布局] 画面分三栏排列，每栏顶部放大展示一种核心成分的示意图标（玻尿酸、酵母提取物、胜肽），图标下方对应成分名称和功效短句；三个成分卡片占满画面主体，每个图标占单栏高度约40%，视觉突出，符合成分展示要求。背景添加透明锥形瓶、滴管等实验器皿浅影装饰。
[光影质感] 均匀柔光照明，每个成分卡片都有清晰明暗，图标边缘有高光提亮，整体干净通透。
[配色色系] 全局底色 #f8f3ed，主色米白浅金，辅助色深棕文字，低饱和度色系。
[视角构图] 垂直三栏排列，网格构图，阅读从上至下分栏浏览，信息层级清晰。
[文字版式] 顶部主标题「核心成分 功效协同」，每栏内上方是成分名称粗体字，下方是两行功效描述，文字大小适中，手机端清晰可读，不遮挡图标。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 图标过小，文字错乱，文字过小，构图杂乱，颜色失真，水印，虚假宣传](https://gd-cms.dancf.com/gd-cms/xi19e5/0/c3a38cb7-be3d-425f-b8d4-b18c5c5acf6a236.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 核心功效成分解析，分点呈现核心成分价值。本屏以成分展示为主，无需产品主体。
[氛围/风格] 专业美妆成分风，干净通透，浅金色调，实验器皿质感。
[元素布局] 画面分三栏排列，每栏顶部放大展示一种核心成分的示意图标（玻尿酸、酵母提取物、胜肽），图标下方对应成分名称和功效短句；三个成分卡片占满画面主体，每个图标占单栏高度约40%，视觉突出，符合成分展示要求。背景添加透明锥形瓶、滴管等实验器皿浅影装饰。
[光影质感] 均匀柔光照明，每个成分卡片都有清晰明暗，图标边缘有高光提亮，整体干净通透。
[配色色系] 全局底色 #f8f3ed，主色米白浅金，辅助色深棕文字，低饱和度色系。
[视角构图] 垂直三栏排列，网格构图，阅读从上至下分栏浏览，信息层级清晰。
[文字版式] 顶部主标题「核心成分 功效协同」，每栏内上方是成分名称粗体字，下方是两行功效描述，文字大小适中，手机端清晰可读，不遮挡图标。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 图标过小，文字错乱，文字过小，构图杂乱，颜色失真，水印，虚假宣传](https://gd-cms.dancf.com/gd-cms/xi19e5/0/cce978a2-67ba-482f-a8db-d30c9f363ee6244.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 三重精华成分页，说明保湿定妆不干燥的配方特点。本屏不需要产品图，以成分展示为主。
[氛围/风格] 美妆成分功效风，柔粉色系水润质感，通透高级。
[元素布局] 顶部大标题区域，中部展示三种精华成分提取物：Golden oil精华、天然柔粉珍珠、神经酰胺，每种成分放大展示对应质地，占主视觉区域60%以上，下方分点说明每种成分功效，右侧搭配上脸妆效对比图两张；核心成分视觉突出，不做小图标点缀。
[光影质感] 通透水润光影，精华质地呈现光泽感，整体明亮干净，质感高级。
[配色色系] 全局底色 #f2e4ea，主色浅粉色，辅助金色精华提亮，自然肤色点缀。
[视角构图] 上下分层结构，上精华展示下说明文字，阅读动线清晰。
[文字版式] 顶部主标题「三重精华，润泽不干燥」，副标题「3重润肤精华，清透不紧绷」，分三点标注各成分及功效：1「活性润颜精华」，2「天然柔粉珍珠」，3「锁水神经酰胺」；每张对比图分别标注「轻舒服帖」「自然贴肤」，文字清晰不遮挡精华主体。
[比例分辨率] 3:4竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 元素过小，文字错乱，文字过小，构图杂乱，颜色偏暗，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/209050b1-8fe2-4728-97eb-d4fc4e8423a126186.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 成分机理 · PO:DL泡泡精华胶原蛋白与护肤成分可视化。本屏为成分专屏，不强制展示产品外观，以成分为主视觉。
[氛围/风格] 科研感+高级护肤质感，实验风微距，通透洁净，商业摄影质感。
[元素布局] 画面中央偏上为大型胶原蛋白螺旋分子3D结构，占画面约40%，呈半透明珍珠白色带金色高光；周围漂浮多个透明胶囊和气泡分子，内含琥珀色精华液体；下方有透明玻璃培养皿、滴管、精华液滴；背景为深浅渐变的暖棕色科研感背景；点缀少量BAMBOO竹叶元素暗示植物来源；整体画面元素占比≥60%，成分元素大而清晰，非小图标点缀。
[光影质感] 中心聚光照明，分子结构有通透折射光，边缘有辉光效果，明暗层次丰富，科技感十足。
[配色色系] 全局底色 #E8DDD0 暖棕米色渐变；主色珍珠白+琥珀金；辅助色深棕色、透明水蓝。
[视角构图] 中心对称构图，微仰视，阅读动线从上到下：主标题 → 中心分子 → 底部成分列表。
[文字版式] 顶部居中主标题「核心成分 嘭弹力来源」，副标题「胶原蛋白 + 植物精粹 双重护理」；中部分子两侧标注2个核心成分：「胶原蛋白」「竹萃精华」；底部横排3个成分功效卡片：「提升肌肤弹性」「补水保湿」「焕亮肤色」；文字为白色和深棕色无衬线体，标题加粗，卡片带半透明圆角背景。
[比例分辨率] 3:4竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字过小，分子模糊，水印，颜色灰暗，元素杂乱，构图失衡，医疗化图标。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/82738050-bef1-49f6-9eaa-32363b0f18d915397.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 成分功效解析-精华喷雾三大核心功效链路展示。本屏不需要产品外观图，专注功效成分表达。
[氛围/风格] 专业科研风，暖黄色调简约背景，清透实验质感。
[元素布局] 纵向三段式布局，从上到下依次展示三大功效：1.补水保湿 2.舒缓不适 3.维稳健康；每个功效模块占比约30%，核心成分分子图形放大占满每个模块，每个模块搭配核心文字说明。分子图形合计占屏超过60%，清晰展示功效逻辑。
[光影质感] 均匀柔和布光，分子图形边缘清晰，整体干净通透。
[配色色系] 全局底色 #FFF8E8；主色暖金色，辅助色浅黄和白色。
[视角构图] 竖版三段式，从上至下阅读动线清晰，信息层级分明。
[文字版式] 顶部主标题「核心成分 精准护肤」，每段模块标题对应三大卖点，每点搭配一句用户可感知的体验描述：补水保湿「快速渗透 水润澎弹」，舒缓干燥「舒缓红痒 改善不适」，维稳肌肤「强韧屏障 健康稳态」，文字清晰可读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 元素过小，文字模糊，背景杂乱，医疗化宣传，夸大功效，极限词](https://gd-cms.dancf.com/gd-cms/xi19e5/0/4944dd7b-fb4e-4dc8-8ea5-e36b5846659110242.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 成分功效说明页。[氛围/风格] 专业科研风，干净清晰可视化。[元素布局] 画面主体放大展示三大核心成分元素：天然保湿分子、柔润护唇因子、轻盈粉质颗粒，每个成分元素占画面30%以上面积，竖向排列；底部标注成分对应的体验利益点，不放置产品外观图；整体简洁突出成分，信息层级清晰。[光影质感] 均匀柔光，成分元素轮廓清晰，干净通透。[配色色系] 全局底色#F5F0F1，主色浅粉+浅灰，辅助色柔金。[视角构图] 居中排列成分元素，竖向阅读动线，信息清晰直观。[文字版式] 顶部主标题「温和配方 柔润护唇」，下方三个成分块分别标注：「天然保湿因子 水润不拔干」「柔润护唇成分 呵护唇部肌肤」「轻盈粉质 贴肤不卡纹」，文字大而清晰，便于移动端阅读。[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。[负向提示词] 成分元素过小，文字模糊，虚假医疗宣传，极限词，水印](https://gd-cms.dancf.com/gd-cms/xi19e5/0/f1cbb0fd-2303-4e43-b040-63bae9bdbeaf58781.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3张] 详情页成分专页-御龄面霜植萃配方与温和焕亮机理。本张为成分机理专页，不强制垫产品外观图，以成分为主视觉。
[氛围/风格] 科研植萃融合风，暖金米色高级感，成分分子与植物原料大视觉呈现，商业信息图质感。
[元素布局] 画面中央偏上为放大的植萃精华分子球3D结构，占画面约40%，周围环绕金色植物叶片、透明水滴、精华液流动纹理；底部有3个圆形原料展示区，分别呈现草本植物、花朵、果实原料微距；背景为深棕到暖金的渐变，带细微颗粒质感；核心成分元素合计占主视觉50%以上。
[光影质感] 分子结构有通透内发光，叶片与水滴有高光折射，整体光影层次丰富，高级有质感。
[配色色系] 全局底色 #3E2E1F 深棕渐变；主色金 #D4AF7A；辅助色透明水蓝、米白。
[视角构图] 居中对称构图，阅读动线中央主分子 → 周围编号卖点 → 底部原料区。
[文字版式] 顶部主标题「植萃力量 温和焕亮」，副标题「多重植萃配方 润养透亮肌」，金色衬线字体居中；分子两侧3个编号卖点「1.深层滋润补水」「2.改善干燥起皮」「3.透出自然光泽」，白字金编号；底部3个原料区分别标注「植萃精华」「温和配方」「润养焕亮」；文字清晰，层级分明。
[比例分辨率] 3:4竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，水印，成分图标过小，背景杂乱，医疗化表述，虚假功效承诺。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/8f8d7e63-798d-49aa-a22c-ca014e74a67e15399.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 成分功效解析屏，展示多肽靓颜喷雾核心成分与作用机理。
[氛围/风格] 专业科研风，干净透明成分展示，高级简约。
[元素布局] 画面主体为三个放大的核心成分分子图形，每个分子占据约30%的画面宽度，从上到下依次排布；每个成分图形旁标注成分名称和功效短句，底部小字补充说明，分子元素清晰放大占主视觉，不做小图标点缀。不需要重复展示产品完整瓶身，突出成分可视化。
[光影质感] 均匀柔和布光，分子图形带浅光晕，整体清透干净，科技感十足。
[配色色系] 全局底色 #f0f4f8；主色浅蓝渐变+白色分子；辅助色浅灰文字标注。
[视角构图] 垂直流式排布，从上到下阅读，重心稳定。
[文字版式] 顶部主标题「核心成分 科学护理」，第一成分「多肽精粹」，副标题「帮助肌肤维持稳定状态」，第二成分「透明质酸」，副标题「补水保湿 水润柔嫩」，第三成分「靓肤因子」，副标题「均匀肤色 透亮光泽」，文字清晰，每部分间距合适，手机阅读舒适。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 成分元素过小，文字模糊，构图杂乱，虚假医疗宣传文案](https://gd-cms.dancf.com/gd-cms/xi19e5/0/42b7f332-c0c4-4689-9dee-6484fb29b07f43673.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 品牌核心修护科技讲解，科研背书型展示。
[氛围/风格] 专业科研风，浅米灰渐变背景，简洁高级学术质感。
[元素布局] 画面上半部分是3D分子结构建模，占比约40%，下半部分是三个编号核心卖点，突出同步多效修护科技，分子元素大且清晰，不做小icon点缀。无需展示产品外观。
[光影质感] 均匀柔和顶光，分子结构带透明高光，整体干净通透，信息层级清晰。
[配色色系] 全局底色 #F5F5F5；主色浅灰；辅助色浅金分子、深棕文字。
[视角构图] 居中对称构图，阅读动线上到下，分子图案 → 卖点列表。
[文字版式] 顶部大标题「同步多效修护科技」，下半部分三行编号卖点：1. 「多维修护 强韧肌肤屏障」2. 「舒缓肌肤 改善泛红干燥」3. 「匀净透亮 焕活年轻质感」，左对齐清晰排版，文字字号适中保证手机可读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 分子变形，文字错乱，排版拥挤，文字过小，虚假宣传，极限词。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/8f275347-2474-4f2f-a0dc-4dec4d58388611736.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3张] 详情页成分功效-祛斑亮肤功效链路专张。本张为成分机理页，不强制垫产品外观图，以成分大视觉元素为主。
[氛围/风格] 科研护肤风，高级实验室质感，光亮通透，层次丰富，非黑金奢华风，3D渲染质感。
[元素布局] 画面中央为大型透明精华液滴（占画面约40%），液滴内部悬浮金色活性分子、植物萃取微粒、莲花花蕊元素；液滴周围环绕3组功效链路节点，用发光线条连接；背景为深青蓝渐变到浅蓝，有微光粒子和柔和光晕；底部有实验室玻璃器皿剪影和淡金色波纹；整体成分元素占主视觉 ≥60%。
[光影质感] 中心主光源打亮液滴，四周辅助光勾勒分子轮廓，透明材质有折射高光，整体通透有科技感。
[配色色系] 全局底色 #1A3A4A 深青蓝渐变；主色透明青蓝、金色分子；辅助色白色标题、浅蓝发光线条。
[视角构图] 正面平视，中心液滴为视觉焦点，阅读动线顶部标题 → 中心液滴 → 环绕3组功效节点。
[文字版式] 顶部居中主标题「活性成分 多维修护」，副标题「从肌底改善 匀净透亮」；液滴上方标注「高活性精华分子」；液滴周围3组编号功效节点：「① 匀色淡斑 改善色斑晒斑」「② 去黄提亮 对抗暗沉氧化」「③ 控油净肤 舒缓痘痘毛孔」；底部小字说明「温和配方 适用于多种肤质」；所有文字清晰可读，不遮挡核心成分视觉。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 黑金奢华风，优惠信息，价格，水印，文字错乱，虚假医疗承诺，极限词，产品瓶身错误，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/6eb0d7e5-1ef4-4472-b205-3f501c8bf4d520485.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3张] 详情页成分机理-特号排色液净肤排色核心成分作用链路。本张为成分机理专页，以成分为主视觉，不强制使用产品外观图。
[氛围/风格] 科研实验室风，专业高级，色彩光亮通透，分子元素大尺寸呈现，商业3D渲染质感。
[元素布局] 画面中央为大型3D分子结构模型（占画面40%以上），周围环绕多个透明胶囊和活性成分粒子；上方为成分名称区，下方为三段式作用链路示意：「表层渗透→中层分解→底层焕亮」；背景为深蓝色科技感渐变，有实验室器皿轮廓和光斑；右侧有滴管滴出深棕色精华液的特写。
[光影质感] 分子结构自发光效果，周围有光晕；顶部柔光，底部暗部有反光；整体通透有科技感。
[配色色系] 全局底色 #1A3A5C 深蓝科技渐变；主色金色分子光；辅助色白色、浅蓝、深棕精华色。
[视角构图] 中心构图，分子结构为视觉焦点；阅读动线上标题→中分子→下三段链路。
[文字版式] 顶部主标题「净肤排色 肌底焕亮」；分子两侧标注核心成分关键词：「活性排色因子」「抗氧化精粹」；底部三段式信息图，每段配图标+短文案：「表层渗透 打开吸收通道」「中层分解 淡化色素沉淀」「底层焕亮 均匀肤色提亮」；文字大号清晰，白色+金色搭配。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 黑金奢华风格，水印，文字错乱，分子过小，背景杂乱，医疗功效承诺，优惠信息。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/09df4eab-f5cb-4767-b4a8-02dce051d69719024.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
