创意预览图

第 1 屏:家用代步新选择 提示词:温馨家用风首屏,背景为浅蓝渐变 + 简约云朵装饰框;主视觉是乡镇巷道 / 小区楼下的车辆停放实拍(白色车身),搭配 “接娃 / 买菜 / 通勤” 三个浅蓝圆形标签;

用户头像

1qzzoleq29u...

2026.04.28
[第7屏] 家庭维保服务保障展示页面。 [氛围/风格] 安心可靠、保障齐全、盾牌/徽章元素风格,增强信任感。 [元素布局] 画面采用中心辐射式布局,中央是一个大大的金色盾牌图标,盾牌上有对勾符号,象征保障;盾牌周围环绕着四个保障项目卡片,呈花瓣状排列:1. 质保保障(时钟图标+质保时长)2. 售后响应(电话/客服图标+响应时间)3. 不满意重做(循环箭头图标+服务承诺)4. 安全保障(安全帽/保险图标+财产安全);四个卡片通过线条与中心盾牌连接;背景有淡淡的放射状光线效果,增强中心聚焦感;底部有真实用户评价的小气泡装饰。 [光影质感] 中心盾牌有金属光泽和发光效果,周围卡片有柔和阴影,整体光线从中心向外辐射,有神圣感和可靠感。 [配色色系] 全局底色 #FEF3C7 淡黄色渐变;主色 #D97706 金色/琥珀色;辅助色 #2563EB 蓝色、#059669 绿色;盾牌用金色渐变;卡片底色白色。 [视角构图] 正面平视,中心对称构图,视觉焦点在中央盾牌,阅读动线从中心盾牌→四周保障卡片→底部评价。 [文字版式] 顶部主标题「多重保障 服务无忧」粗体金色字,副标题「让您的每一次选择都安心」灰色小字;每个保障卡片:上方彩色图标,中间保障名称(粗体字),下方2行小字说明具体内容;底部有两个用户评价气泡,内含「师傅很专业,收费透明」「修完用了半年都没坏,点赞」等评价文字+星级评分。文字清晰可读,保障名称醒目。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,背景杂乱,颜色偏差,低俗内容。[第7屏] 家庭维保服务保障展示页面。
[氛围/风格] 安心可靠、保障齐全、盾牌/徽章元素风格,增强信任感。
[元素布局] 画面采用中心辐射式布局,中央是一个大大的金色盾牌图标,盾牌上有对勾符号,象征保障;盾牌周围环绕着四个保障项目卡片,呈花瓣状排列:1. 质保保障(时钟图标+质保时长)2. 售后响应(电话/客服图标+响应时间)3. 不满意重做(循环箭头图标+服务承诺)4. 安全保障(安全帽/保险图标+财产安全);四个卡片通过线条与中心盾牌连接;背景有淡淡的放射状光线效果,增强中心聚焦感;底部有真实用户评价的小气泡装饰。
[光影质感] 中心盾牌有金属光泽和发光效果,周围卡片有柔和阴影,整体光线从中心向外辐射,有神圣感和可靠感。
[配色色系] 全局底色 #FEF3C7 淡黄色渐变;主色 #D97706 金色/琥珀色;辅助色 #2563EB 蓝色、#059669 绿色;盾牌用金色渐变;卡片底色白色。
[视角构图] 正面平视,中心对称构图,视觉焦点在中央盾牌,阅读动线从中心盾牌→四周保障卡片→底部评价。
[文字版式] 顶部主标题「多重保障 服务无忧」粗体金色字,副标题「让您的每一次选择都安心」灰色小字;每个保障卡片:上方彩色图标,中间保障名称(粗体字),下方2行小字说明具体内容;底部有两个用户评价气泡,内含「师傅很专业,收费透明」「修完用了半年都没坏,点赞」等评价文字+星级评分。文字清晰可读,保障名称醒目。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,背景杂乱,颜色偏差,低俗内容。
[第5屏] 模式特色-四大核心优势卖点展示。 [氛围/风格] 卖点卡片展示页,四个卖点卡片排列,活泼清晰,延续整体设计风格。 [元素布局] 顶部大标题,下方2行2列排列四个卖点卡片,每个卡片独立展示一个特色,卡片带圆角和浅边框。每个卡片包含图标+标题+简短说明,信息完整。整体留白均匀,呼吸感好。 [光影质感] 卡片带轻微投影,和背景层次分明,每个卡片内光照均匀,文字清晰。 [配色色系] 全局底色 #F5F8FC;主色 #165DFF(浅蓝);辅助色 #333333(深灰正文);每个卡片图标用不同浅色系区分,强调色 #FF7D00保留。延续第一屏配色方案。 [视角构图] 网格排版,标题在上,四个卡片等分空间,居中对齐。 [文字版式] 顶部标题:"模式核心特色",蓝色加粗居中;四个卡片内容: 卡片1:图标低门槛,标题"低门槛入驻",说明"消费即送代理 不囤货不压货" 卡片2:图标提现,标题"每日可提现",说明"奖金每天可提 可提现多次" 卡片3:图标福利,标题"每月领福利",说明"免费领取0元福利区产品" 卡片4:图标裂变,标题"快速升最高级",说明"直推2单即升级 老板享直推300+间推200" 每个卡片标题加粗,说明文字行高适中,移动端单卡片文字清晰不拥挤。 [比例分辨率] 宽高比 3:4,宽度1080像素,高度1440像素,2K分辨率。 [负向提示词] 变形,水印,文字错乱,卡片排列歪斜,文字重叠,背景杂乱。[第5屏] 模式特色-四大核心优势卖点展示。
[氛围/风格] 卖点卡片展示页,四个卖点卡片排列,活泼清晰,延续整体设计风格。
[元素布局] 顶部大标题,下方2行2列排列四个卖点卡片,每个卡片独立展示一个特色,卡片带圆角和浅边框。每个卡片包含图标+标题+简短说明,信息完整。整体留白均匀,呼吸感好。
[光影质感] 卡片带轻微投影,和背景层次分明,每个卡片内光照均匀,文字清晰。
[配色色系] 全局底色 #F5F8FC;主色 #165DFF(浅蓝);辅助色 #333333(深灰正文);每个卡片图标用不同浅色系区分,强调色 #FF7D00保留。延续第一屏配色方案。
[视角构图] 网格排版,标题在上,四个卡片等分空间,居中对齐。
[文字版式] 顶部标题:"模式核心特色",蓝色加粗居中;四个卡片内容:
卡片1:图标低门槛,标题"低门槛入驻",说明"消费即送代理 不囤货不压货"
卡片2:图标提现,标题"每日可提现",说明"奖金每天可提 可提现多次"
卡片3:图标福利,标题"每月领福利",说明"免费领取0元福利区产品"
卡片4:图标裂变,标题"快速升最高级",说明"直推2单即升级 老板享直推300+间推200"
每个卡片标题加粗,说明文字行高适中,移动端单卡片文字清晰不拥挤。
[比例分辨率] 宽高比 3:4,宽度1080像素,高度1440像素,2K分辨率。
[负向提示词] 变形,水印,文字错乱,卡片排列歪斜,文字重叠,背景杂乱。
[第7屏] 收纳服务套餐对比页面,展示不同档位选择。 [氛围/风格] 清晰信息图表风格,专业简洁,日系简约,商业设计质感。 [元素布局] 画面展示三个套餐卡片横向并排,从左到右依次为「基础体验」「标准全屋」「深度定制」,中间的标准套餐高亮突出(有推荐标签和金色边框);每个卡片内包含套餐名称、价格、适用户型、服务内容清单;卡片底部有「立即预约」按钮样式。背景为浅米色,卡片为白色底带轻微阴影。 [光影质感] 均匀柔和光线,卡片有轻微投影增加立体感,整体干净明亮。 [配色色系] 全局底色 #F7F5F0 米白色;卡片白色底;推荐套餐用浅绿边框+顶部「人气推荐」橙色标签;文字深灰为主,价格用橙色强调。 [视角构图] 三栏卡片横向对比布局,顶部标题区,底部有补充说明文字。 [文字版式] 顶部主标题「选择适合你的套餐」,黑体加粗居中;每个套餐卡片:顶部套餐名称「基础体验」「标准全屋」「深度定制」;价格区「¥xxx起」大号橙色字;适用户型「适合1室/小户型」「适合2-3室」「适合4室+大户型」;服务内容用对勾图标+文字列出3-4项:「空间诊断」「分类整理」「收纳建议」「后续指导」等;底部按钮文字「立即咨询」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,价格模糊,颜色偏差。[第7屏] 收纳服务套餐对比页面,展示不同档位选择。
[氛围/风格] 清晰信息图表风格,专业简洁,日系简约,商业设计质感。
[元素布局] 画面展示三个套餐卡片横向并排,从左到右依次为「基础体验」「标准全屋」「深度定制」,中间的标准套餐高亮突出(有推荐标签和金色边框);每个卡片内包含套餐名称、价格、适用户型、服务内容清单;卡片底部有「立即预约」按钮样式。背景为浅米色,卡片为白色底带轻微阴影。
[光影质感] 均匀柔和光线,卡片有轻微投影增加立体感,整体干净明亮。
[配色色系] 全局底色 #F7F5F0 米白色;卡片白色底;推荐套餐用浅绿边框+顶部「人气推荐」橙色标签;文字深灰为主,价格用橙色强调。
[视角构图] 三栏卡片横向对比布局,顶部标题区,底部有补充说明文字。
[文字版式] 顶部主标题「选择适合你的套餐」,黑体加粗居中;每个套餐卡片:顶部套餐名称「基础体验」「标准全屋」「深度定制」;价格区「¥xxx起」大号橙色字;适用户型「适合1室/小户型」「适合2-3室」「适合4室+大户型」;服务内容用对勾图标+文字列出3-4项:「空间诊断」「分类整理」「收纳建议」「后续指导」等;底部按钮文字「立即咨询」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,价格模糊,颜色偏差。
[第7屏] 收纳服务规格与适用人群详情页,套餐信息说明。 [氛围/风格] 清晰信息卡片风格,专业明了,日式极简,商业设计质感。 [元素布局] 画面上方是三个套餐卡片横向排列(基础体验、全屋整理、定制规划),卡片有不同颜色边框区分;下方是适用人群和不适用人群两个板块,左右并排;背景浅米色,简约装饰线条。 [光影质感] 平面设计风格,均匀明亮,卡片有轻微阴影增加层次感。 [配色色系] 全局底色 #F7F5F0;卡片白色底;基础款浅灰边框、全屋款抹茶绿边框、定制款金色边框;文字深灰为主。 [视角构图] 上半部分三列套餐卡片,下半部分左右分栏,整体居中对称,阅读动线从上到下。 [文字版式] 顶部主标题「选择适合你的收纳方案」居中加粗;三个套餐卡片分别标注:「基础体验」- 单空间/4小时/适合小范围整理,「全屋整理」- 全屋空间/1-2天/适合整体改造,「定制规划」- 专属方案+上门+30天跟进/适合深度需求;下方左侧「适合人群」:搬家入住、换季整理、空间不够用、想系统学收纳;右侧「暂不适合」:期望当天彻底改变、不愿断舍离、房屋正在装修中;底部有提示「下单前可咨询客服评估方案」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片模糊,颜色偏差,信息杂乱。[第7屏] 收纳服务规格与适用人群详情页,套餐信息说明。
[氛围/风格] 清晰信息卡片风格,专业明了,日式极简,商业设计质感。
[元素布局] 画面上方是三个套餐卡片横向排列(基础体验、全屋整理、定制规划),卡片有不同颜色边框区分;下方是适用人群和不适用人群两个板块,左右并排;背景浅米色,简约装饰线条。
[光影质感] 平面设计风格,均匀明亮,卡片有轻微阴影增加层次感。
[配色色系] 全局底色 #F7F5F0;卡片白色底;基础款浅灰边框、全屋款抹茶绿边框、定制款金色边框;文字深灰为主。
[视角构图] 上半部分三列套餐卡片,下半部分左右分栏,整体居中对称,阅读动线从上到下。
[文字版式] 顶部主标题「选择适合你的收纳方案」居中加粗;三个套餐卡片分别标注:「基础体验」- 单空间/4小时/适合小范围整理,「全屋整理」- 全屋空间/1-2天/适合整体改造,「定制规划」- 专属方案+上门+30天跟进/适合深度需求;下方左侧「适合人群」:搬家入住、换季整理、空间不够用、想系统学收纳;右侧「暂不适合」:期望当天彻底改变、不愿断舍离、房屋正在装修中;底部有提示「下单前可咨询客服评估方案」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片模糊,颜色偏差,信息杂乱。
[第12张] 售后保障与行动号召页——服务承诺与立即预约。本张使用【图1】作为服务品质背景图参考(半透明背景叠加)。 [氛围/风格] 信任保障+行动号召,稳重有力,京东服务保障风格,渐变背景+图标组合。 [元素布局] 画面背景为淡蓝色渐变,叠加半透明安装场景(参考输入图中师傅与幕布,作为氛围背景);中上部为4大售后保障图标横向排列:「质保服务」「快速响应」「免费返工」「全程保险」;中下部为大号行动号召按钮区;底部为客服与联系方式提示。 [光影质感] 背景柔和朦胧,前景图标与文字清晰突出,按钮有光泽感和立体感,整体温暖可信。 [配色色系] 全局底色浅蓝渐变 #E3F2FD → #BBDEFB;主色深蓝 #1F3A5F;行动按钮橙色渐变 #F5A623 → #E67E22;图标蓝色填充;保障标签白色底。 [视角构图] 正面平视,居中对称布局,阅读动线顶部标语 → 4大保障 → 行动按钮 → 底部客服提示。 [文字版式] 顶部主标题「售后无忧 安心之选」,副标题「多重保障 让您安装无后顾之忧」;4个保障图标下方对应文字:「质保服务」「快速响应」「不满意返工」「安全保障」;中间大号橙色按钮「立即预约上门安装」,按钮内白色粗体字;按钮下方小字「点击咨询客服 获取专属安装方案」;最底部标注「全国主要城市可上门服务 详情咨询在线客服」。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 按钮诱导点击感过强,文字错乱,文字过小,水印,京东logo,虚假承诺。[第12张] 售后保障与行动号召页——服务承诺与立即预约。本张使用【图1】作为服务品质背景图参考(半透明背景叠加)。
[氛围/风格] 信任保障+行动号召,稳重有力,京东服务保障风格,渐变背景+图标组合。
[元素布局] 画面背景为淡蓝色渐变,叠加半透明安装场景(参考输入图中师傅与幕布,作为氛围背景);中上部为4大售后保障图标横向排列:「质保服务」「快速响应」「免费返工」「全程保险」;中下部为大号行动号召按钮区;底部为客服与联系方式提示。
[光影质感] 背景柔和朦胧,前景图标与文字清晰突出,按钮有光泽感和立体感,整体温暖可信。
[配色色系] 全局底色浅蓝渐变 #E3F2FD → #BBDEFB;主色深蓝 #1F3A5F;行动按钮橙色渐变 #F5A623 → #E67E22;图标蓝色填充;保障标签白色底。
[视角构图] 正面平视,居中对称布局,阅读动线顶部标语 → 4大保障 → 行动按钮 → 底部客服提示。
[文字版式] 顶部主标题「售后无忧 安心之选」,副标题「多重保障 让您安装无后顾之忧」;4个保障图标下方对应文字:「质保服务」「快速响应」「不满意返工」「安全保障」;中间大号橙色按钮「立即预约上门安装」,按钮内白色粗体字;按钮下方小字「点击咨询客服 获取专属安装方案」;最底部标注「全国主要城市可上门服务 详情咨询在线客服」。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 按钮诱导点击感过强,文字错乱,文字过小,水印,京东logo,虚假承诺。
旺仔牛奶罐装电商详情页设计方案 🌟 首屏:国民经典记忆唤醒 【全屏视觉区】 · 9:16竖版怀旧风格主视觉 · 核心画面:旺仔经典红罐45°角特写,罐身微微反光,液面即将溢出的饱满感 · 背景:泛黄老照片质感的童年场景(教室课桌/老式电视机) · 叠加动态文案: · 主标题:「国民经典 一口回到小时候」 · 副标题:「28年不变的味道,3亿人的童年记忆」 · 视觉点缀:飘动的怀旧元素(纸飞机、小红花、老式糖纸) 【顶部信息层】 · 左上角:旺旺集团logo +「30年品质保障」徽章 · 右上角促销标: 🎁「整箱更划算 低至4.9元/罐」 🚛「今日下单 明日送达」 🔥「月销50万箱 经典之选」 【底部引导】 · 向下滑动箭头 + 提示语:「往下翻,解锁童年味道的秘密」 --- 第二屏:三大核心亮点深度解析 【板块标题】 · 主标题:「为什么我们爱了28年?」 · 副标题:「三大核心亮点 圈粉三代人」 【亮点一:经典复刻】 · 左侧:产品剖面创意视觉 · 罐体透明化处理,展示浓郁奶液流动感 · 标注关键成分:「生牛乳基底」「独有发酵工艺」「黄金甜度比」 · 右侧文案: · 🥛「严选优质生牛乳」 · 👶「从1994年到今天,一样的浓醇」 · 😊「标志性笑脸,开启一天好心情」 · 小字注:28年配方微调0次,经典无需改变 【亮点二:全场景适配】 · 场景化拼贴设计(16:9比例横滑区域): 1. 早餐时刻:牛奶+面包+煎蛋,配文「元气启动」 2. 办公场景:桌面旺仔罐装,配文「午后回血」 3. 户外野餐:草地野餐垫上罐装特写,配文「欢乐分享」 4. 旅行途中:车载杯架中的旺仔,配文「随时甜蜜」 · 功能图标说明: 🚫「无需冷藏」|🧳「便携不洒」|⏱️「开罐即饮」 【亮点三:品质安心】 · 认证与数据可视化模块: · 品质金字塔图示: 顶层:「30年旺旺集团匠心」 中层:「UHT瞬时灭菌技术」 底层:「每批次严格检测」 · 营养成分亮点卡片: 🏆「蛋白质≥2.3g/100ml」 🦴「钙含量≥100mg/100ml」 ✅「0防腐剂添加」 · 安全认证图标组:ISO22000、HACCP、食品安全SC标志 --- 第三屏:产品信息透明展示 【详细参数表】 采用卡片式分层设计,信息层级清晰: 类别 具体信息 视觉辅助 基本信息 品牌:旺仔(旺旺集团) 口味:经典原味 规格:245ml/罐 罐装尺寸示意图 包装选项 12罐装(家庭周享装) 24罐装(月享囤货装) 礼品装(附红色手提袋) 包装堆叠实拍图 配料表 生牛乳、白砂糖、乳清粉… (食品添加剂符合国标) 原料实拍拼贴 营养成分 每100ml含: · 能量272kJ · 蛋白质2.3g · 钙100mg · 碳水化合物5.0g 营养比例扇形图 储存饮用 保质期:9个月 储存:常温避光 饮用:冷饮更佳,开启后24h内饮完 冰箱/储物柜图标 【生产溯源展示】 · 16:9生产流水线横图(现代化车间) · 标注关键工序:「生乳检验」「均质处理」「灭菌灌装」「激光检测」 · 小字说明:「从牧场到罐装,经过68道品控环节」 --- 第四屏:真实口碑见证 【口碑标题区】 · 「3,000,000+家庭的共同选择」 · 评分展示:⭐️⭐️⭐️⭐️⭐️ 4.9分(基于25万评价) 【精选评价陈列】 采用“用户头像+评价+场景图”卡片式布局: 1. 陪伴成长型: · 用户:@乐乐妈妈,85后 · 评价:「我小时候喝,现在儿子也喝,28年味道一点没变!罐装设计太人性化了,孩子自己拿着喝也不怕洒。」 · 配图:母子碰杯温馨场景 · 标签:#传承 #母婴信赖 2. 日常囤货型: · 用户:@办公室小张,90后 · 评价:「办公室必备!下午困了来一罐,甜度刚好不腻,比咖啡温和。整箱买合4.9元一罐,性价比无敌。」 · 配图:办公桌囤货实拍(一箱未拆) · 标签:#提神 #性价比 3. 品质信赖型: · 用户:@营养师王姐,75后 · 评价:「作为营养师,选儿童饮品很谨慎。旺仔配料干净,蛋白质和钙含量达标,罐装密封性好,外出携带放心。」 · 配图:营养成分表特写+认证标志 · 标签:#专业认可 #安心之选 【评价总结栏】 · 高频关键词云图:「童年回忆」「味道正」「方便」「性价比高」「孩子爱喝」「送礼合适」 --- 第五屏:促销转化强引导 【品牌实力背书】 · 旺旺集团里程碑时间轴: 1992:旺旺集团进入大陆 1994:旺仔牛奶上市 2000:年销量突破1亿罐 2022:累计销售超50亿罐 · 荣誉墙图标展示:「消费者信赖品牌」「全国销量领先」 【限时促销模块】 · 倒计时牌:「本次优惠剩余 01:28:15」 · 价格对比条: · 单罐零售价:6.5元 · 整箱价(12罐):~~78元~~ → 58.8元(立省19.2元) · 超级囤货装(24罐):~~156元~~ → 109元(低至4.54元/罐) · 赠品提示: 「前2000名送限定款旺仔贴纸套装」 「满2箱送复古铁皮旺仔小车模型」 【保障服务与行动点】 · 服务保障三连: 🛡️「破损必赔(提供照片即赔)」 🔄「7天无理由(未拆箱可退)」 🚚「送货上门(无需自提)」 · 购买提示: ✅ 推荐24罐装:适合3-4口家庭月度饮用 ✅ 12罐装+礼品袋:走亲访友体面伴手礼 【底部固定操作栏】 · 左侧快捷操作: ❤️ 收藏商品(显示“已收藏12万人”) 💬 咨询客服(悬浮旺仔客服头像) · 右侧购买按钮组: · 主按钮:🔥「立即抢购 24罐装」红色渐变 · 次按钮:⚪「加入购物车 12罐装」 · 底部小字:「支付方式:支持花呗分期(3期免息)」 --- 设计执行规范 1. 色彩系统: · 主色:旺仔经典红(#E7372C) · 辅色:牛奶白(#FFF)、温暖黄(#FFD700) · 背景:怀旧米白(#F8F5E9) 2. 字体应用: · 标题:阿里巴巴普惠体 Bold(圆润亲和) · 正文:思源黑体 Regular · 数据:Din Pro 数字字体 3. 交互细节: · 首屏旺仔笑脸轻微浮动动画 · 第二屏场景图可横向滑动 · 价格切换时动态变化效果 · 收藏按钮点击后变实心并计数+1 4. 移动端适配: · 所有图片响应式加载(根据网络速度) · 按钮点击区域不小于44pt · 关键信息区域添加“复制”功能(如生产日期批号) --- 此详情页以“情感共鸣→产品信任→口碑验证→优惠促单”为逻辑线,既唤醒集体记忆,又提供理性购买依据,最终通过限时优惠和强保障推动快速决策,适合电商平台直接落地执行。旺仔牛奶罐装电商详情页设计方案

