参考图一图二的风格给图三设计详情页「图片1」「图片1」「图片1 - 图片创意预览

参考图一图二的风格给图三设计详情页「图片1」「图片1」「图片1

参考图一图二的风格给图三设计详情页「图片1」「图片1」「图片1」

用户头像

4Go5ROxl

2026.06.15
[第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分辨率。[负向提示词] 卡片变形,产品外观错误,文字错乱,背景杂乱,水印,卖点信息缺失。
[商品] 使用【图1】白色快充充电器(取USB-A+Type-C款);保留白色亮面外壳、方形圆角、接口位置与颜色、整体结构比例;本页做内部结构/原理示意,外壳半透明化展示内部核心元件,外部轮廓与颜色保持原样。 [画面] 目标:展示智能控温+稳压输入核心技术,建立安全快充信任。构图:产品居中偏右,外壳半透明可见内部电路板、温控芯片、电容等元件,左侧配技术说明文字与引线标注;产品占画面约50%;阅读动线从左标题到右产品再到下方细节标注;前景发光引线与标注,中景半透明产品+内部结构,远景深色科技背景带电路纹理光效。 [视觉] 套系策略:风格=深色科技性能风+拼多多高性价比大字报;标题字=粗黑无衬线大字(思源黑体Heavy);正文字=简洁无衬线体(思源黑体Regular);主色=深灰蓝(科技底);背景延展=基于深灰蓝做电路纹理、径向光效、暗角颗粒;强调色=青绿色(用于芯片发光、引线、技术标签);标题色=白色+青绿色技术名;正文色=浅灰白;组件=细线引线标注、技术标签胶囊、发光芯片示意;光影=内部芯片发出青绿色微光,外部产品保留亮面反光。 [文字] 左上主标题:"安全快充 黑科技"(白色,"黑科技"青绿色);副标题:"智能控温 + 稳压输入 双重保护";3条引线标注:①"智能温控芯片"——实时监测 不过热 ②"220V稳压输入"——电压波动也稳充 ③"多口智能分流"——按需分配 不伤机;底部小字补充:"多重保护 充电更安心";全部横排,标注线清晰不杂乱。 [规格] 拼多多详情页,单屏比例9:16竖版,分辨率4K,负向提示:避免产品外形改变、接口错误、错字、文字过小、冷蓝过度、虚构认证、极限词、白底。[商品] 使用【图1】白色快充充电器(取USB-A+Type-C款);保留白色亮面外壳、方形圆角、接口位置与颜色、整体结构比例;本页做内部结构/原理示意,外壳半透明化展示内部核心元件,外部轮廓与颜色保持原样。
[画面] 目标:展示智能控温+稳压输入核心技术,建立安全快充信任。构图:产品居中偏右,外壳半透明可见内部电路板、温控芯片、电容等元件,左侧配技术说明文字与引线标注;产品占画面约50%;阅读动线从左标题到右产品再到下方细节标注;前景发光引线与标注,中景半透明产品+内部结构,远景深色科技背景带电路纹理光效。
[视觉] 套系策略:风格=深色科技性能风+拼多多高性价比大字报;标题字=粗黑无衬线大字(思源黑体Heavy);正文字=简洁无衬线体(思源黑体Regular);主色=深灰蓝(科技底);背景延展=基于深灰蓝做电路纹理、径向光效、暗角颗粒;强调色=青绿色(用于芯片发光、引线、技术标签);标题色=白色+青绿色技术名;正文色=浅灰白;组件=细线引线标注、技术标签胶囊、发光芯片示意;光影=内部芯片发出青绿色微光,外部产品保留亮面反光。
[文字] 左上主标题:"安全快充 黑科技"(白色,"黑科技"青绿色);副标题:"智能控温 + 稳压输入 双重保护";3条引线标注:①"智能温控芯片"——实时监测 不过热 ②"220V稳压输入"——电压波动也稳充 ③"多口智能分流"——按需分配 不伤机;底部小字补充:"多重保护 充电更安心";全部横排,标注线清晰不杂乱。
[规格] 拼多多详情页,单屏比例9:16竖版,分辨率4K,负向提示:避免产品外形改变、接口错误、错字、文字过小、冷蓝过度、虚构认证、极限词、白底。
[第3屏] 磷酸铁锂锂电池核心卖点总览,分层展示四大核心优势。 [氛围/风格] 科技专业风,深蓝色背景搭配浅色信息卡片,视觉层次清晰,卖点突出。 [元素布局] 页面顶部放置主标题,下方采用左右主次分层结构:左侧大卡片展示产品实物图,使用输入产品图【图1】保持产品外观一致,占画面约45%宽度;右侧上下排列三个小卖点卡片,每个小卡片展示一个核心卖点。整体布局错落有致,不单调。产品保持黑色外壳、银色提手原有结构和颜色,放置在左侧卡片中央区域。背景深蓝色带有细微网格纹理,增加科技质感。 [光影质感] 产品左侧主光照明,卡片区域均匀补光,文字区域对比度充足,光影过渡自然,产品清晰突出。 [配色色系] 全局底色:#0F4C81(深蓝);大卡片背景:#FFFFFF(白);小卡片背景:#E3F2FD(浅蓝);标题文字:#FFFFFF(白);卖点文字:#1976D2(深蓝)。 [视角构图] 竖向通栏,左右分层构图,顶部标题通栏,中部分左右两区,底部留白,符合移动端分区分层阅读习惯。 [文字版式] 顶部通栏主标题"四大核心优势 重新定义动力"白色加粗字体,字号约占画面宽度6%;左侧大卡片标题"全新A品车用动力电芯"加粗深蓝色,产品图片下方小字说明"采用汽车级动力电芯,性能更稳定";右侧三个小卡片分别为:"BMS智能管理系统"、"足容设计不虚标"、"3年全国联保服务",每个卡片标题加粗,下方一句短说明,文字清晰不拥挤。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 产品变形,颜色偏差,文字错乱,排版拥挤,背景杂乱,水印,结构错误。[第3屏] 磷酸铁锂锂电池核心卖点总览,分层展示四大核心优势。
[氛围/风格] 科技专业风,深蓝色背景搭配浅色信息卡片,视觉层次清晰,卖点突出。
[元素布局] 页面顶部放置主标题,下方采用左右主次分层结构:左侧大卡片展示产品实物图,使用输入产品图【图1】保持产品外观一致,占画面约45%宽度;右侧上下排列三个小卖点卡片,每个小卡片展示一个核心卖点。整体布局错落有致,不单调。产品保持黑色外壳、银色提手原有结构和颜色,放置在左侧卡片中央区域。背景深蓝色带有细微网格纹理,增加科技质感。
[光影质感] 产品左侧主光照明,卡片区域均匀补光,文字区域对比度充足,光影过渡自然,产品清晰突出。
[配色色系] 全局底色:#0F4C81(深蓝);大卡片背景:#FFFFFF(白);小卡片背景:#E3F2FD(浅蓝);标题文字:#FFFFFF(白);卖点文字:#1976D2(深蓝)。
[视角构图] 竖向通栏,左右分层构图,顶部标题通栏,中部分左右两区,底部留白,符合移动端分区分层阅读习惯。
[文字版式] 顶部通栏主标题"四大核心优势 重新定义动力"白色加粗字体,字号约占画面宽度6%;左侧大卡片标题"全新A品车用动力电芯"加粗深蓝色,产品图片下方小字说明"采用汽车级动力电芯,性能更稳定";右侧三个小卡片分别为:"BMS智能管理系统"、"足容设计不虚标"、"3年全国联保服务",每个卡片标题加粗,下方一句短说明,文字清晰不拥挤。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 产品变形,颜色偏差,文字错乱,排版拥挤,背景杂乱,水印,结构错误。
[商品] 使用【图1】白色120W充电器;保留外部造型、颜色、"120W"字样;内部做半透明剖面示意,展示氮化镓芯片、智能温控模块、滤波电容等核心元件,外部轮廓与原图一致。 [画面] 第4张·核心技术原理,目标解释氮化镓+智能温控的底层技术,建立专业信任。爆炸/剖面型版式:充电器居中做半透明透视效果,内部核心元件用发光线条标注引出,元件周围有蓝色能量流动光效;左侧为技术说明文案区;背景为深炭灰色,带电路板纹理暗纹,科技感强。 [视觉] 套系策略:风格=京东数码深色科技商业风;标题字=现代无衬线粗黑体;正文字=简洁无衬线中黑体;主色=深炭灰+科技蓝;背景延展=深炭灰底+电路板暗纹+蓝色光晕;强调色=电光蓝,用于芯片发光、引线、技术标签;标题色=纯白;正文色=浅灰蓝;组件=细线引线标注、圆角深色技术卡、发光元件标签;光影=内部元件自发光+外部轮廓光,科技通透感。 [文字] 左上主标题"氮化镓黑科技 又快又稳",副标题"第三代半导体材料 重构充电效率";下方3个技术点:1.「GaN氮化镓芯片」更高频率 更小体积 更高效率 2.「智能温控芯片」实时监测 动态调节功率 3.「多层滤波电路」稳定输出 保护设备电池;每个技术点配小图标,用细线引线指向对应内部元件;文字横排。 [规格] 单屏比例3:4竖版,4K,负向:避免内部结构完全虚构失真、商品外形改变、文字竖排、错字、冷蓝过度刺眼。[商品] 使用【图1】白色120W充电器;保留外部造型、颜色、"120W"字样;内部做半透明剖面示意,展示氮化镓芯片、智能温控模块、滤波电容等核心元件,外部轮廓与原图一致。
[画面] 第4张·核心技术原理,目标解释氮化镓+智能温控的底层技术,建立专业信任。爆炸/剖面型版式:充电器居中做半透明透视效果,内部核心元件用发光线条标注引出,元件周围有蓝色能量流动光效;左侧为技术说明文案区;背景为深炭灰色,带电路板纹理暗纹,科技感强。
[视觉] 套系策略:风格=京东数码深色科技商业风;标题字=现代无衬线粗黑体;正文字=简洁无衬线中黑体;主色=深炭灰+科技蓝;背景延展=深炭灰底+电路板暗纹+蓝色光晕;强调色=电光蓝,用于芯片发光、引线、技术标签;标题色=纯白;正文色=浅灰蓝;组件=细线引线标注、圆角深色技术卡、发光元件标签;光影=内部元件自发光+外部轮廓光,科技通透感。
[文字] 左上主标题"氮化镓黑科技 又快又稳",副标题"第三代半导体材料 重构充电效率";下方3个技术点:1.「GaN氮化镓芯片」更高频率 更小体积 更高效率 2.「智能温控芯片」实时监测 动态调节功率 3.「多层滤波电路」稳定输出 保护设备电池;每个技术点配小图标,用细线引线指向对应内部元件;文字横排。
[规格] 单屏比例3:4竖版,4K,负向:避免内部结构完全虚构失真、商品外形改变、文字竖排、错字、冷蓝过度刺眼。
[商品] 使用【图1】大功率铝壳锂电充电器;保留黑色铝合金外壳、散热鳍片、方形结构、出线接口,保持真实比例;产品位于测试场景中。 [画面] 第5张·功能实测,目标可视化展示大功率充电效率。单功能测试型版式,左侧为产品正在充电的真实场景(连接电池/设备,有充电状态指示),右侧为充电效率对比数据可视化图表(柱状图或进度条对比普通充电器vs本产品)。背景为深色科技实验室风格,带仪表、数据显示元素。产品呈3/4视角,清晰展示铝壳质感。 [视觉] 套系策略:风格=深色科技工业风商业摄影;标题字=粗黑无衬线黑体;正文字=简洁无衬线中黑体;主色=深空黑+炭灰;背景延展=基于深空黑做深蓝渐变、实验室数据面板暗纹;强调色=电光蓝,用于数据高亮、进度条、图表;标题色=纯白;正文色=浅灰蓝;组件=数据卡片、进度条、对比图表、测试标签;光影=实验室冷白光,产品清晰突出。 [文字] 顶部主标题"大功率快充实测",副标题"充电效率大幅提升"。对比数据:"普通充电器"vs"本款充电器",用进度条或柱状图展示速度差异,配文字说明"充电速度提升约X%,等待时间更短"。文字横向排版,数据清晰易读。 [规格] 图片比例9:16竖版,4K,负向提示:避免变形、错字、文字过小、产品结构改变、虚构具体精确数值、卡通风格。[商品] 使用【图1】大功率铝壳锂电充电器;保留黑色铝合金外壳、散热鳍片、方形结构、出线接口,保持真实比例;产品位于测试场景中。
[画面] 第5张·功能实测,目标可视化展示大功率充电效率。单功能测试型版式,左侧为产品正在充电的真实场景(连接电池/设备,有充电状态指示),右侧为充电效率对比数据可视化图表(柱状图或进度条对比普通充电器vs本产品)。背景为深色科技实验室风格,带仪表、数据显示元素。产品呈3/4视角,清晰展示铝壳质感。
[视觉] 套系策略:风格=深色科技工业风商业摄影;标题字=粗黑无衬线黑体;正文字=简洁无衬线中黑体;主色=深空黑+炭灰;背景延展=基于深空黑做深蓝渐变、实验室数据面板暗纹;强调色=电光蓝,用于数据高亮、进度条、图表;标题色=纯白;正文色=浅灰蓝;组件=数据卡片、进度条、对比图表、测试标签;光影=实验室冷白光,产品清晰突出。
[文字] 顶部主标题"大功率快充实测",副标题"充电效率大幅提升"。对比数据:"普通充电器"vs"本款充电器",用进度条或柱状图展示速度差异,配文字说明"充电速度提升约X%,等待时间更短"。文字横向排版,数据清晰易读。
[规格] 图片比例9:16竖版,4K,负向提示:避免变形、错字、文字过小、产品结构改变、虚构具体精确数值、卡通风格。
[第4屏] 磷酸铁锂锂电池核心技术解析,展示BMS智能管理系统工作原理。 [氛围/风格] 科技原理可视化,深色科技背景,发光数据线条,专业直观清晰。 [元素布局] 页面顶部放置主标题,中部上下结构:上半部分区域展示锂电池产品图,使用输入产品图【图1】保持产品外观结构颜色一致,产品占上半部分约60%宽度;下半部分区域用示意图展示BMS管理系统的四大保护模块:过充保护、过放保护、温度保护、短路保护。每个保护模块用圆形图标加文字说明,排列整齐,用发光线条连接到锂电池主体,展示工作逻辑。背景深蓝色带星空渐变效果,增加科技氛围感。 [光影质感] 产品正面光照清晰,示意图发光线条高亮显示,模块区域柔和光晕,整体明暗对比适中,技术路径清晰可见。 [配色色系] 全局底色:#0A1929(深科技蓝);产品主体:#1E1E1E(黑)+ 原产品色;保护模块:#165DFF(蓝)发光边框;文字:#FFFFFF(白);发光线条:#4FC3F7(浅蓝)。 [视角构图] 竖向通栏,上下分割构图,标题区(1/6)+ 产品区(2/6)+ 原理示意图区(3/6),信息流程从上到下,逻辑清晰,符合移动端阅读顺序。 [文字版式] 顶部主标题"BMS智能管理 多重安全保护"白色加粗,字号约画面宽度5%-6%;每个保护模块标题白色加粗,下方一句功能说明小号浅白色文字,发光线条连接产品和模块,文字不遮挡产品主体,模块间距均匀。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 产品变形,结构错误,颜色偏差,文字错乱,示意图模糊,线条杂乱,背景刺眼,水印。[第4屏] 磷酸铁锂锂电池核心技术解析,展示BMS智能管理系统工作原理。
[氛围/风格] 科技原理可视化,深色科技背景,发光数据线条,专业直观清晰。
[元素布局] 页面顶部放置主标题,中部上下结构:上半部分区域展示锂电池产品图,使用输入产品图【图1】保持产品外观结构颜色一致,产品占上半部分约60%宽度;下半部分区域用示意图展示BMS管理系统的四大保护模块:过充保护、过放保护、温度保护、短路保护。每个保护模块用圆形图标加文字说明,排列整齐,用发光线条连接到锂电池主体,展示工作逻辑。背景深蓝色带星空渐变效果,增加科技氛围感。
[光影质感] 产品正面光照清晰,示意图发光线条高亮显示,模块区域柔和光晕,整体明暗对比适中,技术路径清晰可见。
[配色色系] 全局底色:#0A1929(深科技蓝);产品主体:#1E1E1E(黑)+ 原产品色;保护模块:#165DFF(蓝)发光边框;文字:#FFFFFF(白);发光线条:#4FC3F7(浅蓝)。
[视角构图] 竖向通栏,上下分割构图,标题区(1/6)+ 产品区(2/6)+ 原理示意图区(3/6),信息流程从上到下,逻辑清晰,符合移动端阅读顺序。
[文字版式] 顶部主标题"BMS智能管理 多重安全保护"白色加粗,字号约画面宽度5%-6%;每个保护模块标题白色加粗,下方一句功能说明小号浅白色文字,发光线条连接产品和模块,文字不遮挡产品主体,模块间距均匀。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 产品变形,结构错误,颜色偏差,文字错乱,示意图模糊,线条杂乱,背景刺眼,水印。