创意预览图

一张竖版3:4对比图,浅木色桌面背景,中间一条细直线将画面左右均分。整体文字要求:所有文字使用同一字体(黑体),大小统一,水平排列,严格对齐,不倾斜、不旋转、无手写感。左右两侧文字分别左对齐(左侧文字

用户头像

GD829569172

2026.05.21
竖版3:4对比图,浅木色桌面背景,中间一条细直线将画面左右均分,左侧微偏冷绿背景,右侧微偏暖绿背景,整体风格干净、高级、极简,无多余装饰。 左侧(江浙抹茶):顶部深绿色圆角小标签,内白字"饮品专用";下方深绿色粗体大标题"江浙抹茶";主视觉是一杯冰抹茶拿铁,透明玻璃杯,翠绿色抹茶层与白色牛奶分层清晰;主视觉下方三个白色圆角标签竖向排列,每个标签内两行文字,第一行加粗,第二行灰色小字:第一个标签文字是"粉质细腻秒溶 低山丘陵 · 光照柔和 · 茶氨酸丰富",第二个标签"清甜回甘不涩 季风气候 · 雨水均匀 · 苦涩物质少",第三个标签"汤色翠绿透亮 中纬度温和 · 茶树慢生长 · 叶绿素饱满"。 右侧(贵州抹茶):顶部暖绿色圆角小标签,内白字"烘焙专用";下方暖绿色粗体大标题"贵州抹茶";主视觉是一块抹茶巴斯克蛋糕切面,翠绿色内芯,边缘烤焦色;主视觉下方三个白色圆角标签竖向排列,每个标签内两行文字,第一行加粗,第二行灰色小字:第一个标签文字是"高温锁香 高海拔800-1200米 · 昼夜温差大 · 芳香物质多",第二个标签"风味扎实浓郁 云雾缭绕 · 寡日照 · 茶多酚沉淀丰富",第三个标签"上色稳定不褪 高山慢生长 · 色泽耐烤 · 不发黄"。 底部居中,一行小字"选对产区,新手也能做出门店级抹茶美食✨",深绿色,水平居中。 所有文字统一使用黑体或苹方字体,文字大小统一,水平排列,严格对齐,不倾斜、不旋转,左侧文字左对齐,右侧文字右对齐,行距相同,所有文字清晰锐利,严禁歪斜、重叠、错位。竖版3:4对比图,浅木色桌面背景,中间一条细直线将画面左右均分,左侧微偏冷绿背景,右侧微偏暖绿背景,整体风格干净、高级、极简,无多余装饰。
左侧(江浙抹茶):顶部深绿色圆角小标签,内白字"饮品专用";下方深绿色粗体大标题"江浙抹茶";主视觉是一杯冰抹茶拿铁,透明玻璃杯,翠绿色抹茶层与白色牛奶分层清晰;主视觉下方三个白色圆角标签竖向排列,每个标签内两行文字,第一行加粗,第二行灰色小字:第一个标签文字是"粉质细腻秒溶
低山丘陵 · 光照柔和 · 茶氨酸丰富",第二个标签"清甜回甘不涩
季风气候 · 雨水均匀 · 苦涩物质少",第三个标签"汤色翠绿透亮
中纬度温和 · 茶树慢生长 · 叶绿素饱满"。
右侧(贵州抹茶):顶部暖绿色圆角小标签,内白字"烘焙专用";下方暖绿色粗体大标题"贵州抹茶";主视觉是一块抹茶巴斯克蛋糕切面,翠绿色内芯,边缘烤焦色;主视觉下方三个白色圆角标签竖向排列,每个标签内两行文字,第一行加粗,第二行灰色小字:第一个标签文字是"高温锁香
高海拔800-1200米 · 昼夜温差大 · 芳香物质多",第二个标签"风味扎实浓郁
云雾缭绕 · 寡日照 · 茶多酚沉淀丰富",第三个标签"上色稳定不褪
高山慢生长 · 色泽耐烤 · 不发黄"。
底部居中,一行小字"选对产区,新手也能做出门店级抹茶美食✨",深绿色,水平居中。
所有文字统一使用黑体或苹方字体,文字大小统一,水平排列,严格对齐,不倾斜、不旋转,左侧文字左对齐,右侧文字右对齐,行距相同,所有文字清晰锐利,严禁歪斜、重叠、错位。
[第1屏] 详情页头图-贵州特色抹茶酥新品宣传海报。本屏使用【图1】和【图3】作为商品主体,展示切开的抹茶酥和独立包装。 [氛围/风格] 清新自然国风,浅绿雅致背景,突出食品食欲,商业摄影质感,画面干净通透。 [元素布局] 保持抹茶酥浅绿色酥皮、双层红棕内馅、粉色独立包装的物理结构、材质质感、颜色与输入产品图一致。产品主体放置在画面中下区域,占据画面65%-70%空间;前景散落少量贵州抹茶粉和干玫瑰花瓣作为点缀,背景是渐变浅绿,上方预留大区域放置主标题。整体层次分明,不拥挤。 [光影质感] 左上方柔和主光照亮酥皮层次和内馅质感,右下方形成自然柔和投影,整体明亮通透,产品边缘清晰真实,能体现酥皮的酥脆感。 [配色色系] 全局底色:#F2F9F4(浅绿米白);主体配色:#A2D995(抹茶酥绿)+#7A2038(内馅红棕)+#E887BB(包装粉);辅助色:#8B5A2B(抹茶粉棕)+#2C4A24(深绿标题)。 [视角构图] 正面视角,产品主体居中偏下,上方完整留白给标题,底部绿色信息条承接品牌卖点,背景干净有设计感。 [文字版式] 版式为上方主标题+副标题+中间产品主体+底部信息条。字形选择圆角黑体,字色使用1种深绿色,标题字效为纯色填充,全套沿用此风格。主标题「贵州特色 抹茶酥」居中对齐,字号为画面宽度8%-10%;副标题「地道原材 一口清香」在主标题下方,字号为主标题35%;底部深绿色信息条,左侧白色文字「高原抹茶风味」,文字不遮挡产品主体。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 产品变形,颜色偏差,包装文字错乱,缺件错件,水印,文字模糊,背景杂乱,过度渲染[第1屏] 详情页头图-贵州特色抹茶酥新品宣传海报。本屏使用【图1】和【图3】作为商品主体,展示切开的抹茶酥和独立包装。
[氛围/风格] 清新自然国风,浅绿雅致背景,突出食品食欲,商业摄影质感,画面干净通透。
[元素布局] 保持抹茶酥浅绿色酥皮、双层红棕内馅、粉色独立包装的物理结构、材质质感、颜色与输入产品图一致。产品主体放置在画面中下区域,占据画面65%-70%空间;前景散落少量贵州抹茶粉和干玫瑰花瓣作为点缀,背景是渐变浅绿,上方预留大区域放置主标题。整体层次分明,不拥挤。
[光影质感] 左上方柔和主光照亮酥皮层次和内馅质感,右下方形成自然柔和投影,整体明亮通透,产品边缘清晰真实,能体现酥皮的酥脆感。
[配色色系] 全局底色:#F2F9F4(浅绿米白);主体配色:#A2D995(抹茶酥绿)+#7A2038(内馅红棕)+#E887BB(包装粉);辅助色:#8B5A2B(抹茶粉棕)+#2C4A24(深绿标题)。
[视角构图] 正面视角,产品主体居中偏下,上方完整留白给标题,底部绿色信息条承接品牌卖点,背景干净有设计感。
[文字版式] 版式为上方主标题+副标题+中间产品主体+底部信息条。字形选择圆角黑体,字色使用1种深绿色,标题字效为纯色填充,全套沿用此风格。主标题「贵州特色 抹茶酥」居中对齐,字号为画面宽度8%-10%;副标题「地道原材 一口清香」在主标题下方,字号为主标题35%;底部深绿色信息条,左侧白色文字「高原抹茶风味」,文字不遮挡产品主体。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 产品变形,颜色偏差,包装文字错乱,缺件错件,水印,文字模糊,背景杂乱,过度渲染
优乐美奶茶电商详情页设计方案 第一屏:视觉冲击,抓注意力 【主视觉区】 · 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

---

此详情页设计遵循“注意力-兴趣-信任-欲望-行动”的电商转化逻辑,视觉层次清晰,信任构建充分,最终通过限时促销与强保障推动决策闭环。