🌟 首屏:国民经典记忆唤醒

【全屏视觉区】

· 9:16竖版怀旧风格主视觉
· 核心画面:旺仔经典红罐45°角特写,罐身微微反光,液面即将溢出的饱满感
· 背景:泛黄老照片质感的童年场景(教室课桌/老式电视机)
· 叠加动态文案:
  · 主标题:「国民经典 一口回到小时候」
  · 副标题:「28年不变的味道,3亿人的童年记忆」
· 视觉点缀:飘动的怀旧元素(纸飞机、小红花、老式糖纸)

【顶部信息层】

· 左上角:旺旺集团logo +「30年品质保障」徽章
· 右上角促销标:
  🎁「整箱更划算 低至4.9元/罐」
  🚛「今日下单 明日送达」
  🔥「月销50万箱 经典之选」

【底部引导】

· 向下滑动箭头 + 提示语:「往下翻,解锁童年味道的秘密」

---

第二屏:三大核心亮点深度解析

【板块标题】

· 主标题:「为什么我们爱了28年?」
· 副标题:「三大核心亮点 圈粉三代人」

【亮点一:经典复刻】

· 左侧:产品剖面创意视觉
  · 罐体透明化处理,展示浓郁奶液流动感
  · 标注关键成分:「生牛乳基底」「独有发酵工艺」「黄金甜度比」
