电商详情页第6张-成分分析保证值模块。统一视觉风格：浅薄荷绿#F1F8E9渐变背景，深森林绿#2E7D32主色，白色圆角卡片，圆润无衬线字体，绿色胶囊标题栏。 顶部：深绿色圆角胶囊「成分分析」居中，下
GD111317859...
2026.08.08电商详情页第6张-成分分析保证值模块。统一视觉风格：浅薄荷绿#F1F8E9渐变背景，深森林绿#2E7D32主色，白色圆角卡片，圆润无衬线字体，绿色胶囊标题栏。 顶部：深绿色圆角胶囊「成分分析」居中，下
GD111317859...
2026.08.08
![[第7屏] 产品资质检测报告展示，参考【图2】【图6】检测报告信息排版。
[氛围/风格] 专业严谨质量背书风格，浅色背景，简洁清晰，突出检测认证。
[元素布局] 顶部大标题区域，中部放置营养成分检测报告展示，保留清晰的项目、每100g含量、NRV%表格结构，底部放置检验检测专用章标识，整体排版工整，预留出信息展示空间。
[光影质感] 均匀清晰布光，表格文字清晰可辨，印章清晰，整体干净平整，无反光模糊。
[配色色系] 全局底色：#F3F9F7（浅青灰）；主体配色：#FFFFFF（表格白底）+#3A9E84（标题绿色）+#C41E1E（印章红色）；辅助色：#1A1A1A（文字黑色）。
[视角构图] 竖向通栏排版，从上到下标题-检测表格-印章，结构工整，阅读顺序清晰。
[文字版式] 顶部居中大标题「权威检测 品质保障」，温润宋体深墨绿色纯色字效，字体和字效与首屏保持一致。营养成分表严格保留原有数据：能量82kJ（1%）、蛋白质1.6g（3%）、脂肪0g（0%）、碳水化合物3.2g（1%）、钠6mg（0%），表格线条清晰，文字工整可辨。底部保留红色检验检测专用章位置，清晰完整。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 表格变形，文字模糊，数据错误，颜色偏差，印章扭曲，背景杂乱，水印，信息编造。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/48e9e6fc-5c18-4bc2-ac51-af70f35a0def4368.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5张] 原料组成页-详细配料表展示。本张使用【图4】作为内容参考，重新设计排版。
[氛围/风格] 清晰专业风，绿色系信息卡片式排版，干净整洁，商业设计质感。
[元素布局] 画面顶部为绿色标题栏，下方分三个圆角卡片模块：第一个模块「原料组成」，第二个模块「添加剂组成」，第三个模块「充分分析」预告；每个模块左侧有橙色圆角标签；背景为浅绿色渐变，带有细微纹理；右上角有小型猫粮碗图标装饰；整体信息层级清晰。
[光影质感] 平面设计风格，卡片有轻微阴影增加层次感，整体干净明亮。
[配色色系] 全局底色 #F1F8E9 极浅绿；主色深绿色标题；辅助色橙色标签、白色卡片底；点缀色浅绿分隔线。
[视角构图] 上下纵向信息流布局，阅读动线从上到下逐模块阅读。
[文字版式] 顶部大标题「营养添加类划分」，圆润粗黑体；每个模块左侧橙色圆角竖标签，白色文字；模块内黑色正文，左对齐排列；原料组成内容：脱骨鸡肉、脱水牛肉、紫薯粉、酿酒酵母粉(6%)、鸡油、木薯淀粉、酶解鸡肉粉、进口鱼粉、全脂羊乳粉(3%)、鱼油、牛油、车前子、纤维素、喷雾干燥血浆蛋白粉、螺旋藻(0.5%)、丝兰、南瓜胡萝卜、苹果(0.3%)、蔓越莓；添加剂组成内容：牛磺酸、果寡糖、枯草芽孢杆菌、氯化钾、氨基酸铁络合物、氨基酸锌络合物、多种维生素等；字号适中保证手机端可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，水印，排版混乱，颜色偏差，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/bebcefc6-fdf5-406e-9cce-3db7dda40a6d19073.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第11屏] 产品成分表说明，清晰列出全部成分。
[氛围/风格] 严谨信息卡风格，浅白底干净清晰，专业透明。
[元素布局] 顶部主标题，主体区域分主要成分和其他微量成分两块，文字排版整齐，行间距适中，不拥挤。
[光影质感] 均匀光线，文字清晰，信息区块分隔明显，整体干净清爽。
[配色色系] 全局底色：#F8F9F8；标题深绿色，成分名称黑色，区块标题加粗深色，区分明显。
[视角构图] 竖版从上到下排版，信息分层清晰，移动端阅读舒适。
[文字版式] 主标题「产品成分表」，主要成分区标题「主要成分」，列出：油橄榄果油、白蜂蜡、蓖麻籽油、牛油果树果脂、橄榄油癸醇酯类、生育酚、角鲨烯、迷迭香叶油、麝香草油、辣薄荷油、蓝桉叶油、白兰叶油。其他微量成分区标题「其他微量成分」，列出：二氢茉莉酮酸甲酯、柠檬果皮油、白兰花油、菖蒲根提取物、当归根提取物。所有成分名称清晰，排版整齐。
[比例分辨率] 9:16竖版，1080px宽，1920px高，4K分辨率，文字清晰可辨。
[负向提示词] 成分信息错误，文字重叠，排版拥挤，颜色刺眼，背景杂乱](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e560ad12-3f1b-45c6-853d-827a7c3385ba4034.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第11屏] 产品成分表说明，清晰列出全部成分。
[氛围/风格] 严谨信息卡风格，浅白底干净清晰，专业透明。
[元素布局] 顶部主标题，主体区域分主要成分和其他微量成分两块，文字排版整齐，行间距适中，不拥挤。
[光影质感] 均匀光线，文字清晰，信息区块分隔明显，整体干净清爽。
[配色色系] 全局底色：#F8F9F8；标题深绿色，成分名称黑色，区块标题加粗深色，区分明显。
[视角构图] 竖版从上到下排版，信息分层清晰，移动端阅读舒适。
[文字版式] 主标题「产品成分表」，主要成分区标题「主要成分」，列出：油橄榄果油、白蜂蜡、蓖麻籽油、牛油果树果脂、橄榄油癸醇酯类、生育酚、角鲨烯、迷迭香叶油、麝香草油、辣薄荷油、蓝桉叶油、白兰叶油。其他微量成分区标题「其他微量成分」，列出：二氢茉莉酮酸甲酯、柠檬果皮油、白兰花油、菖蒲根提取物、当归根提取物。所有成分名称清晰，排版整齐。
[比例分辨率] 9:16竖版，1080px宽，1920px高，4K分辨率，文字清晰可辨。
[负向提示词] 成分信息错误，文字重叠，排版拥挤，颜色刺眼，背景杂乱](https://gd-cms.dancf.com/gd-cms/xi19e5/0/5131d162-29a4-4635-814e-ee98b1c906b94119.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第4屏] 纯度成分展示屏，高浓度维生素C冲饮颗粒成分信息展示。
[氛围/风格] 干净简约，专业医学风，清晰直观。
[元素布局] 顶部放置大标题「高纯度无添加配方」；中部放置圆形进度图，可视化填充96%区域，标注「维生素C 96%」；进度图下方横向排列三个标签卡片，分别为「维生素C 96%」「无着色料」「无甘味料」；背景为纯白色，元素间距均匀，呼吸感充足。
[光影质感] 均匀柔光，整体干净明亮，进度图对比清晰。
[配色色系] 全局底色 #FFFFFF，主色绿色填充进度图，黑色文字，标签浅绿底。
[视角构图] 正面居中构图，信息从上到下依次展示，符合阅读习惯。
[文字版式] 顶部大标题「纯净成分 高活性保留」，加粗黑体；圆形进度图中心标注96%，三个标签横向均匀分布，文字清晰，不遮挡核心图形。
[比例分辨率] 9:16 竖版比例，分辨率790*1200px，4K高清画质。
[负向提示词] 图表变形，文字模糊，文字错乱，颜色杂乱，背景不干净](https://gd-cms.dancf.com/gd-cms/xi19e5/0/41e3af72-46f7-4544-9065-225f577ed6ab61946.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第4屏] 纯度成分展示屏，高浓度维生素C冲饮颗粒成分信息展示。
[氛围/风格] 干净简约，专业医学风，清晰直观。
[元素布局] 顶部放置大标题「高纯度无添加配方」；中部放置圆形进度图，可视化填充96%区域，标注「维生素C 96%」；进度图下方横向排列三个标签卡片，分别为「维生素C 96%」「无着色料」「无甘味料」；背景为纯白色，元素间距均匀，呼吸感充足。
[光影质感] 均匀柔光，整体干净明亮，进度图对比清晰。
[配色色系] 全局底色 #FFFFFF，主色绿色填充进度图，黑色文字，标签浅绿底。
[视角构图] 正面居中构图，信息从上到下依次展示，符合阅读习惯。
[文字版式] 顶部大标题「纯净成分 高活性保留」，加粗黑体；圆形进度图中心标注96%，三个标签横向均匀分布，文字清晰，不遮挡核心图形。
[比例分辨率] 9:16 竖版比例，分辨率790*1200px，4K高清画质。
[负向提示词] 图表变形，文字模糊，文字错乱，颜色杂乱，背景不干净](https://gd-cms.dancf.com/gd-cms/xi19e5/0/fc5ef38b-1dbc-4598-bf99-e4b574874a8061965.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第4屏] 纯度成分展示屏，高浓度维生素C冲饮颗粒成分信息展示。
[氛围/风格] 干净简约，专业医学风，清晰直观。
[元素布局] 顶部放置大标题「高纯度无添加配方」；中部放置圆形进度图，可视化填充96%区域，标注「维生素C 96%」；进度图下方横向排列三个标签卡片，分别为「维生素C 96%」「无着色料」「无甘味料」；背景为纯白色，元素间距均匀，呼吸感充足。
[光影质感] 均匀柔光，整体干净明亮，进度图对比清晰。
[配色色系] 全局底色 #FFFFFF，主色绿色填充进度图，黑色文字，标签浅绿底。
[视角构图] 正面居中构图，信息从上到下依次展示，符合阅读习惯。
[文字版式] 顶部大标题「纯净成分 高活性保留」，加粗黑体；圆形进度图中心标注96%，三个标签横向均匀分布，文字清晰，不遮挡核心图形。
[比例分辨率] 9:16 竖版比例，分辨率790*1200px，4K高清画质。
[负向提示词] 图表变形，文字模糊，文字错乱，颜色杂乱，背景不干净](https://gd-cms.dancf.com/gd-cms/xi19e5/0/d93593d9-e511-483c-bd05-e746745eddae62405.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第4屏] 纯度成分展示屏，高浓度维生素C冲饮颗粒成分信息展示。
[氛围/风格] 干净简约，专业医学风，清晰直观。
[元素布局] 顶部放置大标题「高纯度无添加配方」；中部放置圆形进度图，可视化填充96%区域，标注「维生素C 96%」；进度图下方横向排列三个标签卡片，分别为「维生素C 96%」「无着色料」「无甘味料」；背景为纯白色，元素间距均匀，呼吸感充足。
[光影质感] 均匀柔光，整体干净明亮，进度图对比清晰。
[配色色系] 全局底色 #FFFFFF，主色绿色填充进度图，黑色文字，标签浅绿底。
[视角构图] 正面居中构图，信息从上到下依次展示，符合阅读习惯。
[文字版式] 顶部大标题「纯净成分 高活性保留」，加粗黑体；圆形进度图中心标注96%，三个标签横向均匀分布，文字清晰，不遮挡核心图形。
[比例分辨率] 9:16 竖版比例，分辨率790*1200px，4K高清画质。
[负向提示词] 图表变形，文字模糊，文字错乱，颜色杂乱，背景不干净](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3ee7a803-edff-45f9-bda3-4b15ef6b0ba162646.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6张] 营养参数页-成分保证值分析表。本张使用【图2】作为内容参考，重新设计排版。
[氛围/风格] 专业严谨风，米白配绿色，数据表格清晰呈现，可信专业质感。
[元素布局] 画面顶部绿色标题栏，下方为营养成分保证值表格，分两行四列展示八项核心指标；表格单元格为米白色底，绿色边框；背景为浅米色渐变，带有细微圆点纹理；表格下方有装饰性的猫粮颗粒小图标；整体数据清晰易读。
[光影质感] 平面信息图风格，表格有轻微阴影，整体干净整洁。
[配色色系] 全局底色 #FFF8E1 浅米黄；主色深绿色表头；辅助色米白表格、橙色强调色；点缀色浅绿分隔线。
[视角构图] 居中表格布局，上下留白，阅读动线从上到下逐行阅读。
[文字版式] 顶部大标题「营养成分保证值」，圆润粗黑体；表格第一行四项：粗蛋白质≥30%、粗脂肪≥14%、粗纤维≤5%、粗灰分≤10%；表格第二行四项：牛磺酸≥0.1%、钙≥1%、总磷≥0.8%、水分≤10%；底部一行：水溶性氯化物(以Cl⁻计)≥0.45%；每项指标名称在上，数值在下，数值用橙色加粗突出；表格文字清晰，手机端可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，水印，表格变形，颜色偏差，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/c5fd1fad-d297-42f9-87e4-4f4e2e42557e19548.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6张] 营养参数页-成分保证值分析表。本张使用【图2】作为内容参考，重新设计排版。
[氛围/风格] 专业严谨风，米白配绿色，数据表格清晰呈现，可信专业质感。
[元素布局] 画面顶部绿色标题栏，下方为营养成分保证值表格，分两行四列展示八项核心指标；表格单元格为米白色底，绿色边框；背景为浅米色渐变，带有细微圆点纹理；表格下方有装饰性的猫粮颗粒小图标；整体数据清晰易读。
[光影质感] 平面信息图风格，表格有轻微阴影，整体干净整洁。
[配色色系] 全局底色 #FFF8E1 浅米黄；主色深绿色表头；辅助色米白表格、橙色强调色；点缀色浅绿分隔线。
[视角构图] 居中表格布局，上下留白，阅读动线从上到下逐行阅读。
[文字版式] 顶部大标题「营养成分保证值」，圆润粗黑体；表格第一行四项：粗蛋白质≥30%、粗脂肪≥14%、粗纤维≤5%、粗灰分≤10%；表格第二行四项：牛磺酸≥0.1%、钙≥1%、总磷≥0.8%、水分≤10%；底部一行：水溶性氯化物(以Cl⁻计)≥0.45%；每项指标名称在上，数值在下，数值用橙色加粗突出；表格文字清晰，手机端可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，水印，表格变形，颜色偏差，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/b5e3ce3a-da7a-4ccf-b640-c6cf7200911519615.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第11屏] 详情页购买保障&权威认证屏。
[氛围/风格] 信赖感，简约干净卡片式设计，专业商业设计风格。
[元素布局] 浅金色细边框，四个圆角卡片排列，每行两张共两行。卡片1：国家质检合格证书图标+文字；卡片2：无磷/无荧光剂/无漂白剂打勾清单；卡片3：7天无理由退换 + 运费险；卡片4：20万+瓶销量，98.7%好评率配星级星星。四张卡片均匀分布，中央区域放置大字宣传文案。整体排版整齐，信任感强。
[光影质感] 均匀柔和光线，卡片阴影自然，文字图标清晰。
[配色色系] 背景白色，卡片浅灰色底色，边框浅金色 #D4AF37，标题文字深灰色，对勾和星星用科技蓝 #2B5F8A。
[视角构图] 居中四宫格排版，中央留出大字区域，结构清晰。
[文字版式] 中央大字："您尽管买，我们保障到底"，思源宋体 SemiBold；每个卡片内标题思源黑体 Regular，文字清晰。字体规范符合要求。
[比例分辨率] 3:4 竖版比例，750×1000px，2K分辨率，文字清晰可辨，超高清。
[负向提示词] 卡片变形，文字错乱，排版歪扭，水印，背景杂乱，文案模糊](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a00780f2-7b5c-4746-a34c-be8aee8b1658720.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] A4热敏纸服务保障承诺页。
[氛围/风格] 安心可靠购物保障页，绿色安全氛围，突出无忧购物承诺，让消费者放心。
[元素布局] 淡绿色盾牌纹理背景，顶部大标题，主体区域七个服务保障项排列成两行，每行三个半，每个保障项配绿色勾选图标，整体排列整齐，间距均匀。
[光影质感] 背景柔和，图标和文字清晰，绿色浅背景不抢文字主体，勾选图标突出醒目，整体明亮舒适。
[配色色系] 背景淡绿色渐变，主标题深绿色，文字深灰色，勾选图标绿色#10AC84，整体统一绿色调营造安全感。
[视角构图] 居中网格排版，正面展示，构图稳定，留白合适。
[文字版式] 顶部主标题："无忧购物 服务保障"绿色粗体。服务保障项：✅7天无理由退换；✅30天质量问题免费换新；✅退货包运费；✅破损包赔；✅晚发必赔；✅正品保障（假一赔四）；✅7×24小时客服支持。每个项目带绿色对勾，文字清晰，排版整齐，手机端一目了然。
[比例分辨率] 宽750像素，高1200像素，比例5:8，4K分辨率，文字清晰可辨。
[负向提示词] 排版混乱，文字重叠，图标变形，颜色怪异，水印，诱导文字](https://gd-cms.dancf.com/gd-cms/xi19e5/0/0e726a34-a79c-4870-9807-1650edded9d8916.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)