基于参考图的右侧悬浮价格卡设计,加长竖向比例,完整呈现全部5档… - 图片创意预览

基于参考图的右侧悬浮价格卡设计,加长竖向比例,完整呈现全部5档…

基于参考图的右侧悬浮价格卡设计,加长竖向比例,完整呈现全部5档型号价格。保持原有风格:浅蓝色渐变背景、白色圆角边框、顶部"免息特惠 直播间专属"标题(白色+黄色粗体)配向下黄色箭头、红底白字"抖音月付

用户头像

1q637pbckf9...

2026.09.10
抖音电商直播间右侧价格悬浮卡贴片,竖版长条形状,天蓝色为主色调,重点价格数字使用亮黄色凸显,透明背景PNG格式,版式精美。整体参考小米平板直播间右侧悬浮卡的版式骨架。 卡片结构从上到下: 1. 顶部引导标题:"免息特惠 直播间专属"(白色大字),下方配一个向下的白色箭头图标,引导视线向下 2. 引导副标题:"抖音月付至高6期免息"(红色背景白色文字,醒目凸显) 3. 5档价格列表,每档一行: - "国轩72V27Ah" + "补贴到手低至289.83起/期"(价格数字亮黄色大号字体) - "国轩72V54Ah" + "补贴到手低至513.33起/期"(价格数字亮黄色大号字体) - "国轩72V78Ah" + "补贴到手低至696.67起/期"(价格数字亮黄色大号字体) - "国轩72V91.5Ah" + "补贴到手低至813.33起/期"(价格数字亮黄色大号字体) - "国轩72V120Ah" + "补贴到手低至913.33起/期"(价格数字亮黄色大号字体) 整体风格:天蓝色渐变卡片,圆角设计,白色说明文字,亮黄色价格数字突出,红色标签点缀,现代电商直播风格,画面四周透明无背景。 画面中必须完整呈现以下文字信息:"免息特惠 直播间专属"、"抖音月付至高6期免息"、"国轩72V27Ah"、"补贴到手低至289.83起/期"、"国轩72V54Ah"、"补贴到手低至513.33起/期"、"国轩72V78Ah"、"补贴到手低至696.67起/期"、"国轩72V91.5Ah"、"补贴到手低至813.33起/期"、"国轩72V120Ah"、"补贴到手低至913.33起/期"。 画面中所有数字必须精确渲染,不得错位、遗漏或编造。抖音电商直播间右侧价格悬浮卡贴片,竖版长条形状,天蓝色为主色调,重点价格数字使用亮黄色凸显,透明背景PNG格式,版式精美。整体参考小米平板直播间右侧悬浮卡的版式骨架。

卡片结构从上到下:
1. 顶部引导标题:"免息特惠 直播间专属"(白色大字),下方配一个向下的白色箭头图标,引导视线向下
2. 引导副标题:"抖音月付至高6期免息"(红色背景白色文字,醒目凸显)
3. 5档价格列表,每档一行:
   - "国轩72V27Ah" + "补贴到手低至289.83起/期"(价格数字亮黄色大号字体)
   - "国轩72V54Ah" + "补贴到手低至513.33起/期"(价格数字亮黄色大号字体)
   - "国轩72V78Ah" + "补贴到手低至696.67起/期"(价格数字亮黄色大号字体)
   - "国轩72V91.5Ah" + "补贴到手低至813.33起/期"(价格数字亮黄色大号字体)
   - "国轩72V120Ah" + "补贴到手低至913.33起/期"(价格数字亮黄色大号字体)

整体风格:天蓝色渐变卡片,圆角设计,白色说明文字,亮黄色价格数字突出,红色标签点缀,现代电商直播风格,画面四周透明无背景。