· 右侧文案:
  · 🥛「严选优质生牛乳」
  · 👶「从1994年到今天,一样的浓醇」
  · 😊「标志性笑脸,开启一天好心情」
· 小字注:28年配方微调0次,经典无需改变

【亮点二:全场景适配】

· 场景化拼贴设计(16:9比例横滑区域):
  1. 早餐时刻:牛奶+面包+煎蛋,配文「元气启动」
  2. 办公场景:桌面旺仔罐装,配文「午后回血」
  3. 户外野餐:草地野餐垫上罐装特写,配文「欢乐分享」
  4. 旅行途中:车载杯架中的旺仔,配文「随时甜蜜」
· 功能图标说明:
  🚫「无需冷藏」|🧳「便携不洒」|⏱️「开罐即饮」

【亮点三:品质安心】

· 认证与数据可视化模块:
  · 品质金字塔图示:
    顶层:「30年旺旺集团匠心」
    中层:「UHT瞬时灭菌技术」
    底层:「每批次严格检测」
  · 营养成分亮点卡片:
    🏆「蛋白质≥2.3g/100ml」
    🦴「钙含量≥100mg/100ml」
    ✅「0防腐剂添加」
  · 安全认证图标组:ISO22000、HACCP、食品安全SC标志

---

第三屏:产品信息透明展示

