创意预览图

里面的字只体现一种 后面阴影部分的字不要

用户头像

306337980

2026.06.20
优乐美奶茶电商详情页设计方案 第一屏:视觉冲击,抓注意力 【主视觉区】 · 9:16竖版全屏海报,采用暖色调场景(如冬日窗边阳光、温馨室内) · 中心视觉:优乐美奶茶杯热气腾腾特写,杯身微微倾斜呈现“捧在手心”姿态 · 叠加半透明品牌slogan艺术字:「把爱捧在手心」 · 动态效果建议:轻微热气飘动动画 【信息层】 · 左上角:喜之郎品牌logo(金色质感,尺寸适中) · 右上角标签组: · 🔥「6种口味组合装」 · 🚚「顺丰速发 次日可达」 · 💝「节日限定礼盒包装」 · 底部引导箭头+文案:「向下探索温暖」 --- 第二屏:产品核心,展卖点 【主产品展示】 · 左侧(60%宽度):3:4比例礼盒全景图 · 礼盒打开状态展示内部独立包装 · 悬浮标签:「20杯经典装|满足一月温暖」 · 右侧(40%宽度):垂直排列三大卖点图标 1. 🐄「优质奶源」+文案:新西兰进口乳粉 2. 🍮「Q弹椰果」+文案:大颗椰果看得见 3. 🍃「醇厚茶底」+文案:精选斯里兰卡红茶 【口味矩阵】 · 2×2网格展示四种主打口味: 1. 原味经典 - 配图:奶茶粉+红茶包特写 2. 草莓甜心 - 配图:草莓果干原料实拍 3. 香芋之恋 - 配图:紫色香芋颗粒特写 4. 麦香清新 - 配图:麦片与奶茶融合图 · 每个口味角标:「热销TOP」「新品」 --- 第三屏:细节佐证,建信任 【原料解剖区】 · 左侧轮播图(3:4比例): 1. 奶粉显微镜级特写 +「乳粉含量≥32%」 2. 红茶茶叶展开图 +「完整茶叶非碎末」 3. 椰果透亮特写 +「添加真实椰果肉」 · 右上角鲜明章型标:「真材实料·眼见为实」 【工艺与健康】 · 中部:16:9工艺流程横幅 · 图示:精选→配比→混合→灌装→检测 · 技术标:「低温锁香工艺|风味保留90%」 · 右侧:4:3营养成分表模块 · 重点高亮标注: ✅「0反式脂肪酸」 ✅「低糖版本可选」 ✅「每杯仅需1.5元」 --- 第四屏:场景共鸣,促共情 【场景化展示】 · 16:9宽幅场景 collage: · 上班族办公桌场景:「下午3点,充电时刻」 · 宿舍分享场景:「寝室夜话,温暖共享」 · 家庭温馨场景:「全家人的暖心饮品」 · 户外露营场景:「便携装,随时温暖」 【口碑证言区】 · 采用1:1买家秀瀑布流布局 · 精选真实评价: · 「回购5次了,椰果真的比别家多」⭐️⭐️⭐️⭐️⭐️ · 「办公室囤货,同事们都在问链接」⭐️⭐️⭐️⭐️⭐️ · 「给男友买了礼盒装,他说很暖心」⭐️⭐️⭐️⭐️⭐️ · 悬浮显示:「已售出1,000,000+杯」 --- 第五屏:转化引导,推下单 【品牌信任背书】 · 左侧1:1品牌实力展示: · 喜之郎集团25年标识 · ISO认证证书缩略图 · 10万㎡生产基地实拍 【促销信息突出】 · 中部倒计时横幅: 「限时优惠|仅剩02:19:45」 · 价格对比模块: · 原价:89.9元 ❌ · 活动价:69.9元 ✅ · 会员价:64.9元 👑 · 赠品提示:「前500名送定制马克杯+杯套」 【购买保障与行动点】 · 保障图标三联排: 🛡️「7天无理由退换」 🚚「破损包赔」 ✅「正品保证」 · 底部固定操作栏: · 左侧:「收藏店铺」「联系客服」 · 右侧醒目按钮: 🔴「立即购买」主按钮(大面积) ⚪「加入购物车」次级按钮 --- 设计执行建议 1. 色彩体系:主色奶茶暖棕(#D4A574),辅色喜之郎品牌红,点缀金色 2. 字体规范:标题用思源黑体加粗,正文用阿里巴巴普惠体 3. 交互细节: · 第一屏下滑箭头动画 · 口味选择时的微动效 · 倒计时实时更新 4. 移动端适配:所有图片需提供2x高清版本,按钮点击区域≥44×44px --- 此详情页设计遵循“注意力-兴趣-信任-欲望-行动”的电商转化逻辑,视觉层次清晰,信任构建充分,最终通过限时促销与强保障推动决策闭环。优乐美奶茶电商详情页设计方案

第一屏:视觉冲击,抓注意力

【主视觉区】

· 9:16竖版全屏海报,采用暖色调场景(如冬日窗边阳光、温馨室内)
· 中心视觉:优乐美奶茶杯热气腾腾特写,杯身微微倾斜呈现“捧在手心”姿态
· 叠加半透明品牌slogan艺术字:「把爱捧在手心」
· 动态效果建议:轻微热气飘动动画

【信息层】

· 左上角:喜之郎品牌logo(金色质感,尺寸适中)
· 右上角标签组:
  · 🔥「6种口味组合装」
  · 🚚「顺丰速发 次日可达」
  · 💝「节日限定礼盒包装」
· 底部引导箭头+文案:「向下探索温暖」

---

第二屏:产品核心,展卖点

【主产品展示】

· 左侧(60%宽度):3:4比例礼盒全景图
  · 礼盒打开状态展示内部独立包装
  · 悬浮标签:「20杯经典装|满足一月温暖」
· 右侧(40%宽度):垂直排列三大卖点图标
  1. 🐄「优质奶源」+文案:新西兰进口乳粉
  2. 🍮「Q弹椰果」+文案:大颗椰果看得见
  3. 🍃「醇厚茶底」+文案:精选斯里兰卡红茶

【口味矩阵】

· 2×2网格展示四种主打口味:
  1. 原味经典 - 配图:奶茶粉+红茶包特写
  2. 草莓甜心 - 配图:草莓果干原料实拍
  3. 香芋之恋 - 配图:紫色香芋颗粒特写
  4. 麦香清新 - 配图:麦片与奶茶融合图
· 每个口味角标:「热销TOP」「新品」

---

第三屏:细节佐证,建信任

【原料解剖区】

· 左侧轮播图(3:4比例):
  1. 奶粉显微镜级特写 +「乳粉含量≥32%」
  2. 红茶茶叶展开图 +「完整茶叶非碎末」
  3. 椰果透亮特写 +「添加真实椰果肉」
· 右上角鲜明章型标:「真材实料·眼见为实」

【工艺与健康】

· 中部:16:9工艺流程横幅
  · 图示:精选→配比→混合→灌装→检测
  · 技术标:「低温锁香工艺|风味保留90%」
· 右侧:4:3营养成分表模块
  · 重点高亮标注:
    ✅「0反式脂肪酸」
    ✅「低糖版本可选」
    ✅「每杯仅需1.5元」

---

第四屏:场景共鸣,促共情

【场景化展示】

· 16:9宽幅场景 collage:
  · 上班族办公桌场景:「下午3点,充电时刻」
  · 宿舍分享场景:「寝室夜话,温暖共享」
  · 家庭温馨场景:「全家人的暖心饮品」
  · 户外露营场景:「便携装,随时温暖」

【口碑证言区】

· 采用1:1买家秀瀑布流布局
· 精选真实评价:
  · 「回购5次了,椰果真的比别家多」⭐️⭐️⭐️⭐️⭐️
  · 「办公室囤货,同事们都在问链接」⭐️⭐️⭐️⭐️⭐️
  · 「给男友买了礼盒装,他说很暖心」⭐️⭐️⭐️⭐️⭐️
· 悬浮显示:「已售出1,000,000+杯」

---

第五屏:转化引导,推下单

【品牌信任背书】

· 左侧1:1品牌实力展示:
  · 喜之郎集团25年标识
  · ISO认证证书缩略图
  · 10万㎡生产基地实拍

【促销信息突出】

· 中部倒计时横幅:
  「限时优惠|仅剩02:19:45」
· 价格对比模块:
  · 原价:89.9元 ❌
  · 活动价:69.9元 ✅
  · 会员价:64.9元 👑
· 赠品提示:「前500名送定制马克杯+杯套」

【购买保障与行动点】

· 保障图标三联排:
  🛡️「7天无理由退换」
  🚚「破损包赔」
  ✅「正品保证」
· 底部固定操作栏:
  · 左侧:「收藏店铺」「联系客服」
  · 右侧醒目按钮:
    🔴「立即购买」主按钮(大面积)
    ⚪「加入购物车」次级按钮

---

设计执行建议

1. 色彩体系:主色奶茶暖棕(#D4A574),辅色喜之郎品牌红,点缀金色
2. 字体规范:标题用思源黑体加粗,正文用阿里巴巴普惠体
3. 交互细节:
   · 第一屏下滑箭头动画
   · 口味选择时的微动效
   · 倒计时实时更新
4. 移动端适配:所有图片需提供2x高清版本,按钮点击区域≥44×44px

---

此详情页设计遵循“注意力-兴趣-信任-欲望-行动”的电商转化逻辑,视觉层次清晰,信任构建充分,最终通过限时促销与强保障推动决策闭环。
[第2屏] 电商详情页配料对比图,松鲜鲜松茸调味料天然原料展示。 [氛围/风格] 极简科技感设计,高清明亮,留白构图。 [元素布局] 画面左右分区对比,左半部分放大展示产品配料表标签,文字清晰可见,配料仅有水、食用盐、松茸、菌菇、罗汉果粉、甜叶菊等天然原料,旁边标注绿色对勾标志和“真干净”字样。右半部分展示打红色叉号的防腐剂、甜味剂、白砂糖、谷氨酸钠图标。左右分区用金色箭头连接,顶部放置主标题。整个画面白色背景,干净通透。 [光影质感] 均匀顶光,画面干净无阴影,文字和图标清晰锐利。 [配色色系] 全局底色:#F7F3E9(暖米白);主体配色:#FFFFFF(背景)+ #222222(黑色文字)+ #4CAF50(绿色对勾)+ #F44336(红色叉号)+ #D4AF37(金色箭头);延续首屏字形和字色方案。 [视角构图] 正面平视,左右对称对比构图,留白充足。 [文字版式] 顶部居中大字主标题“5个0标准”,黑色圆角加粗字体,字号约占画面高度8%。左侧分区标题“天然原料”,右侧“拒绝添加”,文字整齐排版。字形使用圆角黑体,字色仅黑色和图标色,纯色填充,风格与首屏保持统一。 [比例分辨率] 9:16竖版比例,宽度1080像素,高度1920像素,2K超高清,文字清晰可辨。 [负向提示词] 文字模糊,排版错乱,颜色偏差,对比不清晰,水印。[第2屏] 电商详情页配料对比图,松鲜鲜松茸调味料天然原料展示。
[氛围/风格] 极简科技感设计,高清明亮,留白构图。
[元素布局] 画面左右分区对比,左半部分放大展示产品配料表标签,文字清晰可见,配料仅有水、食用盐、松茸、菌菇、罗汉果粉、甜叶菊等天然原料,旁边标注绿色对勾标志和“真干净”字样。右半部分展示打红色叉号的防腐剂、甜味剂、白砂糖、谷氨酸钠图标。左右分区用金色箭头连接,顶部放置主标题。整个画面白色背景,干净通透。
[光影质感] 均匀顶光,画面干净无阴影,文字和图标清晰锐利。
[配色色系] 全局底色:#F7F3E9(暖米白);主体配色:#FFFFFF(背景)+ #222222(黑色文字)+ #4CAF50(绿色对勾)+ #F44336(红色叉号)+ #D4AF37(金色箭头);延续首屏字形和字色方案。
[视角构图] 正面平视,左右对称对比构图,留白充足。
[文字版式] 顶部居中大字主标题“5个0标准”,黑色圆角加粗字体,字号约占画面高度8%。左侧分区标题“天然原料”,右侧“拒绝添加”,文字整齐排版。字形使用圆角黑体,字色仅黑色和图标色,纯色填充,风格与首屏保持统一。
[比例分辨率] 9:16竖版比例,宽度1080像素,高度1920像素,2K超高清,文字清晰可辨。
[负向提示词] 文字模糊,排版错乱,颜色偏差,对比不清晰,水印。