【文生图:小家电双十一预售专题长页·第2屏】 [画面] 竖版移… - 图片创意预览

【文生图:小家电双十一预售专题长页·第2屏】 [画面] 竖版移…

【文生图:小家电双十一预售专题长页·第2屏】 [画面] 竖版移动端专题页第2屏,从上到下两个模块,与第1屏版式统一(奶白/浅灰/卡其、圆角卡、卡片左右分栏): 模块1 爆款商品:横排标题“爆款商品”,

用户头像

半夏07939

2026.10.07
【文生图:小家电双十一预售专题长页·第1屏】 [画面] 竖版移动端专题页第1屏,从上到下四个模块,模块间距均匀、留白充足,所有卡片为圆角卡: 模块1 首屏 banner:奶白与浅灰渐变底,背景为现代简约家居场景局部(原木边桌、米白抱枕、绿植、柔和自然光),中央大字主标题“双十一家电焕新盛典”配卡其色细描边,下方一行小字副标题“预售先享 立减到手”; 模块2 优惠券区:4 张圆角优惠券并排排列(奶白卡面、卡其细描边),文字分别为“满 500 减 50”“满 1000 减 100”“满 1500 减 150”“满 2000 减 200”,每张券底部一个圆角小按钮“立即领取”; 模块3 预售时间轴:横排标题“预售时间轴”,下方横向时间轴图形(细线+小圆点节点),三个节点标注“定金期 10.20 20:00-10.31”“尾款期 11.01-11.11 24:00”“发货期 11.12 起”; 模块4 满赠礼品区:横排标题“满赠礼品”,下方 3 张圆角卡片横排(每卡上方为小礼品实物图:桌面收纳盒、便携随行杯、手持除螨仪,下方为文字“满 999 送桌面收纳盒”“满 1599 送便携随行杯”“满 2999 送手持除螨仪”)。 [视觉] 套系策略:风格=现代简约家居风电商专题页设计(无国潮元素);标题字=圆润粗黑体;正文字=简洁无衬线体;主色=奶白;背景延展=基于奶白、浅灰、卡其做深浅层级与同色渐变,叠加细腻纸感;强调色=卡其与暖橙棕,仅用于小面积图标、引线、标签与价格强调;标题色=深灰咖;正文色=暖灰;组件=圆角卡片、胶囊标签、细描边、低透明度小范围阴影;光影=柔和均匀漫射光,轻微质感与浅阴影,禁止厚重立体与强 3D。 [文字] 上述文字均需完整、清晰、横向排版、无错字,字号层级清楚。 [规格] 9:16竖版,宽2160高3840,4K;负向:厚重立体、强浮雕、强烈阴影、杂乱文字、水印、平台logo、国潮元素、祥云卷轴中式边框、竖排或旋转文字、蚂蚁字、小家电变形。【文生图:小家电双十一预售专题长页·第1屏】
[画面] 竖版移动端专题页第1屏,从上到下四个模块,模块间距均匀、留白充足,所有卡片为圆角卡:
模块1 首屏 banner:奶白与浅灰渐变底,背景为现代简约家居场景局部(原木边桌、米白抱枕、绿植、柔和自然光),中央大字主标题“双十一家电焕新盛典”配卡其色细描边,下方一行小字副标题“预售先享 立减到手”;
模块2 优惠券区:4 张圆角优惠券并排排列(奶白卡面、卡其细描边),文字分别为“满 500 减 50”“满 1000 减 100”“满 1500 减 150”“满 2000 减 200”,每张券底部一个圆角小按钮“立即领取”;
模块3 预售时间轴:横排标题“预售时间轴”,下方横向时间轴图形(细线+小圆点节点),三个节点标注“定金期 10.20 20:00-10.31”“尾款期 11.01-11.11 24:00”“发货期 11.12 起”;
模块4 满赠礼品区:横排标题“满赠礼品”,下方 3 张圆角卡片横排(每卡上方为小礼品实物图:桌面收纳盒、便携随行杯、手持除螨仪,下方为文字“满 999 送桌面收纳盒”“满 1599 送便携随行杯”“满 2999 送手持除螨仪”)。
[视觉] 套系策略:风格=现代简约家居风电商专题页设计(无国潮元素);标题字=圆润粗黑体;正文字=简洁无衬线体;主色=奶白;背景延展=基于奶白、浅灰、卡其做深浅层级与同色渐变,叠加细腻纸感;强调色=卡其与暖橙棕,仅用于小面积图标、引线、标签与价格强调;标题色=深灰咖;正文色=暖灰;组件=圆角卡片、胶囊标签、细描边、低透明度小范围阴影;光影=柔和均匀漫射光,轻微质感与浅阴影,禁止厚重立体与强 3D。
[文字] 上述文字均需完整、清晰、横向排版、无错字,字号层级清楚。
[规格] 9:16竖版,宽2160高3840,4K;负向:厚重立体、强浮雕、强烈阴影、杂乱文字、水印、平台logo、国潮元素、祥云卷轴中式边框、竖排或旋转文字、蚂蚁字、小家电变形。
图生图模式:参考第1张图的风格与版式,重新生成一张家电类的促销图,本次要求**暖色调为主**(奶油米白底 + 焦糖棕/砖橙强调色),把参考图的深绿色替换为暖棕色,保留参考图的版式结构与促销机制,商品换成家电。 画面布局自上而下依次为: 1. 顶部暖棕色圆角横幅:左上角小字「HOME APPLIANCE」,下方大字白字「春日焕新」,再下方一个白底棕字胶囊「Time: 4月1日-4月9日」;横幅右侧嵌一张暖调家居卧室/客厅实景照片(暖光、木质家具、画面中有白色家电) 2. 奶油色横条区块一:左侧砖橙角标白字「满减赠」;中间深棕大字「咨询客服买就返 2%」,下方小字「Time: 4月1日-4月9日,特价商品不参与」;右侧一个砖橙色圆形徽标,内白字「返」 3. 奶油色横条区块二:左侧砖橙角标白字「先领后拍」;中间深棕大字「享粉丝价 95折」,下方小字「Time: 4月1日-4月9日」;右侧一个砖橙色圆形徽标,内白字「享」 4. 四宫格商品卡(2x2,米白底白卡、暖棕细边):左上「空气循环扇」配橙色小标「仅剩2件」与价格「¥899」、右上「轻音破壁机」配「仅剩5件」与「¥999」、左下「变频微波炉」配「仅剩1件」与「¥2399」、右下「台式净饮机」配「仅剩2件」与「¥2299」,商品图为暖光棚拍的家电图 5. 底部暖棕色通栏按钮,内白字居中「查看更多限量款 >>>」,右侧一个小手型点击图标 整体要求:暖色调为主:奶油米白、焦糖棕、砖橙、暖金色的和谐搭配,温馨的家居电商促销感;全部文字使用「阿里巴巴普惠体」风格(现代无衬线黑体、字形方正、笔画均匀、字重清晰、字号足够大),字体清晰无错别字无乱码无重叠,无任何水印与平台 logo。整体画布比例为 1200:2471(宽1080 高2224)。图生图模式:参考第1张图的风格与版式,重新生成一张家电类的促销图,本次要求**暖色调为主**(奶油米白底 + 焦糖棕/砖橙强调色),把参考图的深绿色替换为暖棕色,保留参考图的版式结构与促销机制,商品换成家电。