【详细参数表】
采用卡片式分层设计,信息层级清晰:

类别 具体信息 视觉辅助
基本信息 品牌:旺仔(旺旺集团) 口味:经典原味 规格:245ml/罐 罐装尺寸示意图
包装选项 12罐装(家庭周享装) 24罐装(月享囤货装) 礼品装(附红色手提袋) 包装堆叠实拍图
配料表 生牛乳、白砂糖、乳清粉… (食品添加剂符合国标) 原料实拍拼贴
营养成分 每100ml含: · 能量272kJ · 蛋白质2.3g · 钙100mg · 碳水化合物5.0g 营养比例扇形图
储存饮用 保质期:9个月 储存:常温避光 饮用:冷饮更佳,开启后24h内饮完 冰箱/储物柜图标

【生产溯源展示】

· 16:9生产流水线横图(现代化车间)
· 标注关键工序:「生乳检验」「均质处理」「灭菌灌装」「激光检测」
· 小字说明:「从牧场到罐装,经过68道品控环节」

---

第四屏:真实口碑见证

【口碑标题区】

· 「3,000,000+家庭的共同选择」
· 评分展示:⭐️⭐️⭐️⭐️⭐️ 4.9分(基于25万评价)

【精选评价陈列】
采用“用户头像+评价+场景图”卡片式布局:

1. 陪伴成长型:
   · 用户:@乐乐妈妈,85后
   · 评价:「我小时候喝,现在儿子也喝,28年味道一点没变!罐装设计太人性化了,孩子自己拿着喝也不怕洒。」
   · 配图:母子碰杯温馨场景
   · 标签:#传承 #母婴信赖
2. 日常囤货型:
   · 用户:@办公室小张,90后
   · 评价:「办公室必备!下午困了来一罐,甜度刚好不腻,比咖啡温和。整箱买合4.9元一罐,性价比无敌。」
   · 配图:办公桌囤货实拍(一箱未拆)
   · 标签:#提神 #性价比
3. 品质信赖型:
   · 用户:@营养师王姐,75后
   · 评价:「作为营养师,选儿童饮品很谨慎。旺仔配料干净,蛋白质和钙含量达标,罐装密封性好,外出携带放心。」
   · 配图:营养成分表特写+认证标志
   · 标签:#专业认可 #安心之选

【评价总结栏】

· 高频关键词云图:「童年回忆」「味道正」「方便」「性价比高」「孩子爱喝」「送礼合适」

---

第五屏:促销转化强引导

【品牌实力背书】

· 旺旺集团里程碑时间轴:
  1992:旺旺集团进入大陆
  1994:旺仔牛奶上市
  2000:年销量突破1亿罐
  2022:累计销售超50亿罐
· 荣誉墙图标展示:「消费者信赖品牌」「全国销量领先」

【限时促销模块】

· 倒计时牌:「本次优惠剩余 01:28:15」
· 价格对比条:
  · 单罐零售价:6.5元
  · 整箱价(12罐):~~78元~~ → 58.8元(立省19.2元)
  · 超级囤货装(24罐):~~156元~~ → 109元(低至4.54元/罐)
· 赠品提示:
  「前2000名送限定款旺仔贴纸套装」
  「满2箱送复古铁皮旺仔小车模型」

【保障服务与行动点】