画面中必须完整呈现以下文字信息:"免息特惠 直播间专属"、"抖音月付至高6期免息"、"国轩72V27Ah"、"补贴到手低至289.83起/期"、"国轩72V54Ah"、"补贴到手低至513.33起/期"、"国轩72V78Ah"、"补贴到手低至696.67起/期"、"国轩72V91.5Ah"、"补贴到手低至813.33起/期"、"国轩72V120Ah"、"补贴到手低至913.33起/期"。
画面中所有数字必须精确渲染,不得错位、遗漏或编造。
[第2屏] 痛点直击 传统动力电池使用困扰与选购顾虑说明页。[氛围/风格] 理性专业说明风,浅灰蓝干净背景,信息卡片清晰排布,无多余杂乱元素,突出问题点的直观展示。[元素布局] 画面分为上下两个区域,上半部分居中放置主标题,下半部分横向排列4个圆角痛点卡片,每个卡片内包含小图标+痛点文字,背景点缀淡蓝色细线条装饰,整体干净整洁,无产品图。[光影质感] 均匀柔和漫射光,无强烈阴影,画面明亮舒适,文字区域清晰可读。[配色色系] 全局底色:#F0F4F8(浅灰蓝);卡片底色:#FFFFFF(纯白);标题色:#0A2463(深蓝);痛点文字色:#333333(深灰);图标色:#E63946(浅红警示色)。[视角构图] 正面平视视角,上下对称构图,阅读动线从上到下依次浏览标题和4个痛点卡片。[文字版式] 顶部主标题「选购动力电池 这些痛点你遇到过吗?」深蓝粗体字,居中排布,字号为画面宽度7%。下方4个卡片分别对应痛点文字:「循环寿命短 用不久就衰减」「内阻偏高 放电性能差」「温度适应性差 极端环境无法使用」「无溯源码 品质无保障」,每个卡片内左侧放置对应小图标,右侧放置痛点文字,文字清晰不拥挤。[比例分辨率] 9:16竖版比例,1080px宽度,1920px高度,4K分辨率,移动端文字清晰可读。[负向提示词] 图标变形,文字模糊,背景杂乱,多余产品元素,水印,颜色刺眼。[第2屏] 痛点直击 传统动力电池使用困扰与选购顾虑说明页。[氛围/风格] 理性专业说明风,浅灰蓝干净背景,信息卡片清晰排布,无多余杂乱元素,突出问题点的直观展示。[元素布局] 画面分为上下两个区域,上半部分居中放置主标题,下半部分横向排列4个圆角痛点卡片,每个卡片内包含小图标+痛点文字,背景点缀淡蓝色细线条装饰,整体干净整洁,无产品图。[光影质感] 均匀柔和漫射光,无强烈阴影,画面明亮舒适,文字区域清晰可读。[配色色系] 全局底色:#F0F4F8(浅灰蓝);卡片底色:#FFFFFF(纯白);标题色:#0A2463(深蓝);痛点文字色:#333333(深灰);图标色:#E63946(浅红警示色)。[视角构图] 正面平视视角,上下对称构图,阅读动线从上到下依次浏览标题和4个痛点卡片。[文字版式] 顶部主标题「选购动力电池 这些痛点你遇到过吗?」深蓝粗体字,居中排布,字号为画面宽度7%。下方4个卡片分别对应痛点文字:「循环寿命短 用不久就衰减」「内阻偏高 放电性能差」「温度适应性差 极端环境无法使用」「无溯源码 品质无保障」,每个卡片内左侧放置对应小图标,右侧放置痛点文字,文字清晰不拥挤。[比例分辨率] 9:16竖版比例,1080px宽度,1920px高度,4K分辨率,移动端文字清晰可读。[负向提示词] 图标变形,文字模糊,背景杂乱,多余产品元素,水印,颜色刺眼。
电商详情页,华为笔记本618大促详情页,主色调为深空灰、科技蓝搭配618活动中国红、鎏金配色,科技简约风格,8K高清,商业精修质感,光影细腻。页面依次分为:顶部活动海报、促销活动区、五大产品特色板块、店铺尾栏。 1.顶部海报:醒目立体标题“华为笔记本618狂欢购”,搭配折扣标签、红包、光效粒子、科技线条装饰,华为品牌logo置于显眼位置,大促氛围浓厚; 2.促销活动区:卡片式布局,清晰展示满减券、限时补贴、下单赠品、全场价保、限时抢购等福利,文字醒目,图标直观; 3.游戏体验模块:人物使用笔记本运行大型游戏,画面流畅无卡顿,电竞光影效果,展现高性能游戏表现; 4.屏幕像素模块:屏幕特写,高分辨率超清屏,色彩精准、画质细腻,多角度呈现显示效果; 5.电池续航模块:动态电池图标,搭配办公、外出、追剧等使用场景,突出长续航、快充优势; 6.系统模块:系统界面展示,多设备协同、流畅运行、智能生态功能,界面简洁大气; 7.外观颜值模块:笔记本整机多角度展示,轻薄机身、精致金属工艺、简约造型,线条利落,质感高级; 8.店尾区域:包含店铺logo、客服入口、服务保障、关注店铺、导航按钮,排版工整规范。 整体层级清晰,图文结合,视觉舒适,符合电商商用设计标准。电商详情页,华为笔记本618大促详情页,主色调为深空灰、科技蓝搭配618活动中国红、鎏金配色,科技简约风格,8K高清,商业精修质感,光影细腻。页面依次分为:顶部活动海报、促销活动区、五大产品特色板块、店铺尾栏。
1.顶部海报:醒目立体标题“华为笔记本618狂欢购”,搭配折扣标签、红包、光效粒子、科技线条装饰,华为品牌logo置于显眼位置,大促氛围浓厚;
2.促销活动区:卡片式布局,清晰展示满减券、限时补贴、下单赠品、全场价保、限时抢购等福利,文字醒目,图标直观;
3.游戏体验模块:人物使用笔记本运行大型游戏,画面流畅无卡顿,电竞光影效果,展现高性能游戏表现;
4.屏幕像素模块:屏幕特写,高分辨率超清屏,色彩精准、画质细腻,多角度呈现显示效果;
5.电池续航模块:动态电池图标,搭配办公、外出、追剧等使用场景,突出长续航、快充优势;
6.系统模块:系统界面展示,多设备协同、流畅运行、智能生态功能,界面简洁大气;
7.外观颜值模块:笔记本整机多角度展示,轻薄机身、精致金属工艺、简约造型,线条利落,质感高级;
8.店尾区域:包含店铺logo、客服入口、服务保障、关注店铺、导航按钮,排版工整规范。
整体层级清晰,图文结合,视觉舒适,符合电商商用设计标准。
[第3屏] 核心卖点总览 6大核心优势分层展示卡片页。[氛围/风格] 科技卡片风,深蓝浅蓝渐变背景,主次信息瀑布流分层排布,专业清晰,突出每个卖点的核心价值。[元素布局] 画面左侧放置1张大尺寸主卖点卡片,右侧上下排列5张小尺寸卖点卡片,主卡片内嵌入图5的完整电池产品图,保持蓝色外壳产品外观与输入图5完全一致,其余小卡片内放置对应功能小图标,整体布局错落有致,无重复同尺寸卡片。[光影质感] 柔和侧光,卡片边缘有轻微悬浮阴影,呈现立体层次感,整体光线均匀明亮。[配色色系] 全局底色:#E8F1F8(浅蓝渐变);主卡片底色:#0A2463(深蓝);小卡片底色:#FFFFFF(纯白);文字色:主卡片白色字,小卡片深灰字。[视角构图] 正面平视视角,左大右小错落构图,阅读动线从左侧主卖点自然延伸到右侧其余卖点。[文字版式] 左侧主卡片主标题「62Ah 超大容量」白色粗体大字,下方补充说明「单颗容量充足 减少串并联数量」白色小字。右侧5张小卡片分别标注卖点:「循环寿命≥3000次」「5C高倍率放电」「内阻≤0.3mΩ」「-30℃~60℃宽温域」「带完整溯源二维码」,每个卡片顶部放置对应功能小图标,下方放置卖点文字,排版整齐不拥挤。[比例分辨率] 9:16竖版比例,1080px宽度,1920px高度,4K分辨率。[负向提示词] 卡片变形,产品外观错误,文字错乱,背景杂乱,水印,卖点信息缺失。[第3屏] 核心卖点总览 6大核心优势分层展示卡片页。[氛围/风格] 科技卡片风,深蓝浅蓝渐变背景,主次信息瀑布流分层排布,专业清晰,突出每个卖点的核心价值。[元素布局] 画面左侧放置1张大尺寸主卖点卡片,右侧上下排列5张小尺寸卖点卡片,主卡片内嵌入图5的完整电池产品图,保持蓝色外壳产品外观与输入图5完全一致,其余小卡片内放置对应功能小图标,整体布局错落有致,无重复同尺寸卡片。[光影质感] 柔和侧光,卡片边缘有轻微悬浮阴影,呈现立体层次感,整体光线均匀明亮。[配色色系] 全局底色:#E8F1F8(浅蓝渐变);主卡片底色:#0A2463(深蓝);小卡片底色:#FFFFFF(纯白);文字色:主卡片白色字,小卡片深灰字。[视角构图] 正面平视视角,左大右小错落构图,阅读动线从左侧主卖点自然延伸到右侧其余卖点。[文字版式] 左侧主卡片主标题「62Ah 超大容量」白色粗体大字,下方补充说明「单颗容量充足 减少串并联数量」白色小字。右侧5张小卡片分别标注卖点:「循环寿命≥3000次」「5C高倍率放电」「内阻≤0.3mΩ」「-30℃~60℃宽温域」「带完整溯源二维码」,每个卡片顶部放置对应功能小图标,下方放置卖点文字,排版整齐不拥挤。[比例分辨率] 9:16竖版比例,1080px宽度,1920px高度,4K分辨率。[负向提示词] 卡片变形,产品外观错误,文字错乱,背景杂乱,水印,卖点信息缺失。
[第2屏] 痛点直击-传统动力电池使用困扰分析。 [氛围/风格] 写实生活化风格,浅灰渐变背景,简洁对比版式,清晰传达用户痛点,引发共鸣。 [元素布局] 画面顶部放置大标题,中部分三个卡片区域分别展示三大痛点,每个痛点配简化场景示意图。左侧卡片展示传统电池充电慢困扰,中间卡片展示循环寿命短问题,右侧卡片展示倍率不足动力弱问题。卡片采用白色半透明底配灰色图标,痛点标题使用黑色加粗文字,痛点描述使用小号灰色文字清晰说明。背景干净简洁,不抢夺视觉焦点,突出文字痛点表达。 [光影质感] 均匀柔和漫射光,每个卡片区域光线均匀,文字清晰无阴影,整体明亮干净。 [配色色系] 全局底色:#F5F7FA(浅灰白);卡片底色:#FFFFFF(纯白);文字:#1E293B(深灰黑);辅助色:#E74C3C(红色警示)。 [视角构图] 标准竖向版式,从上至下:大标题区 → 三卡并行区,层级清晰,阅读顺序流畅。 [文字版式] 顶部大标题「选购锂电,你是否遇到这些问题?」黑色加粗,居中放置,字号为画面高度6%。三个卡片分别标题配描述:左卡标题「充电速度慢」,描述「等待时间长 影响使用效率」;中卡标题「循环寿命短」,描述「衰减快 更换频率高」;右卡标题「动力输出不足」,描述「倍率低 无法满足大负载」。每个卡片标题黑色加粗,描述灰色小字,左对齐排版,文字清晰不重叠。 [比例分辨率] 宽高比9:16,4K超高清分辨率,文字清晰可辨。 [负向提示词] 文字错乱,布局混乱,颜色刺眼,产品变形,水印,背景杂乱[第2屏] 痛点直击-传统动力电池使用困扰分析。
[氛围/风格] 写实生活化风格,浅灰渐变背景,简洁对比版式,清晰传达用户痛点,引发共鸣。
[元素布局] 画面顶部放置大标题,中部分三个卡片区域分别展示三大痛点,每个痛点配简化场景示意图。左侧卡片展示传统电池充电慢困扰,中间卡片展示循环寿命短问题,右侧卡片展示倍率不足动力弱问题。卡片采用白色半透明底配灰色图标,痛点标题使用黑色加粗文字,痛点描述使用小号灰色文字清晰说明。背景干净简洁,不抢夺视觉焦点,突出文字痛点表达。
[光影质感] 均匀柔和漫射光,每个卡片区域光线均匀,文字清晰无阴影,整体明亮干净。
[配色色系] 全局底色:#F5F7FA(浅灰白);卡片底色:#FFFFFF(纯白);文字:#1E293B(深灰黑);辅助色:#E74C3C(红色警示)。
[视角构图] 标准竖向版式,从上至下:大标题区 → 三卡并行区,层级清晰,阅读顺序流畅。
[文字版式] 顶部大标题「选购锂电,你是否遇到这些问题?」黑色加粗,居中放置,字号为画面高度6%。三个卡片分别标题配描述:左卡标题「充电速度慢」,描述「等待时间长 影响使用效率」;中卡标题「循环寿命短」,描述「衰减快 更换频率高」;右卡标题「动力输出不足」,描述「倍率低 无法满足大负载」。每个卡片标题黑色加粗,描述灰色小字,左对齐排版,文字清晰不重叠。
[比例分辨率] 宽高比9:16,4K超高清分辨率,文字清晰可辨。
[负向提示词] 文字错乱,布局混乱,颜色刺眼,产品变形,水印,背景杂乱