画面布局自上而下依次为:
1. 顶部暖棕色圆角横幅:左上角小字「HOME APPLIANCE」,下方大字白字「春日焕新」,再下方一个白底棕字胶囊「Time: 4月1日-4月9日」;横幅右侧嵌一张暖调家居卧室/客厅实景照片(暖光、木质家具、画面中有白色家电)
2. 奶油色横条区块一:左侧砖橙角标白字「满减赠」;中间深棕大字「咨询客服买就返 2%」,下方小字「Time: 4月1日-4月9日,特价商品不参与」;右侧一个砖橙色圆形徽标,内白字「返」
3. 奶油色横条区块二:左侧砖橙角标白字「先领后拍」;中间深棕大字「享粉丝价 95折」,下方小字「Time: 4月1日-4月9日」;右侧一个砖橙色圆形徽标,内白字「享」
4. 四宫格商品卡(2x2,米白底白卡、暖棕细边):左上「空气循环扇」配橙色小标「仅剩2件」与价格「¥899」、右上「轻音破壁机」配「仅剩5件」与「¥999」、左下「变频微波炉」配「仅剩1件」与「¥2399」、右下「台式净饮机」配「仅剩2件」与「¥2299」,商品图为暖光棚拍的家电图
5. 底部暖棕色通栏按钮,内白字居中「查看更多限量款 >>>」,右侧一个小手型点击图标

