创意预览图

[第8屏] 规格信息屏-椰好三章全系列产品规格参数展示。 [氛围/风格] 干净简约,清晰易读,专业严谨。 [元素布局] 左侧放置【图1】清补凉产品缩略图,占比约30%;右侧区域排布产品规格和配料信息,

用户头像

用户sJbFwE6a

2026.06.24
[第5屏] 春光椰子糖多种吃法场景展示屏。本屏使用【图1】产品细节展示不同搭配吃法。 [氛围/风格] 真实生活化场景,温馨食欲感,明亮温馨,和全套风格光影统一。 [元素布局] 本屏使用2×2网格布局,四个圆角卡片展示四种吃法:左上为搭配咖啡,盘子放三块椰子糖搭配一杯黑咖啡;右上为直接食用,椰子糖放在半颗椰子壳容器中;左下为搭配烘焙,椰糖切小块放在面包片上;右下为作为零食,多块椰糖码放盘中。每个卡片上方放图,下方放浅棕底标题条。页面顶部预留大标题位置,整体均匀分布不拥挤。 [光影质感] 每个场景卡片光线均匀自然,突出食物搭配的食欲感,整体和首屏光影色调统一。 [配色色系] 全局底色 #F8F0D7(浅沙色);卡片为白色底,标题条浅棕色;文字沿用深棕色 #5D4037。 [视角构图] 每个卡片为平视角度,卡片间距合适,整体页面干净,符合移动端浏览。 [文字版式] 顶部大标题“美味时刻 多种吃法”,圆角粗黑体,深棕色纯色填充,字号占画面宽度7%,居中。每个卡片下方标题分别为“搭配咖啡”“直接食用”“烘焙搭配”“日常解馋”,白色文字,圆角字体,字号约大标题30%,每个卡片标题居中。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可读。 [负向提示词] 场景变形,食物模糊,文字位置错乱,卡片拥挤,颜色偏差,水印。[第5屏] 春光椰子糖多种吃法场景展示屏。本屏使用【图1】产品细节展示不同搭配吃法。
[氛围/风格] 真实生活化场景,温馨食欲感,明亮温馨,和全套风格光影统一。
[元素布局] 本屏使用2×2网格布局,四个圆角卡片展示四种吃法:左上为搭配咖啡,盘子放三块椰子糖搭配一杯黑咖啡;右上为直接食用,椰子糖放在半颗椰子壳容器中;左下为搭配烘焙,椰糖切小块放在面包片上;右下为作为零食,多块椰糖码放盘中。每个卡片上方放图,下方放浅棕底标题条。页面顶部预留大标题位置,整体均匀分布不拥挤。
[光影质感] 每个场景卡片光线均匀自然,突出食物搭配的食欲感,整体和首屏光影色调统一。
[配色色系] 全局底色 #F8F0D7(浅沙色);卡片为白色底,标题条浅棕色;文字沿用深棕色 #5D4037。
[视角构图] 每个卡片为平视角度,卡片间距合适,整体页面干净,符合移动端浏览。
[文字版式] 顶部大标题“美味时刻 多种吃法”,圆角粗黑体,深棕色纯色填充,字号占画面宽度7%,居中。每个卡片下方标题分别为“搭配咖啡”“直接食用”“烘焙搭配”“日常解馋”,白色文字,圆角字体,字号约大标题30%,每个卡片标题居中。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可读。
[负向提示词] 场景变形,食物模糊,文字位置错乱,卡片拥挤,颜色偏差,水印。
[第1屏] 详情页头图-椰好三章清补凉点心礼盒全套产品宣传海报。本屏使用【图1】作为清补凉商品主体,展示产品全貌。 [氛围/风格] 清新海岛风,浅米暖调背景,明亮通透,商业美食摄影质感,自然治愈氛围感。 [元素布局] 主体清补凉椰子碗置于画面中偏下位置,占比约65%;上方预留标题区域,周围点缀新鲜椰子片、鸡蛋花、贝壳等热带元素;产品物理结构、材质质感、颜色与输入产品图保持一致。 [光影质感] 上方自然光柔光照明,下方自然柔和投影,椰肉果肉保留清晰高光,整体明亮通透,凸显食材新鲜度。 [配色色系] 全局底色 #F5F1E4;主色暖棕椰壳色、奶白椰肉色;辅助色浅黄鸡蛋花、浅蓝沙滩背景。 [视角构图] 正面微俯视,产品为视觉中心,阅读动线从上到下,标题→主体产品→底部信息。 [文字版式] 版式为上标题+中产品+底部卖点条。主标题「椰好三章 一口消暑」,副标题「非遗清补凉 点心护发礼盒」,圆角黑体标题,居中对齐;底部三个卖点图标标签:「非遗工艺」「零添加」「消暑清爽」,文字不遮挡产品主体。全套统一使用圆角黑体标题,字色不超过2种。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 商品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,文字过小,极限词。[第1屏] 详情页头图-椰好三章清补凉点心礼盒全套产品宣传海报。本屏使用【图1】作为清补凉商品主体,展示产品全貌。
[氛围/风格] 清新海岛风,浅米暖调背景,明亮通透,商业美食摄影质感,自然治愈氛围感。
[元素布局] 主体清补凉椰子碗置于画面中偏下位置,占比约65%;上方预留标题区域,周围点缀新鲜椰子片、鸡蛋花、贝壳等热带元素;产品物理结构、材质质感、颜色与输入产品图保持一致。
[光影质感] 上方自然光柔光照明,下方自然柔和投影,椰肉果肉保留清晰高光,整体明亮通透,凸显食材新鲜度。
[配色色系] 全局底色 #F5F1E4;主色暖棕椰壳色、奶白椰肉色;辅助色浅黄鸡蛋花、浅蓝沙滩背景。
[视角构图] 正面微俯视,产品为视觉中心,阅读动线从上到下,标题→主体产品→底部信息。
[文字版式] 版式为上标题+中产品+底部卖点条。主标题「椰好三章 一口消暑」,副标题「非遗清补凉 点心护发礼盒」,圆角黑体标题,居中对齐;底部三个卖点图标标签:「非遗工艺」「零添加」「消暑清爽」,文字不遮挡产品主体。全套统一使用圆角黑体标题,字色不超过2种。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 商品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,文字过小,极限词。
[第2屏] 原料成分展示-诗乐滋黄油椰奶核桃酥核心原料介绍。 [氛围/风格] 自然清新美食风,浅原木基调,真实食材质感,信息饱满通透。 [元素布局] 页面顶部放标题区域,下半部分采用三竖图排列,分别展示黄油块、干椰肉、带壳核桃三种核心原料,每块原料搭配对应的简短说明文字,左下角保留原产品包装盒小图作为品牌识别。背景为统一浅原木色,每块原料用浅米色圆角卡片承托,整体排版干净有层次,不拥挤。所有原料保持真实自然的颜色和质地,产品包装结构文字与原图保持一致。 [光影质感] 均匀柔和自然光从左上方照射,每块原料都有清晰的纹理和自然投影,整体画面明亮干净,突出原料的天然新鲜。 [配色色系] 全局底色:#F5EFE0(浅原木);主体配色:#D49A3A(核桃酥金黄)+#FFFFFF(卡片底)+#F2A950(标签暖橙);辅助色:#F8D7E0(粉玫瑰)+#88AA7A(绿叶)+#1A1A1A(文字深棕)。 [视角构图] 平视角度,三等分竖构图,标题区占上1/5,三原料区各占中下1/3,整体信息层级清晰,阅读顺序从上到下。 [文字版式] 顶部大标题「精选原料 自然好味」深棕色圆角黑体,居中,字号为画面宽度6%,下方副标题「只用真材实料 做好一口酥香」深棕色居中,字号为主标题40%;三竖图分别标注「动物黄油 椰奶入味 核桃添加」,每图下方文字深棕色,字号统一。字形:标题圆角黑体,正文同家族无衬线;字色:仅深棕色+浅米色两种;字效:统一纯色填充。 [比例分辨率] 9:16 竖版比例,2k分辨率,文字清晰可辨,超高清。 [负向提示词] 原料变质,颜色偏差,文字错乱,排版混乱,水印,产品变形,背景杂乱。[第2屏] 原料成分展示-诗乐滋黄油椰奶核桃酥核心原料介绍。
[氛围/风格] 自然清新美食风,浅原木基调,真实食材质感,信息饱满通透。
[元素布局] 页面顶部放标题区域,下半部分采用三竖图排列,分别展示黄油块、干椰肉、带壳核桃三种核心原料,每块原料搭配对应的简短说明文字,左下角保留原产品包装盒小图作为品牌识别。背景为统一浅原木色,每块原料用浅米色圆角卡片承托,整体排版干净有层次,不拥挤。所有原料保持真实自然的颜色和质地,产品包装结构文字与原图保持一致。
[光影质感] 均匀柔和自然光从左上方照射,每块原料都有清晰的纹理和自然投影,整体画面明亮干净,突出原料的天然新鲜。
[配色色系] 全局底色:#F5EFE0(浅原木);主体配色:#D49A3A(核桃酥金黄)+#FFFFFF(卡片底)+#F2A950(标签暖橙);辅助色:#F8D7E0(粉玫瑰)+#88AA7A(绿叶)+#1A1A1A(文字深棕)。
[视角构图] 平视角度,三等分竖构图,标题区占上1/5,三原料区各占中下1/3,整体信息层级清晰,阅读顺序从上到下。
[文字版式] 顶部大标题「精选原料 自然好味」深棕色圆角黑体,居中,字号为画面宽度6%,下方副标题「只用真材实料 做好一口酥香」深棕色居中,字号为主标题40%;三竖图分别标注「动物黄油 椰奶入味 核桃添加」,每图下方文字深棕色,字号统一。字形:标题圆角黑体,正文同家族无衬线;字色:仅深棕色+浅米色两种;字效:统一纯色填充。
[比例分辨率] 9:16 竖版比例,2k分辨率,文字清晰可辨,超高清。
[负向提示词] 原料变质,颜色偏差,文字错乱,排版混乱,水印,产品变形,背景杂乱。
优乐美奶茶电商详情页设计方案 第一屏:视觉冲击,抓注意力 【主视觉区】 · 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

---

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