· 服务保障三连:
  🛡️「破损必赔(提供照片即赔)」
  🔄「7天无理由(未拆箱可退)」
  🚚「送货上门(无需自提)」
· 购买提示:
  ✅ 推荐24罐装:适合3-4口家庭月度饮用
  ✅ 12罐装+礼品袋:走亲访友体面伴手礼

【底部固定操作栏】

· 左侧快捷操作:
  ❤️ 收藏商品(显示“已收藏12万人”)
  💬 咨询客服(悬浮旺仔客服头像)
· 右侧购买按钮组:
  · 主按钮:🔥「立即抢购 24罐装」红色渐变
  · 次按钮:⚪「加入购物车 12罐装」
· 底部小字:「支付方式:支持花呗分期(3期免息)」

---

设计执行规范

1. 色彩系统:
   · 主色:旺仔经典红(#E7372C)
   · 辅色:牛奶白(#FFF)、温暖黄(#FFD700)
   · 背景:怀旧米白(#F8F5E9)
2. 字体应用:
   · 标题:阿里巴巴普惠体 Bold(圆润亲和)
   · 正文:思源黑体 Regular
   · 数据:Din Pro 数字字体
3. 交互细节:
   · 首屏旺仔笑脸轻微浮动动画
   · 第二屏场景图可横向滑动
   · 价格切换时动态变化效果
   · 收藏按钮点击后变实心并计数+1
4. 移动端适配:
   · 所有图片响应式加载(根据网络速度)
   · 按钮点击区域不小于44pt
   · 关键信息区域添加“复制”功能(如生产日期批号)

---

此详情页以“情感共鸣→产品信任→口碑验证→优惠促单”为逻辑线,既唤醒集体记忆,又提供理性购买依据,最终通过限时优惠和强保障推动快速决策,适合电商平台直接落地执行。
[第6屏] 服务保障屏-原创/售后/开票/加急四大保障承诺。本屏使用【图1】的红色配色和勾选图标风格作为参考。 [氛围/风格] 安全感十足的保障承诺风格,图标+文字卡片式,拼多多风格突出保障力度,红色系温暖可信。 [元素布局] 顶部标题区;中部为4个大保障卡片,2行2列排列,每个卡片有大图标+大标题+详细说明,卡片为白色圆角矩形带红色边框;底部为额外保障横幅。整体规整有力。 [光影质感] 卡片有轻微悬浮阴影,图标有立体感,整体明亮干净,给人安心可靠的感觉。 [配色色系] 全局底色 #FFF5F5 极浅红;主色 #D32F2F 正红色;辅助色 #FFCDD2 浅红、白色、#C8E6C9 浅绿;点缀色 #FFB74D 橙色。 [视角构图] 2x2网格卡片布局,阅读动线:顶部标题 → 左上→右上→左下→右下依次浏览4个保障 → 底部总结,清晰有序。 [文字版式] 顶部大标题「四大保障 放心下单」,副标题「全程无忧 只为您满意」;4个保障卡片:1.「包原创」配盾牌图标,说明「业内老师原创制作 杜绝抄袭模板」;2.「包售后」配循环箭头图标,说明「修改至满意为止 售后有保障」;3.「可开票」配发票图标,说明「正规机构可开发票 报销无忧」;4.「支持加急」配闪电图标,说明「紧急需求可加急 按时交付不耽误」;每个卡片顶部为红色大图标,中间红色加粗标题,底部黑色说明文字;底部红色横幅「还有更多保障 请咨询客服」。文字清晰,层级分明。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,图标错误,颜色偏差。[第6屏] 服务保障屏-原创/售后/开票/加急四大保障承诺。本屏使用【图1】的红色配色和勾选图标风格作为参考。
[氛围/风格] 安全感十足的保障承诺风格,图标+文字卡片式,拼多多风格突出保障力度,红色系温暖可信。
[元素布局] 顶部标题区;中部为4个大保障卡片,2行2列排列,每个卡片有大图标+大标题+详细说明,卡片为白色圆角矩形带红色边框;底部为额外保障横幅。整体规整有力。
[光影质感] 卡片有轻微悬浮阴影,图标有立体感,整体明亮干净,给人安心可靠的感觉。
[配色色系] 全局底色 #FFF5F5 极浅红;主色 #D32F2F 正红色;辅助色 #FFCDD2 浅红、白色、#C8E6C9 浅绿;点缀色 #FFB74D 橙色。
[视角构图] 2x2网格卡片布局,阅读动线:顶部标题 → 左上→右上→左下→右下依次浏览4个保障 → 底部总结,清晰有序。
[文字版式] 顶部大标题「四大保障 放心下单」,副标题「全程无忧 只为您满意」;4个保障卡片:1.「包原创」配盾牌图标,说明「业内老师原创制作 杜绝抄袭模板」;2.「包售后」配循环箭头图标,说明「修改至满意为止 售后有保障」;3.「可开票」配发票图标,说明「正规机构可开发票 报销无忧」;4.「支持加急」配闪电图标,说明「紧急需求可加急 按时交付不耽误」;每个卡片顶部为红色大图标,中间红色加粗标题,底部黑色说明文字;底部红色横幅「还有更多保障 请咨询客服」。文字清晰,层级分明。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,图标错误,颜色偏差。
[第9屏] 服务保障与常见问题页面。 [氛围/风格] 专业可信、安心放心的信息说明风格,简洁清晰,日系简约。 [元素布局] 画面上半部分为四大服务保障图标区,四个图标横向两排排列:「上门准时」配时钟图标、「损坏赔付」配盾牌图标、「隐私保护」配锁图标、「售后回访」配电话图标;下半部分为常见问题FAQ,两个折叠式问答卡片:「服务需要我在场吗?」「整理用的收纳盒谁提供?」。背景为浅米色,卡片为白色。 [光影质感] 均匀柔和光线,图标有轻微立体感,整体干净明亮。 [配色色系] 全局底色 #F7F5F0 米白色;图标浅绿+深灰;FAQ卡片白底浅灰边框;强调色橙色。 [视角构图] 上下两段式布局,上方保障图标区,下方FAQ区,顶部标题区。 [文字版式] 顶部主标题「服务有保障 更放心」,黑体加粗居中;保障区每个图标下方有标题+简短说明:「准时上门」「迟到赔付」;「物品保障」「损坏赔偿」;「隐私保护」「全程保密」;「售后回访」「30天跟进」;FAQ区每个问题加粗显示,答案灰色小字:「Q:服务需要我在场吗?A:建议初次沟通时在场,整理过程中可以自由安排时间」「Q:收纳用品谁提供?A:可由我们代购或您自行准备,方案中会列明清单」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,颜色偏差,排版拥挤。[第9屏] 服务保障与常见问题页面。
[氛围/风格] 专业可信、安心放心的信息说明风格,简洁清晰,日系简约。
[元素布局] 画面上半部分为四大服务保障图标区,四个图标横向两排排列:「上门准时」配时钟图标、「损坏赔付」配盾牌图标、「隐私保护」配锁图标、「售后回访」配电话图标;下半部分为常见问题FAQ,两个折叠式问答卡片:「服务需要我在场吗?」「整理用的收纳盒谁提供?」。背景为浅米色,卡片为白色。
[光影质感] 均匀柔和光线,图标有轻微立体感,整体干净明亮。
[配色色系] 全局底色 #F7F5F0 米白色;图标浅绿+深灰;FAQ卡片白底浅灰边框;强调色橙色。
[视角构图] 上下两段式布局,上方保障图标区,下方FAQ区,顶部标题区。
[文字版式] 顶部主标题「服务有保障 更放心」,黑体加粗居中;保障区每个图标下方有标题+简短说明:「准时上门」「迟到赔付」;「物品保障」「损坏赔偿」;「隐私保护」「全程保密」;「售后回访」「30天跟进」;FAQ区每个问题加粗显示,答案灰色小字:「Q:服务需要我在场吗?A:建议初次沟通时在场,整理过程中可以自由安排时间」「Q:收纳用品谁提供?A:可由我们代购或您自行准备,方案中会列明清单」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,颜色偏差,排版拥挤。
[第6屏] 服务方式与体验-上门流程与配套说明。 [氛围/风格] 温馨专业服务说明,图标化信息展示,日系清新设计质感。 [元素布局] 画面上半部分是预约流程横向时间轴,从左到右四步:「在线预约」「确认时间」「上门服务」「售后跟进」,每步配简约图标;下半部分是服务配套说明,左右分两列,左侧是「我们提供」列,右侧是「您需要配合」列;中间有一条装饰性分隔线;背景浅米色,点缀收纳工具小插画。 [光影质感] 扁平化设计风格,均匀柔和光照,图标有轻微立体感,整体干净清爽。 [配色色系] 全局底色 #FAF8F5 暖米白;主色原木棕 #C8A982;辅助色抹茶绿 #A8C3A0、浅灰 #E8E4DE;图标彩色,文字深棕色。 [视角构图] 上下结构,上半部分流程时间轴,下半部分左右两列说明,阅读动线从上到下。 [文字版式] 顶部主标题「服务方式一目了然」,居中黑体加粗;副标题「简单四步 轻松预约」,灰色小字居中;上半部分横向四步流程,每步圆形图标+数字+文字说明;下半部分左右两列,左侧标题「我们提供」配绿色对勾图标,内容包括:「专业收纳工具」「环保收纳耗材」「分类整理服务」「维持方法指导」;右侧标题「您需要配合」配蓝色信息图标,内容包括:「提前预约时间」「告知收纳需求」「在场确认取舍」「提供水电便利」;底部小字「服务时长根据空间大小而定,一般2-8小时」;所有文字清晰可读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 图标变形,水印,文字错乱,文字过小,颜色偏差,布局混乱。[第6屏] 服务方式与体验-上门流程与配套说明。
[氛围/风格] 温馨专业服务说明,图标化信息展示,日系清新设计质感。
[元素布局] 画面上半部分是预约流程横向时间轴,从左到右四步:「在线预约」「确认时间」「上门服务」「售后跟进」,每步配简约图标;下半部分是服务配套说明,左右分两列,左侧是「我们提供」列,右侧是「您需要配合」列;中间有一条装饰性分隔线;背景浅米色,点缀收纳工具小插画。
[光影质感] 扁平化设计风格,均匀柔和光照,图标有轻微立体感,整体干净清爽。
[配色色系] 全局底色 #FAF8F5 暖米白;主色原木棕 #C8A982;辅助色抹茶绿 #A8C3A0、浅灰 #E8E4DE;图标彩色,文字深棕色。
[视角构图] 上下结构,上半部分流程时间轴,下半部分左右两列说明,阅读动线从上到下。
[文字版式] 顶部主标题「服务方式一目了然」,居中黑体加粗;副标题「简单四步 轻松预约」,灰色小字居中;上半部分横向四步流程,每步圆形图标+数字+文字说明;下半部分左右两列,左侧标题「我们提供」配绿色对勾图标,内容包括:「专业收纳工具」「环保收纳耗材」「分类整理服务」「维持方法指导」;右侧标题「您需要配合」配蓝色信息图标,内容包括:「提前预约时间」「告知收纳需求」「在场确认取舍」「提供水电便利」;底部小字「服务时长根据空间大小而定,一般2-8小时」;所有文字清晰可读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 图标变形,水印,文字错乱,文字过小,颜色偏差,布局混乱。
[第4张 D4] 木器改色漆对比页(本品vs传统油漆/换新家具)。 [氛围/风格] 清晰直观对比风,信息图表感,专业可信,暖色调点缀。 [元素布局] 三列表格对比布局:左列「换新柜子」、中列「传统油漆」、右列「本品改色漆」,本品列高亮突出;对比维度行:成本/工期/是否需要搬离/甲醛释放/颜色可选性/DIY难度;每格用图标+文字呈现,本品列用绿色对勾,对比列用红色叉号或灰色;顶部大标题区,底部核心对比结论条。 [光影质感] 扁平化信息图风格,柔和阴影增加卡片层次感,无强烈光影。 [配色色系] 全局底色 #FAF3E7(米杏色);主色深棕标题;本品列 #7CB342(抹茶绿)高亮;对比列浅灰底+红色警示。 [视角构图] 竖版表格居中,阅读动线:顶部标题 → 表头三列对比 → 逐行维度对比 → 底部结论条。 [文字版式] 顶部主标题「焕新方式大比拼」,副标题「选对方法,省钱又省心」;表格内容:成本行「5000元+ / 800元+ / 300元+」,工期行「30天 / 7天 / 2天」,搬临行「需清空房间 / 需搬离 / 不用搬」,甲醛行「有 / 重 / 几乎无」,颜色行「有限 / 一般 / 丰富」,DIY行「不能 / 难 / 简单」;底部加粗结论条「换新柜子:5000元+工期30天 vs 改色漆:300元+工期2天」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 水印,文字错乱,文字过小,产品桶出现,表格变形。[第4张 D4] 木器改色漆对比页(本品vs传统油漆/换新家具)。
[氛围/风格] 清晰直观对比风,信息图表感,专业可信,暖色调点缀。
[元素布局] 三列表格对比布局:左列「换新柜子」、中列「传统油漆」、右列「本品改色漆」,本品列高亮突出;对比维度行:成本/工期/是否需要搬离/甲醛释放/颜色可选性/DIY难度;每格用图标+文字呈现,本品列用绿色对勾,对比列用红色叉号或灰色;顶部大标题区,底部核心对比结论条。
[光影质感] 扁平化信息图风格,柔和阴影增加卡片层次感,无强烈光影。
[配色色系] 全局底色 #FAF3E7(米杏色);主色深棕标题;本品列 #7CB342(抹茶绿)高亮;对比列浅灰底+红色警示。
[视角构图] 竖版表格居中,阅读动线:顶部标题 → 表头三列对比 → 逐行维度对比 → 底部结论条。
[文字版式] 顶部主标题「焕新方式大比拼」,副标题「选对方法,省钱又省心」;表格内容:成本行「5000元+ / 800元+ / 300元+」,工期行「30天 / 7天 / 2天」,搬临行「需清空房间 / 需搬离 / 不用搬」,甲醛行「有 / 重 / 几乎无」,颜色行「有限 / 一般 / 丰富」,DIY行「不能 / 难 / 简单」;底部加粗结论条「换新柜子:5000元+工期30天 vs 改色漆:300元+工期2天」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 水印,文字错乱,文字过小,产品桶出现,表格变形。
[第8张] 服务保障与转化页 - 行动号召+保障说明。 [氛围/风格] 专业商务风,信任感强,行动引导明确,温暖有保障感。 [元素布局] 顶部主标题区,中部为4个服务保障图标横向排列(盾牌/时钟/锁/循环箭头图标),下部为醒目的咨询下单引导区(含大号按钮造型)。背景有淡淡的放射状线条和光点装饰,营造行动氛围。底部有客服响应时间和承诺语。 [光影质感] 均匀柔光,按钮有渐变和投影,有点击感;保障图标有发光效果,整体明亮有活力。 [配色色系] 全局底色 #F0F5FF 浅蓝渐变;主按钮 #FF7A00 橙色渐变;保障图标用 #2563EB 蓝色;标题深灰 #1F2937;辅助文字 #6B7280 中灰。 [视角构图] 正面平视,上中下三段式结构,阅读动线从顶部标题 → 中部4项保障 → 下部大按钮行动号召 → 底部补充承诺。 [文字版式] 顶部主标题「放心下单 全程无忧」,粗黑体;4项保障图标+文字:「品质保障」专业团队出品、「快速响应」客服在线秒回、「隐私保密」文件严格加密、「免费修改」满意为止;中部醒目的大按钮造型文字「立即咨询 免费报价」,按钮下方小字「告诉我们您的需求 1对1专属服务」;底部一行「7x12小时在线服务 加急单可沟通」。文字清晰可读,移动端友好,按钮醒目。 [比例分辨率] 3:4 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,按钮变形,颜色偏差,出现二维码/微信/QQ等站外导流信息,出现平台logo。[第8张] 服务保障与转化页 - 行动号召+保障说明。
[氛围/风格] 专业商务风,信任感强,行动引导明确,温暖有保障感。
[元素布局] 顶部主标题区,中部为4个服务保障图标横向排列(盾牌/时钟/锁/循环箭头图标),下部为醒目的咨询下单引导区(含大号按钮造型)。背景有淡淡的放射状线条和光点装饰,营造行动氛围。底部有客服响应时间和承诺语。
[光影质感] 均匀柔光,按钮有渐变和投影,有点击感;保障图标有发光效果,整体明亮有活力。
[配色色系] 全局底色 #F0F5FF 浅蓝渐变;主按钮 #FF7A00 橙色渐变;保障图标用 #2563EB 蓝色;标题深灰 #1F2937;辅助文字 #6B7280 中灰。
[视角构图] 正面平视,上中下三段式结构,阅读动线从顶部标题 → 中部4项保障 → 下部大按钮行动号召 → 底部补充承诺。
[文字版式] 顶部主标题「放心下单 全程无忧」,粗黑体;4项保障图标+文字:「品质保障」专业团队出品、「快速响应」客服在线秒回、「隐私保密」文件严格加密、「免费修改」满意为止;中部醒目的大按钮造型文字「立即咨询 免费报价」,按钮下方小字「告诉我们您的需求 1对1专属服务」;底部一行「7x12小时在线服务 加急单可沟通」。文字清晰可读,移动端友好,按钮醒目。
[比例分辨率] 3:4 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,按钮变形,颜色偏差,出现二维码/微信/QQ等站外导流信息,出现平台logo。