整体要求:暖色调为主:奶油米白、焦糖棕、砖橙、暖金色的和谐搭配,温馨的家居电商促销感;全部文字使用「阿里巴巴普惠体」风格(现代无衬线黑体、字形方正、笔画均匀、字重清晰、字号足够大),字体清晰无错别字无乱码无重叠,无任何水印与平台 logo。整体画布比例为 1200:2471(宽1080 高2224)。
[第10张] 套餐与价格说明页-不同机型套餐对比。本张使用【图1】作为挂机参考,补充柜机等套餐示意。 [氛围/风格] 清晰明了、价格透明,套餐对比表风格,京东平台价格展示版式。 [元素布局] 画面展示3个套餐卡片横向排列,从左到右分别为:基础挂机套餐、柜机套餐、全屋深度套餐;中间套餐为推荐款,加「热销」标签和金色边框突出;每个套餐卡片包含:套餐名称、价格、包含服务项目列表、适用机型;顶部有大标题区,底部有补充说明。 [光影质感] 均匀明亮的平光效果,卡片有阴影和层次感,推荐套餐有金色光效突出。 [配色色系] 全局底色 #F0F4F8 淡蓝灰;普通卡片 #FFFFFF 白;推荐卡片 #E3F2FD 淡蓝底 + #FFD54F 金色边框;价格数字 #D32F2F 红色;标题色 #1565C0 深蓝。 [视角构图] 正面平视,三列卡片对比布局,阅读动线顶部标题 → 三套餐横向对比 → 底部说明。 [文字版式] 顶部大标题「明码标价 套餐任选」,粗黑体深蓝色,副标题「无隐形消费 价格透明」;套餐1「挂机深度清洁 ¥99/台」,包含:拆洗滤网+风轮、高温蒸汽消毒、外壳清洁、试机检测,适用1-1.5匹挂壁机;套餐2「柜机深度清洁 ¥169/台」,加「热销」标签,包含:拆洗滤网+风轮+蒸发器、高温蒸汽消毒、外壳清洁、试机检测,适用2-3匹立柜机;套餐3「全屋3台套餐 ¥299」,包含:3台挂机深度清洁 + 1次免费复检,适合多房家庭;底部小字「具体价格以实际机型和服务内容为准」。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质,medium质量。 [负向提示词] 价格模糊,文字错乱,卡片变形,颜色偏差,水印,信息混乱。[第10张] 套餐与价格说明页-不同机型套餐对比。本张使用【图1】作为挂机参考,补充柜机等套餐示意。
[氛围/风格] 清晰明了、价格透明,套餐对比表风格,京东平台价格展示版式。
[元素布局] 画面展示3个套餐卡片横向排列,从左到右分别为:基础挂机套餐、柜机套餐、全屋深度套餐;中间套餐为推荐款,加「热销」标签和金色边框突出;每个套餐卡片包含:套餐名称、价格、包含服务项目列表、适用机型;顶部有大标题区,底部有补充说明。
[光影质感] 均匀明亮的平光效果,卡片有阴影和层次感,推荐套餐有金色光效突出。
[配色色系] 全局底色 #F0F4F8 淡蓝灰;普通卡片 #FFFFFF 白;推荐卡片 #E3F2FD 淡蓝底 + #FFD54F 金色边框;价格数字 #D32F2F 红色;标题色 #1565C0 深蓝。
[视角构图] 正面平视,三列卡片对比布局,阅读动线顶部标题 → 三套餐横向对比 → 底部说明。
[文字版式] 顶部大标题「明码标价 套餐任选」,粗黑体深蓝色,副标题「无隐形消费 价格透明」;套餐1「挂机深度清洁 ¥99/台」,包含:拆洗滤网+风轮、高温蒸汽消毒、外壳清洁、试机检测,适用1-1.5匹挂壁机;套餐2「柜机深度清洁 ¥169/台」,加「热销」标签,包含:拆洗滤网+风轮+蒸发器、高温蒸汽消毒、外壳清洁、试机检测,适用2-3匹立柜机;套餐3「全屋3台套餐 ¥299」,包含:3台挂机深度清洁 + 1次免费复检,适合多房家庭;底部小字「具体价格以实际机型和服务内容为准」。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质,medium质量。
[负向提示词] 价格模糊,文字错乱,卡片变形,颜色偏差,水印,信息混乱。
[画面] 3:4竖版电商详情页套餐价格屏:浅绿色渐变背景,页面标题“服务套餐”在上;三张白色圆角矩形卡片自上而下排列,白底+浅绿色细边框,卡片之间留出呼吸间距:第一张卡左侧配整洁客厅场景缩略图,文字“3小时日常保洁”和“¥358/次”;第二张卡左侧配厨房清洁前后对比小图,文字“4小时深度保洁”和“¥468/次”;第三张卡左侧配全屋明亮干净客厅全景缩略图,文字“5小时全屋保洁”和“¥598/次”;价格数字用加粗绿色大字体突出显示,整体排版清爽清晰。 [视觉] 套系策略:风格=高端服务行业电商详情页,干净简洁、留白充足;标题字=现代无衬线粗体;正文字=清晰无衬线体;主色=清新浅绿#E8F5E9;背景延展=浅绿渐变+白色+原木色;强调色=品牌绿#4CAF50,仅用于价格数字、卡片边框、标题标签和图标;标题色=深绿色;正文色=中深灰;组件=白色圆角卡片、浅绿细边框、缩略图;光影=明亮通透自然光。 [文字] 简体中文横向排版、完整准确:标题“服务套餐”;第一张卡“3小时日常保洁”“¥358/次”;第二张卡“4小时深度保洁”“¥468/次”;第三张卡“5小时全屋保洁”“¥598/次”。价格数字必须清晰不模糊。 [规格] 3:4竖版,宽1080高1440,分辨率4K,禁止价格数字模糊、禁止杂乱场景、禁止昏暗光线、禁止多人拥挤、禁止花哨背景装饰、禁止多种颜色混杂、禁止错字缺字。[画面] 3:4竖版电商详情页套餐价格屏:浅绿色渐变背景,页面标题“服务套餐”在上;三张白色圆角矩形卡片自上而下排列,白底+浅绿色细边框,卡片之间留出呼吸间距:第一张卡左侧配整洁客厅场景缩略图,文字“3小时日常保洁”和“¥358/次”;第二张卡左侧配厨房清洁前后对比小图,文字“4小时深度保洁”和“¥468/次”;第三张卡左侧配全屋明亮干净客厅全景缩略图,文字“5小时全屋保洁”和“¥598/次”;价格数字用加粗绿色大字体突出显示,整体排版清爽清晰。
[视觉] 套系策略:风格=高端服务行业电商详情页,干净简洁、留白充足;标题字=现代无衬线粗体;正文字=清晰无衬线体;主色=清新浅绿#E8F5E9;背景延展=浅绿渐变+白色+原木色;强调色=品牌绿#4CAF50,仅用于价格数字、卡片边框、标题标签和图标;标题色=深绿色;正文色=中深灰;组件=白色圆角卡片、浅绿细边框、缩略图;光影=明亮通透自然光。
[文字] 简体中文横向排版、完整准确:标题“服务套餐”;第一张卡“3小时日常保洁”“¥358/次”;第二张卡“4小时深度保洁”“¥468/次”;第三张卡“5小时全屋保洁”“¥598/次”。价格数字必须清晰不模糊。
[规格] 3:4竖版,宽1080高1440,分辨率4K,禁止价格数字模糊、禁止杂乱场景、禁止昏暗光线、禁止多人拥挤、禁止花哨背景装饰、禁止多种颜色混杂、禁止错字缺字。
[画面] 3:4竖版电商详情页套餐价格屏:浅绿色渐变背景,页面标题“服务套餐”在上;三张白色圆角矩形卡片自上而下排列,白底+浅绿色细边框,卡片之间留出呼吸间距:第一张卡左侧配整洁客厅场景缩略图,文字“3小时日常保洁”和“¥358/次”;第二张卡左侧配厨房清洁前后对比小图,文字“4小时深度保洁”和“¥468/次”;第三张卡左侧配全屋明亮干净客厅全景缩略图,文字“5小时全屋保洁”和“¥598/次”;价格数字用加粗绿色大字体突出显示,整体排版清爽清晰。 [视觉] 套系策略:风格=高端服务行业电商详情页,干净简洁、留白充足;标题字=现代无衬线粗体;正文字=清晰无衬线体;主色=清新浅绿#E8F5E9;背景延展=浅绿渐变+白色+原木色;强调色=品牌绿#4CAF50,仅用于价格数字、卡片边框、标题标签和图标;标题色=深绿色;正文色=中深灰;组件=白色圆角卡片、浅绿细边框、缩略图;光影=明亮通透自然光。 [文字] 简体中文横向排版、完整准确:标题“服务套餐”;第一张卡“3小时日常保洁”“¥358/次”;第二张卡“4小时深度保洁”“¥468/次”;第三张卡“5小时全屋保洁”“¥598/次”。价格数字必须清晰不模糊。 [规格] 3:4竖版,宽1080高1440,分辨率4K,禁止价格数字模糊、禁止杂乱场景、禁止昏暗光线、禁止多人拥挤、禁止花哨背景装饰、禁止多种颜色混杂、禁止错字缺字。[画面] 3:4竖版电商详情页套餐价格屏:浅绿色渐变背景,页面标题“服务套餐”在上;三张白色圆角矩形卡片自上而下排列,白底+浅绿色细边框,卡片之间留出呼吸间距:第一张卡左侧配整洁客厅场景缩略图,文字“3小时日常保洁”和“¥358/次”;第二张卡左侧配厨房清洁前后对比小图,文字“4小时深度保洁”和“¥468/次”;第三张卡左侧配全屋明亮干净客厅全景缩略图,文字“5小时全屋保洁”和“¥598/次”;价格数字用加粗绿色大字体突出显示,整体排版清爽清晰。
[视觉] 套系策略:风格=高端服务行业电商详情页,干净简洁、留白充足;标题字=现代无衬线粗体;正文字=清晰无衬线体;主色=清新浅绿#E8F5E9;背景延展=浅绿渐变+白色+原木色;强调色=品牌绿#4CAF50,仅用于价格数字、卡片边框、标题标签和图标;标题色=深绿色;正文色=中深灰;组件=白色圆角卡片、浅绿细边框、缩略图;光影=明亮通透自然光。
[文字] 简体中文横向排版、完整准确:标题“服务套餐”;第一张卡“3小时日常保洁”“¥358/次”;第二张卡“4小时深度保洁”“¥468/次”;第三张卡“5小时全屋保洁”“¥598/次”。价格数字必须清晰不模糊。
[规格] 3:4竖版,宽1080高1440,分辨率4K,禁止价格数字模糊、禁止杂乱场景、禁止昏暗光线、禁止多人拥挤、禁止花哨背景装饰、禁止多种颜色混杂、禁止错字缺字。
旺仔牛奶罐装电商详情页设计方案 🌟 首屏:国民经典记忆唤醒 【全屏视觉区】 · 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
   · 关键信息区域添加“复制”功能(如生产日期批号)

