电商详情页，华为笔记本618大促详情页，主色调为深空灰、科技蓝搭配618活动中国红、鎏金配色，科技简约风格，8K高清，商业精修质感，光影细腻。页面依次分为：顶部活动海报、促销活动区、五大产品特色板块、
GD948703353
![[主图-2] 核心价值与快充性能，主打5A极速快充的核心购买结论，用数据可视化证明充电速度优势。去掉原图中的工厂旗舰店字样。
[统一基调] 淘宝/天猫专业品质风格，科技清新调性，浅蓝渐变背景，主色青绿色，辅助色白色与金色，字体为现代无衬线粗体，圆角卡片样式，整体干净通透有品质感。
[画面] 画面右侧展示一条蓝色液态硅胶数据线连接手机充电的状态，手机屏幕显示充电图标和电量进度。左侧为核心卖点信息区，上方大标题突出5A极速快充，下方用进度条对比可视化展示快充与普通充电的速度差异，快充进度条明显更长更快。再列出2个辅助卖点：万次弯折不断裂、加粗纯铜线芯，每个配简约勾选图标。产品占画面约50%，信息与产品左右分布。
[光影质感] 商业摄影质感，主光左上方，数据线和手机有自然光影，屏幕有发光效果体现充电状态，整体明亮通透。
[配色] 背景浅蓝渐变，标题青绿色粗体，数据对比条用青绿色高亮，辅助文字深灰，整体科技清新。
[文字版式] 左侧上方主标题5A极速快充，副标题充电快人一步，中间速度对比进度条（标注快充/普通充），下方两个卖点短句配勾选图标。文字左对齐，层级分明，大字醒目小字清晰。
[输出要求] 1:1正方形，产品清晰，文字清晰可读，数据可视化直观，无变形错字，无水印，无平台Logo。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/da17a5cd-faa2-46a3-a8c8-c771e86c619023690.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] 快充性能实测，展示10W 5V2A实际充电表现。本屏使用【图1】白色款产品。
[氛围/风格] 实测数据可视化，浅蓝科技背景，直观专业。
[元素布局] 左侧为白色充电器搭配数据线和手机充电场景示意图，右侧为充电功率曲线实测图；保持充电器外观与原图一致。背景添加数据网格装饰。
[光影质感] 产品区域清晰打光，图表区域均匀柔和，整体清晰易读。
[配色色系] 全局底色 #EFF6FF；主色深蓝色文字和曲线；辅助色浅蓝色背景点缀。
[视角构图] 左右分栏对比构图，左侧场景右侧数据。
[文字版式] 顶部标题 "10W快充 实测表现"，右侧图标注："30分钟充电50%"、"稳定输出不发烫"、"充满自动断电"；文字清晰不遮挡产品主体。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 产品变形，颜色偏差，数据标注错误，文字错乱，文字过小](https://gd-cms.dancf.com/gd-cms/xi19e5/0/35d4b241-51b4-40df-bc32-5b5ae9a7c62c62027.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] 详情页快充性能实测-45W大功率充电速度展示。本屏使用【图1】作为充电器主体，配合充电实测场景。
[氛围/风格] 数据可视化科技风，浅色背景，进度条和数据图表，专业可信质感。
[元素布局] 画面上方放置白色45W GaN充电器（占比约30%），连接数据线到下方手机；手机屏幕显示充电进度和时间；中部有大型充电进度条和时间数据；右侧三个速度指标卡片；产品外观与输入图完全一致。
[光影质感] 顶部柔光均匀照明，进度条有发光效果，整体明亮清晰，数据突出。
[配色色系] 全局底色 #F0F4F8 浅蓝灰；主色深灰文字；辅助色 #00CC66 绿色用于进度条和快充标签，蓝色用于数据高亮。
[视角构图] 正面平视视角，阅读动线顶部产品 → 中部进度数据 → 底部指标卡片。
[文字版式] 顶部主标题「45W快充 速度看得见」，副标题「充电半小时 畅玩一整天」，居中粗黑体。中部大型进度条标注「30分钟充至65%」；下方三个性能指标卡片：1.「PD3.0快充协议」；2.「45W MAX输出」；3.「智能识别设备」；每个指标配数据和说明，绿色标签突出快充优势。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨。
[负向提示词] 产品变形，缺件错件，颜色偏差，水印，文字错乱，数据虚构夸张，文字过小。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/eaaf859e-bcc4-4a1c-876a-ee174eca26bd27403.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![电商详情页第8张-续航与使用时长数据可视化。本张使用【图1】作为产品展示。[氛围/风格]深色科技感，蓝色能量光效，数据可视化风格，商业电商质感。[元素布局]画面顶部大标题"大电池长续航 从早用到晚"金色粗体大字，副标题"3000mAh大容量电池 持久续航不停线"白色中号字。画面中心偏左为产品45度角展示，占画面约35%，黑色玻璃面板+银色金属中框，产品周围有蓝色电池能量光效环绕。保持产品外观与输入图一致。画面右侧为两大续航数据卡片，上下排列：上方卡片：大数字"8小时+"蓝色发光超大字号，下方文字"连续使用时长"白色字，再下小字"追剧 办公 直播 全程在线"。下方卡片：大数字"24小时+"金色发光超大字号，下方文字"超长待机时间"白色字，再下小字"低功耗待机 随时唤醒使用"。画面底部有一条续航场景横向信息条，分为四格，每格有图标+文字："追剧8小时"、"办公10小时"、"直播6小时"、"待机24小时+"。背景有微弱的能量波纹和数据网格，增强科技感。[光影质感]产品居中受光，蓝色能量光效有辉光，数据卡片有内发光效果。[配色色系]全局底色深黑到深蓝#0A0A1F；主色蓝色能量光#2196F3；辅助色金色#FFD700、白色文字。[视角构图]产品左置+右侧数据卡片，阅读动线从上到下。[文字版式]顶部标题+左产品右数据+底部场景条，信息层次清晰。[比例分辨率]3:4竖版比例，4K分辨率，文字清晰可辨。[负向提示词]变形，水印，文字错乱，产品图模糊，结构错误。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/7958f86b-d385-42c4-8270-c433453fa81e1253.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[主图-4] 同体积扩容容量对标屏｜容量数据可视化。
[氛围风格] 理性对比科技风，清晰直观
[画质] 商业摄影质感、光线通透、产品清晰真实、画面干净高级
[元素] 左右等分双栏布局：左电芯蓝色电光特效（我方升级加强版9550mAh），右电芯哑光灰无特效（原装旧版6800mAh）；同尺寸电芯并列展示，下方大号字体标注对应容量数值；深灰纯色背景，主体占比60%-80%
[光影] 主光均匀打亮两侧电芯，左侧蓝光增强科技感，右侧哑光突出基础感，对比鲜明
[配色] 左蓝右灰，文字白色高对比
[视角构图] 平视正对构图，左右对称，景深适中
[文字版式] 主标题“原装体积不变，升级大容量电芯”顶部居中，白色粗体；副文案“原厂开模尺寸不动，电芯升级扩容，续航显著提升”下方小一号浅白; 左栏“升级加强版 9550mAh”，右栏“原装旧版 6800mAh”，大号加粗数字+单位，居中对齐，清晰可辨
[比例分辨率] 3:4（1536x2048），4K超高清
[负向提示词] 变形，水印1，文字错乱，产品模糊，背景杂乱，容量数值错误](https://gd-cms.dancf.com/gd-cms/xi19e5/0/b671c7a3-3bb1-4488-99bc-2df035654fa01144.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[主图-2] 白色编织Type-C充电线 办公桌真实使用场景图
[氛围风格] 现代简约办公场景 生活化真实感 温暖舒适
[画质] 商业摄影质感 自然光柔和 产品清晰真实 画面干净有层次 超高清细节
[元素] 画面展示一张浅木色办公桌的一角 桌面上中央位置放置着白色编织Type-C充电线 一端连接着银色笔记本电脑侧面接口 另一端自然弯曲搭在桌面 旁边放着一部黑色智能手机 正在充电状态 屏幕亮起显示充电图标。桌面还散落着简约物品 白色陶瓷马克杯 一盆小型多肉绿植 一副银色无线耳机 一本打开的笔记本。背景是模糊的白色墙面和百叶窗光影 阳光从右侧窗户洒入 形成柔和的光影条纹。整体场景真实自然 突出充电线在办公场景中的日常使用。商品主体占比约60% 画面满屏无边框。
[光影] 右侧自然光为主光 透过百叶窗形成条状光影洒在桌面和产品上 光线柔和温暖 左侧环境光补亮暗部 产品编织纹理在侧光下清晰可见 金属接头有自然高光 整体光比柔和 生活感强 阴影柔和不生硬
[配色] 主色 原木色 米白 辅色 银色 黑色 绿植点缀 暖金色阳光
[视角构图] 45度俯视角度 桌面场景为主体 前中后景分层清晰 景深中等 充电线和手机为视觉焦点 背景墙面虚化 构图自然不刻意
[文字版式] 左上角负空间左对齐留安全边距 两行主辅文案。大字主文案"办公充电 一条就够" 深灰色最大号粗体无衬线。第二行辅助文案"1.5米加长 桌面走线更自由" 中灰色约半高。右下角有小型圆角浅米色标签 内深灰字"日常必备"。底部三分之一处 极轻半透明白底横条 三个小图标+短句左对齐排列 深灰字：左"笔记本+手机"+"双设备兼容" 中"卷尺"+"1.5米加长" 右"编织线"+"耐脏易清洁"
[输出要求] 1:1比例 文字清晰锐利 超高清商业摄影质感
[负向提示词] 变形 文字错乱 产品模糊 背景杂乱 水印 电商平台Logo 人物脸部 过度摆拍](https://gd-cms.dancf.com/gd-cms/xi19e5/0/765e54b7-ee96-4b5b-b9cd-05f0d92412ad26865.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 痛点直击-传统数码产品使用困扰。
[氛围/风格] 写实问题场景风，灰调暗沉氛围，突出用户痛点。
[元素布局] 三格竖排痛点布局，每格展示一个真实困扰场景：第一格卡顿死机场景，第二格续航不足场景，第三厚重便携差场景；每格配痛点标题和困扰描述，顶部通栏大标题。
[光影质感] 整体柔和室内光，场景清晰可读，文字对比强烈突出，不刺眼。
[配色色系] 全局底色 #F5F5F5；主色深灰文字；辅助色浅红色痛点标签，留白干净。
[视角构图] 三格等分纵向排版，从上到下阅读，每个场景独立成区，边界清晰。
[文字版式] 顶部通栏大标题 "使用数码，你是否也遇到这些问题？"；三格分别配痛点标题："运行卡顿 响应缓慢"、"续航缩水 随时断电"、"体积笨重 携带不便"；每个标题下配一行小字补充说明，字号清晰，手机端可读。
[比例分辨率] 3:4 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 图形变形，文字模糊，配色刺眼，布局混乱，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/7773884b-b9c1-4221-92a0-06b8f621a2ee66641.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[商品] 使用【图1】大功率铝壳锂电充电器；保留黑色铝合金外壳、散热鳍片、方形结构、出线接口，保持真实比例；产品图用于卡片中展示。
[画面] 第3张·核心卖点总览，目标建立产品全面优势认知。6分区大卡片瀑布流布局，左1大卡片放产品主图+核心卖点，右侧和下方分布5个小卡片，每个卡片含图标+短卖点。产品在大卡片中占主要位置，呈正面微侧角度。背景为深色科技渐变，卡片间有细微间距和阴影，形成层次感。
[视觉] 套系策略：风格=深色科技工业风商业摄影；标题字=粗黑无衬线黑体；正文字=简洁无衬线中黑体；主色=深空黑+炭灰；背景延展=基于深空黑做蓝紫光晕渐变、细腻金属颗粒质感；强调色=电光蓝，用于图标、卡片边框高亮；标题色=纯白；正文色=浅灰蓝；组件=深色圆角信息卡片、细线图标、发光边框；光影=均匀柔光，卡片有轻微悬浮阴影。
[文字] 顶部主标题"6大核心优势"，6个卖点分别为：1."大功率快充 效率提升" 2."铝壳散热 持久稳定" 3."多重保护 安全可靠" 4."广泛适配 多设备可用" 5."精工品质 坚固耐用" 6."智能识别 自动适配"。每个卖点配对应图标，文字横向排版，卡片式布局。
[规格] 图片比例9:16竖版，4K，负向提示：避免变形、错字、文字过小、产品结构改变、纯白底、卡通风格。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/df648863-9913-4c8f-b288-b5dff2b6a61b41262.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 核心卖点总览，展示本款充电器六大核心优势。本屏使用【图1】中白色款产品作为展示主体。
[氛围/风格] 信息清晰卡片式，专业科技风，浅灰科技背景。
[元素布局] 左侧大号展示白色充电器产品，占比约45%；右侧为6个卖点卡片分两列排列，每个卡片配图标和简短说明；保持产品外观与原图一致。
[光影质感] 左侧产品清晰打光，右侧卡片均匀照明，整体明亮通透。
[配色色系] 全局底色 #F1F5F9；主色深蓝标题文字；辅助色浅蓝色卡片点缀。
[视角构图] 左产品右信息分栏构图，阅读动线清晰。
[文字版式] 顶部大标题 "六大升级 好用不止一点"，右侧卖点依次为："10W 5V2A快充"、"高功率小体积"、"PD+OC全新升级"、"苹果安卓全兼容"、"支持OEM/ODM定制"、"源头厂家品质"；每个卖点文字简洁，不遮挡产品。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 产品变形，颜色偏差，缺件错件，文字错乱，文字过小，背景杂乱](https://gd-cms.dancf.com/gd-cms/xi19e5/0/0e461dbd-25d0-4678-8313-248341513b1b62613.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第9屏] 续航性能展示屏，容量参数与用户体验说明。
[氛围/风格] 数据可视化风格，专业简洁，清晰展示容量优势。
[元素布局] 本屏使用【图1】电池产品图，顶部大标题，左侧放置电池产品图【图1】，保持外观和输入一致；右侧为续航数据展示：标注7.7V电压，34.61Wh额定容量，4425mAh容量，用柱状图对比展示比旧电池容量提升，说明长效续航带来的体验优势，满足日常办公和移动使用需求。
[光影质感] 均匀布光，产品清晰，数据柱状图对比清晰，文字对比明显，整体通透。
[配色色系] 全局底色：#F5F5F7（浅灰白）；主体配色：#1A1A1A（电池黑）+#2D5BFF（数据蓝色）+#333333（文字黑）；辅助色：#FFFFFF（数据区域白底）。
[视角构图] 左产品右数据横向构图，标题通栏顶部分隔，信息层次清晰。
[文字版式] 顶部大标题「大容量电芯 长效续航」加粗黑色居中；参数用加粗数字突出，配体验说明文字，文字大小适合移动端，清晰易读。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 电池变形,结构错误,颜色偏差,文字错乱,数据错误,图表模糊,背景杂乱,夸大续航](https://gd-cms.dancf.com/gd-cms/xi19e5/0/d6dc976c-4427-4326-9e89-649df887ff3e9099.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 核心卖点总览 6大核心优势分层展示卡片页。[氛围/风格] 科技卡片风，深蓝浅蓝渐变背景，主次信息瀑布流分层排布，专业清晰，突出每个卖点的核心价值。[元素布局] 画面左侧放置1张大尺寸主卖点卡片，右侧上下排列5张小尺寸卖点卡片，主卡片内嵌入图5的完整电池产品图，保持蓝色外壳产品外观与输入图5完全一致，其余小卡片内放置对应功能小图标，整体布局错落有致，无重复同尺寸卡片。[光影质感] 柔和侧光，卡片边缘有轻微悬浮阴影，呈现立体层次感，整体光线均匀明亮。[配色色系] 全局底色：#E8F1F8（浅蓝渐变）；主卡片底色：#0A2463（深蓝）；小卡片底色：#FFFFFF（纯白）；文字色：主卡片白色字，小卡片深灰字。[视角构图] 正面平视视角，左大右小错落构图，阅读动线从左侧主卖点自然延伸到右侧其余卖点。[文字版式] 左侧主卡片主标题「62Ah 超大容量」白色粗体大字，下方补充说明「单颗容量充足 减少串并联数量」白色小字。右侧5张小卡片分别标注卖点：「循环寿命≥3000次」「5C高倍率放电」「内阻≤0.3mΩ」「-30℃~60℃宽温域」「带完整溯源二维码」，每个卡片顶部放置对应功能小图标，下方放置卖点文字，排版整齐不拥挤。[比例分辨率] 9:16竖版比例，1080px宽度，1920px高度，4K分辨率。[负向提示词] 卡片变形，产品外观错误，文字错乱，背景杂乱，水印，卖点信息缺失。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/33b9cc2f-cb62-4c2a-b0f9-48b2010f1ce413805.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第9屏] 安全耐用展示-充电保护机制说明。
[氛围/风格] 专业说明风，简约干净，突出安全可靠。
[元素布局] 顶部标题，下方三个保护机制卡片排列：第一卡 过充保护，第二卡 短路保护，第三卡 过流保护；每个卡片配简约图标和说明，背景干净不杂乱。
[光影质感] 均匀柔光，卡片阴影柔和，整体通透干净。
[配色色系] 全局底色 #F5F8FA，卡片浅蓝底，图标蓝色，文字深灰，保持整套配色风格。
[视角构图] 顶部标题，下方三卡竖排，信息分布均匀，阅读流畅。
[文字版式] 顶部标题「多重安全保护 充电更放心」，每个卡片标注保护名称加一句话说明，文字清晰，手机端可读。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨。
[负向提示词] 文字错乱，文字过小，水印，色彩杂乱，变形。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/2af34b3b-afa4-4511-a85c-5ecae617353f43428.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