---

此详情页以“情感共鸣→产品信任→口碑验证→优惠促单”为逻辑线,既唤醒集体记忆,又提供理性购买依据,最终通过限时优惠和强保障推动快速决策,适合电商平台直接落地执行。
[商品] 使用【图1】S2523 格兰朵沙发,米白色意式方块款;保留方正模块造型、整体比例与布艺面料;以同一款沙发展示不同规格尺寸的空间适配,不改变外观结构和颜色。 [画面] 页面目标:空间尺度页,突出多规格可选、适配不同客厅开间。上文案下场景竖版构图,顶部约 1/4 为文案区,下方为大小两种客厅开间场景对比(左小右大或上下分区),每个场景中放置对应规格的同款沙发;沙发在各场景中占比适中,体现空间尺度关系;背景为明亮意式客厅,用家具布局与空间留白体现开间差异。 [视觉] 套系策略:风格=意式极简高级家居商业摄影;标题字=现代无衬线粗体;正文字=简洁无衬线体;主色=米白奶油杏;背景延展=基于米白奶油杏做深浅层级、同色渐变与细腻墙面/织物质感;强调色=暖棕驼色,仅用于小面积图标、引线、标签和局部点缀;标题色=深炭灰;正文色=中暖灰;组件=圆角浅底信息卡、细线引线、胶囊标签;光影=左前侧暖柔光,明亮通透。 [文字] 顶部横排主标题「多规格可选」,副标题「适配不同客厅开间」;下方两个规格卡片横排对比:「小户优选|适合约 2.5–3m 开间」「大平层款|适合约 3.5m 以上开间」;配尺寸示意线与「轻松入户」「大小客厅都能放」等短说明,文字清晰可读。 [规格] 图片比例 9:16 竖版,4K 分辨率,避免变形、错字、文字过小、冷蓝/冷灰背景、沙发颜色改变、结构失真、极限词、虚构精确尺寸。[商品] 使用【图1】S2523 格兰朵沙发,米白色意式方块款;保留方正模块造型、整体比例与布艺面料;以同一款沙发展示不同规格尺寸的空间适配,不改变外观结构和颜色。
[画面] 页面目标:空间尺度页,突出多规格可选、适配不同客厅开间。上文案下场景竖版构图,顶部约 1/4 为文案区,下方为大小两种客厅开间场景对比(左小右大或上下分区),每个场景中放置对应规格的同款沙发;沙发在各场景中占比适中,体现空间尺度关系;背景为明亮意式客厅,用家具布局与空间留白体现开间差异。
[视觉] 套系策略:风格=意式极简高级家居商业摄影;标题字=现代无衬线粗体;正文字=简洁无衬线体;主色=米白奶油杏;背景延展=基于米白奶油杏做深浅层级、同色渐变与细腻墙面/织物质感;强调色=暖棕驼色,仅用于小面积图标、引线、标签和局部点缀;标题色=深炭灰;正文色=中暖灰;组件=圆角浅底信息卡、细线引线、胶囊标签;光影=左前侧暖柔光,明亮通透。
[文字] 顶部横排主标题「多规格可选」,副标题「适配不同客厅开间」;下方两个规格卡片横排对比:「小户优选|适合约 2.5–3m 开间」「大平层款|适合约 3.5m 以上开间」;配尺寸示意线与「轻松入户」「大小客厅都能放」等短说明,文字清晰可读。
[规格] 图片比例 9:16 竖版,4K 分辨率,避免变形、错字、文字过小、冷蓝/冷灰背景、沙发颜色改变、结构失真、极限词、虚构精确尺寸。
[第8屏] 行动号召-服务套餐与预约咨询转化页。 [氛围/风格] 温馨专业转化页,信任感强,日系极简风,商业设计质感。 [元素布局] 画面上方是三个套餐卡片横向排列,从基础到高级;中间是服务保障图标区;底部是预约咨询行动按钮区;背景浅米色,顶部有柔和的弧形装饰;卡片有轻微阴影和圆角,层次分明。 [光影质感] 柔和均匀光照,卡片有轻微投影增加立体感,整体明亮温暖。 [配色色系] 全局底色 #FAF8F5 暖米白;卡片白色底;主推套餐卡片用原木棕 #C8A982 边框高亮;主色深棕 #6B5B4F;辅助色抹茶绿 #A8C3A0;按钮用抹茶绿填充白色文字。 [视角构图] 上中下结构,上方套餐卡片,中部保障说明,底部行动按钮,阅读动线从上到下。 [文字版式] 顶部主标题「选择适合你的收纳方案」,居中黑体加粗;副标题「透明定价 按需选择」,灰色小字居中;三个套餐卡片横向排列:左「基础体验套餐」价格「¥299起」包含「2小时上门 单空间整理」;中间「全屋收纳套餐」标「热门推荐」标签,价格「¥1299起」包含「全屋诊断+规划 6-8小时整理」;右「深度整理套餐」价格「¥2599起」包含「全屋深度整理 收纳耗材赠送」;中部四个保障图标横向排列:「30天复访指导」「不满意可调整」「专业工具耗材」「隐私安全保障」;底部大按钮「立即预约咨询」,下方小字「点击咨询 获取专属收纳方案」;所有文字清晰可读,层级分明。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 卡片变形,水印,文字错乱,文字过小,颜色偏差,按钮不清晰。[第8屏] 行动号召-服务套餐与预约咨询转化页。
[氛围/风格] 温馨专业转化页,信任感强,日系极简风,商业设计质感。
[元素布局] 画面上方是三个套餐卡片横向排列,从基础到高级;中间是服务保障图标区;底部是预约咨询行动按钮区;背景浅米色,顶部有柔和的弧形装饰;卡片有轻微阴影和圆角,层次分明。
[光影质感] 柔和均匀光照,卡片有轻微投影增加立体感,整体明亮温暖。
[配色色系] 全局底色 #FAF8F5 暖米白;卡片白色底;主推套餐卡片用原木棕 #C8A982 边框高亮;主色深棕 #6B5B4F;辅助色抹茶绿 #A8C3A0;按钮用抹茶绿填充白色文字。
[视角构图] 上中下结构,上方套餐卡片,中部保障说明,底部行动按钮,阅读动线从上到下。
[文字版式] 顶部主标题「选择适合你的收纳方案」,居中黑体加粗;副标题「透明定价 按需选择」,灰色小字居中;三个套餐卡片横向排列:左「基础体验套餐」价格「¥299起」包含「2小时上门 单空间整理」;中间「全屋收纳套餐」标「热门推荐」标签,价格「¥1299起」包含「全屋诊断+规划 6-8小时整理」;右「深度整理套餐」价格「¥2599起」包含「全屋深度整理 收纳耗材赠送」;中部四个保障图标横向排列:「30天复访指导」「不满意可调整」「专业工具耗材」「隐私安全保障」;底部大按钮「立即预约咨询」,下方小字「点击咨询 获取专属收纳方案」;所有文字清晰可读,层级分明。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 卡片变形,水印,文字错乱,文字过小,颜色偏差,按钮不清晰。
【文生图:移动端家具焕新活动专题长页·第2屏】 [画面] 移动端专题页第2屏,从上到下四个模块,版式与第1屏统一、卡片左右分栏、留白充足: 模块1 爆款家具:横排标题“爆款家具”配细分割线,下方 6 张圆角产品卡片(每张左侧产品图、右侧文字,上下排列):① 实木双人床「到手价 ¥XXX 起」② 北欧沙发「到手价 ¥XXX 起」③ 岩板餐桌「到手价 ¥XXX 起」④ 衣柜「到手价 ¥XXX 起」⑤ 鞋柜「到手价 ¥XXX 起」⑥ 床头柜「到手价 ¥XXX 起」; 模块2 新品家具:横排标题“新品家具”,下方 4 张同款左右分栏产品卡:轻奢茶几「到手价 ¥XXX 起」、实木书桌「到手价 ¥XXX 起」、软包床垫「到手价 ¥XXX 起」、实木餐椅「到手价 ¥XXX 起」; 模块3 服务保障:横排标题“服务保障”,下方 3 张图标卡横排,分别为线性图标加文字“稳固承重”“环保板材”“上门安装”,每卡配一行短说明; 模块4 活动说明:横排标题“活动说明”,下方圆角浅底信息卡内 3 行文字“1. 活动时间以页面显示为准”“2. 优惠券可与店铺优惠叠加使用”“3. 部分爆款限量放送,先到先得”。 [视觉] 套系策略:风格=现代简约居家电商专题页设计;标题字=圆润粗黑体;正文字=简洁无衬线体;主色=暖白;背景延展=基于暖白、原木色、浅咖做深浅层级与同色渐变,叠加细腻纸感与浅木纹肌理;强调色=灰绿,仅用于小面积图标、引线、标签;标题色=深咖;正文色=暖灰咖;组件=圆角浅底信息卡、胶囊标签、细描边、低透明度小而积阴影;光影=柔和漫射自然光,轻微质感、浅阴影,禁止厚重立体与强 3D。 [文字] 上述文字均需完整、清晰、横向排版、无错字,价格部分字号略大并醒目,字号层级清楚。 [规格] 9:16竖版,宽2160高3840,4K;负向:厚重立体、强浮雕、强烈阴影、杂乱文字、水印、平台logo、红色主题、国庆元素、家具变形或结构错误、竖排或旋转文字、蚂蚁字、卡片溢出。【文生图:移动端家具焕新活动专题长页·第2屏】
[画面] 移动端专题页第2屏,从上到下四个模块,版式与第1屏统一、卡片左右分栏、留白充足:
模块1 爆款家具:横排标题“爆款家具”配细分割线,下方 6 张圆角产品卡片(每张左侧产品图、右侧文字,上下排列):① 实木双人床「到手价 ¥XXX 起」② 北欧沙发「到手价 ¥XXX 起」③ 岩板餐桌「到手价 ¥XXX 起」④ 衣柜「到手价 ¥XXX 起」⑤ 鞋柜「到手价 ¥XXX 起」⑥ 床头柜「到手价 ¥XXX 起」;
模块2 新品家具:横排标题“新品家具”,下方 4 张同款左右分栏产品卡:轻奢茶几「到手价 ¥XXX 起」、实木书桌「到手价 ¥XXX 起」、软包床垫「到手价 ¥XXX 起」、实木餐椅「到手价 ¥XXX 起」;
模块3 服务保障:横排标题“服务保障”,下方 3 张图标卡横排,分别为线性图标加文字“稳固承重”“环保板材”“上门安装”,每卡配一行短说明;
模块4 活动说明:横排标题“活动说明”,下方圆角浅底信息卡内 3 行文字“1. 活动时间以页面显示为准”“2. 优惠券可与店铺优惠叠加使用”“3. 部分爆款限量放送,先到先得”。
[视觉] 套系策略:风格=现代简约居家电商专题页设计;标题字=圆润粗黑体;正文字=简洁无衬线体;主色=暖白;背景延展=基于暖白、原木色、浅咖做深浅层级与同色渐变,叠加细腻纸感与浅木纹肌理;强调色=灰绿,仅用于小面积图标、引线、标签;标题色=深咖;正文色=暖灰咖;组件=圆角浅底信息卡、胶囊标签、细描边、低透明度小而积阴影;光影=柔和漫射自然光,轻微质感、浅阴影,禁止厚重立体与强 3D。
[文字] 上述文字均需完整、清晰、横向排版、无错字,价格部分字号略大并醒目,字号层级清楚。
[规格] 9:16竖版,宽2160高3840,4K;负向:厚重立体、强浮雕、强烈阴影、杂乱文字、水印、平台logo、红色主题、国庆元素、家具变形或结构错误、竖排或旋转文字、蚂蚁字、卡片溢出。
[第10张] 详情页购买说明与服务保障-奶油风布艺沙发送装售后。本张使用【图1】作为商品主体小图展示。 [氛围/风格] 极简侘寂奶油风 高级商业摄影质感 安心可信 [元素布局] 画面顶部为米白色花瓣扶手模块布艺沙发小尺寸全景图 保持沙发外观物理结构材质质感颜色与输入产品图完全一致 杜绝任何变形和色差 居中放置 背景为奶油色渐变 中部为四大服务保障图标区 采用两行两列网格布局 每个保障配一个简约图标和标题说明 底部为购买须知文字区 列出配送 安装 退换货等重要信息 [光影质感] 柔和顶部光 产品小图清晰 整体画面干净明亮 传递安心可信的感觉 [配色色系] 全局底色 #F5F0E8 奶油米白 主色米白 图标色暖棕 文字色深棕 点缀色浅金 [视角构图] 纵向三段式布局 顶部产品小图 中部服务图标 底部购买须知 阅读动线自上而下 信息层次清晰 [文字版式] 顶部主标题大字粗体「贴心服务 安心购买」 副标题稍小「全程无忧购物体验」 中部四大服务保障 「免费送装入户」「三年质保服务」「7天无理由退换」「专属客服对接」 每个配简约线性图标 底部购买须知小标题 「配送说明」「安装服务」「保养建议」「退换政策」 分点列出简洁文字说明 手机端清晰可读 [比例分辨率] 3:4 竖版比例 4K分辨率 文字清晰可辨 高清画质 [负向提示词] 变形 水印 文字错乱 文字过小 缺件错件 结构错误 颜色偏差 产品图模糊 背景杂乱 电商平台Logo[第10张] 详情页购买说明与服务保障-奶油风布艺沙发送装售后。本张使用【图1】作为商品主体小图展示。
[氛围/风格] 极简侘寂奶油风 高级商业摄影质感 安心可信
[元素布局] 画面顶部为米白色花瓣扶手模块布艺沙发小尺寸全景图 保持沙发外观物理结构材质质感颜色与输入产品图完全一致 杜绝任何变形和色差 居中放置 背景为奶油色渐变 中部为四大服务保障图标区 采用两行两列网格布局 每个保障配一个简约图标和标题说明 底部为购买须知文字区 列出配送 安装 退换货等重要信息
[光影质感] 柔和顶部光 产品小图清晰 整体画面干净明亮 传递安心可信的感觉
[配色色系] 全局底色 #F5F0E8 奶油米白 主色米白 图标色暖棕 文字色深棕 点缀色浅金
[视角构图] 纵向三段式布局 顶部产品小图 中部服务图标 底部购买须知 阅读动线自上而下 信息层次清晰
[文字版式] 顶部主标题大字粗体「贴心服务 安心购买」 副标题稍小「全程无忧购物体验」 中部四大服务保障 「免费送装入户」「三年质保服务」「7天无理由退换」「专属客服对接」 每个配简约线性图标 底部购买须知小标题 「配送说明」「安装服务」「保养建议」「退换政策」 分点列出简洁文字说明 手机端清晰可读
[比例分辨率] 3:4 竖版比例 4K分辨率 文字清晰可辨 高清画质
[负向提示词] 变形 水印 文字错乱 文字过小 缺件错件 结构错误 颜色偏差 产品图模糊 背景杂乱 电商平台Logo