一元云购移动端商品详情页设计，包含返回按钮，商品展示区域，份数加减按钮（-和+），"立即参与"按钮，"加入购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格
1qnuyfk91pa...
![[第2屏] 详情页第二屏，头戴耳机热销榜单展示，银色发光头戴耳机平台爆款推荐。本屏使用图1作为商品主体，保持耳机的物理结构、材质质感、颜色色号与输入产品图一致。
[氛围/风格] 自然光室内实拍，写实电商场景，高清真实摄影，干净自然。
[元素布局] 背景为原木桌面，一部手机斜放在桌面，手机屏幕展示电商头戴耳机热销榜单，本款银色发光耳机位列榜单TOP位置，屏幕附带真实用户即时下单弹窗。银色发光耳机斜靠在手机侧边，耳机放置在手机右下方桌面，占据画面35%左右面积，保持产品结构自然真实。
[光影质感] 自然室内光线从左侧照射，产品和手机形成柔和阴影，整体明暗清晰，木质桌面纹理自然可见。
[配色色系] 全局底色：#E8D9B5（原木浅棕）；主体配色：#C0C0C0（耳机银色）+黑色手机+深色榜单文字；辅助色：蓝色发光环点缀，弹窗橙色强调。
[视角构图] 平视45度斜侧视角，桌面铺满整个背景，主体位于画面中下部，上方预留标题区域，构图均衡稳定。
[文字版式] 文字放在画面上方居中位置。主标题为"头戴耳机热销榜单"，副标题为"平台爆款口碑优选"，主标题深棕色加粗，副标题浅棕色，均居中对齐，不遮挡主体，文字清晰可读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。
[负向提示词] 产品变形，结构错误，颜色偏差，水印，文字错乱，产品图模糊，背景杂乱，夸张变形，插画风格，文字重叠](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e284c3f1-570d-493b-b04e-f593b2189ecf411.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第10屏] 售后保障服务说明页，米白色半入耳无线蓝牙耳机售后承诺。本屏使用【图1】产品小图放在页面上侧，保持产品结构颜色与原图一致。
[氛围/风格] 简洁信任背书页，浅灰底干净排版，专业可信商业设计质感。
[元素布局] 上侧放置产品小图，中下部分为保障服务图标矩阵，共4个保障模块分两行两宫格排列，每个模块包含icon、标题、短句说明，页面底部用一句话收束，整体居中对齐，留白充足。
[光影质感] 整体光照均匀，图标清晰，产品小图光影自然，没有多余阴影遮挡，整体干净清晰。
[配色色系] 全局底色：#F5F5F7；保障卡片白色背景，图标浅蓝色，文字黑色，产品保持米白+银色原色，整体清新统一。
[视角构图] 上产品小图，下保障矩阵，布局从上到下，中心对齐，符合移动端浏览逻辑，每个保障模块清晰不拥挤。
[文字版式] 顶部大标题"购物无忧 售后保障"黑色粗体居中。四个保障模块："一年质保"、"七天无理由"、"顺丰包邮"、"极速发货"，每个模块icon在上标题在下，小字说明补充，文字大小合适，移动端清晰可读。页面底部收束句"品质好物 放心选购"深灰色居中，禁止出现立即抢购、点击购买等诱导按钮。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 产品变形，结构错误，颜色偏差，文字错乱，诱导抢购按钮，水印，极限词，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/5807fd2d-5948-4938-841e-5e3d739abfd73654.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 痛点直击对比屏-传统耳机和本款无线蓝牙挂耳式耳机对比。[氛围/风格] 简约科技风，浅蓝浅白清新配色，专业干净的商业排版设计。[元素布局] 画面左右分栏对比布局，保持产品白色外观、结构质感和输入产品图一致，本款耳机放在右侧，左侧为传统降噪耳机示意图。背景保留统一浅蓝底色，左右分栏加入浅白色块区分，中间加入对比箭头元素。左右对比区域分别添加装饰元素，左侧可加入杂乱声波图形表现噪音，右侧加入干净平滑声波表现降噪效果。整体无边框满铺，产品结构颜色和原图一致。[光影质感] 整体光线均匀明亮，产品突出清晰，对比层次分明。[配色色系] 全局底色：#E6F3F8（浅蓝）；主体配色：纯白色耳机，浅蓝背景，浅白色对比栏；文字黑色。[视角构图] 左右平分对比构图，产品分别位于左右分栏偏下位置，上方预留标题空间，整体均衡稳定。[文字版式] 顶部居中主标题"告别喧嚣 享受安静"，黑色大字。左侧分栏顶部标注"传统耳机"，文案"体积笨重 佩戴压耳 降噪不佳"；右侧分栏顶部标注"我们的耳机"，文案"主动降噪 轻盈无感 隔绝喧嚣"。左右文案左对齐，每个卖点前加对勾/叉号区分。文字大小符合移动端阅读，清晰不拥挤。[比例分辨率] 9:16 竖版比例，2k分辨率，文字清晰可辨，超高清。[负向提示词] 产品变形，颜色偏差，水印，文字错乱，产品模糊，背景杂乱，恶意丑化。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3b3c47e7-1559-46d2-9351-964cdd0083612062.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第8屏] 售后保障说明，蓝牙耳机售后服务与承诺。本屏功能定义：展示售后保障服务，增强用户购买信任。[氛围/风格] 可靠安心风格，延续深灰科技底色，简约正式。[元素布局] 画面上方主标题，中间为四个保障图标横向排列，每个图标搭配保障标题和说明，底部为总结文案。蓝牙耳机小图放在顶部主标题旁，保持产品结构颜色一致，不占主要区域。四个保障图标均匀分布在中间区域，整齐排列。[光影质感] 整体光照均匀，图标高亮显示，背景干净，文字清晰，无明显明暗对比冲突。[配色色系] 全局底色：#1A1A22（深灰科技黑）；图标：#4A80F2（科技蓝）；主标题：#FFFFFF；说明文字：#CCCCCC。[视角构图] 从上到下垂直排版，主标题-保障图标-总结文案，层级清晰，排版松散舒适不拥挤。[文字版式] 顶部主标题「品质保障 售后无忧」白色粗体字，居中排列，左侧配蓝牙耳机小图。中间四个保障：「七天无理由退换」「一年质保服务」「正品保障」「快速发货」，每个为蓝色图标+白色标题+浅灰色说明小字，整齐横排。底部总结文案「三年质保 放心购买」浅蓝色大字体居中收束。禁止出现抢购按钮和引导点击文案。[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。[负向提示词] 产品变形，结构错误，颜色偏差，文字错乱，出现诱导点击按钮，违规夸大承诺。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/aaeb3d54-6127-40d7-8620-08bcd1ac8110791.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第11屏] 电商详情页收尾转化模块，品胜冰透耳机保护套，行动号召+售后保障，本屏使用图1作为产品主图参考，保持产品结构一致。
[氛围/风格] 渐变蓝白科技风，8K商业设计，转化导向，干净高级。
[元素布局] 主标题置于画面顶部，透明耳机套主图居中放置，占据画面中上部，底部排列售后保障图标（如正品保障、七天退换、品牌售后等），最下方放置行动号召按钮区域，背景为渐变蓝白科技风，整体转化导向明确。
[光影质感] 明亮柔和布光，产品通透清晰，底部图标区域光照均匀，整体干净清爽，光影过渡自然。
[配色色系] 背景：蓝白渐变；主体：透明保护套；图标：浅灰底深灰色图标；文字：深灰黑色；按钮：浅蓝底色。
[视角构图] 竖向构图，从上到下依次为：标题、产品主图、售后图标、行动按钮，层次清晰，浏览顺畅。
[文字版式] 顶部主标题“冰透不发黄，给耳机一份高级保护”，深灰色粗体居中；售后图标下方搭配简短文字说明；行动按钮区域文字“立即购买”简洁清晰，所有文字移动端可读。
[比例分辨率] 9:16竖版构图，3K分辨率，文字清晰可辨。
[负向提示词] 产品变形，结构错误，文字错乱，水印，背景杂乱，诱导按钮夸张过度，图标排列混乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/638c21a1-81a9-4f37-97a3-c81a1905421a3356.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 核心卖点总览-镜面金属半入耳无线蓝牙耳机九大核心优势分层展示。
[氛围/风格] 极简科技风，深空灰渐变背景，卡片分层设计，精致高级，延续首屏视觉调性。
[元素布局] 采用上1大卡片+下2中卡片+下3小卡片的瀑布流分层结构，大卡片放置耳机产品图，占据上半区约40%高度，保持耳机外观、结构、金属质感一致。下方六个小卡片分两行三列排列，每个卡片对应一个核心卖点，卡片带有细微圆角和浅阴影，突出分层质感。
[光影质感] 主光源从左侧打来，耳机产品光影清晰，金属反光自然，卡片文字光影均匀，每个卡片之间明暗区分自然，整体通透不沉闷。
[配色色系] 全局底色：#1A1A20（深空灰）；卡片底色：#25252B（深灰）；文字配色：#FFFFFF（白色主标题）+#BDBDBD（浅灰色正文）；点缀色：#82C3EC（浅蓝）。
[视角构图] 中心对称瀑布流构图，耳机主图在上半区居中，下方卡片矩阵对齐排列，画面平衡稳重，信息层级清晰。
[文字版式] 顶部主标题 "核心科技 满满卖点"，白色粗体居中，字号约画面宽度7%。大卡片耳机右侧标注主卖点 "镜面金属外观 高级质感"。下方六个小卡片分别标注："半入耳设计 佩戴舒适"、"高清音质 还原原声"、"通话降噪 清晰透亮"、"续航持久 长效陪伴"、"快充闪充 省心便捷"、"极简设计 高颜值出片"。每个卡片标题白色，简介灰色，文字清晰不遮挡产品。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 耳机变形，结构错误，颜色偏差，卡片模糊，文字重叠，水印，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/6f3cebd9-9f76-4364-989c-ffbc6a1d1b0010698.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 续航能力可视化展示，呈现听歌6小时、通话5小时续航时长。本屏使用【图1】作为产品主体。
[氛围/风格] 数据可视化科技风，清晰直观，简洁明了。
[元素布局] 产品位于画面上方，展示带数显的充电仓，下方使用进度条可视化展示单耳续航和总续航时长，标注具体使用时长数据；产品外观和数显屏幕与参考图一致。
[光影质感] 柔和均匀布光，产品清晰突出，进度条色彩饱满层次清晰。
[配色色系] 全局底色 #F5F5F5，主色绿色进度条，深灰标题文字，浅灰背景分区，清晰易读。
[视角构图] 上图下表，中心构图，从上到下阅读，视觉流畅。
[文字版式] 顶部主标题「持久续航 持续相伴」，进度条分别标注「单耳听歌 6小时」「单耳通话 5小时」，底部补充总结「充电仓补能 总续航更长」，文字清晰直观不遮挡产品。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 数据错误，产品变形，进度条错乱，文字模糊，颜色偏差](https://gd-filems.dancf.com/198529880/presigned/9ab702a4e7694a60bae10f896594cde21038468.png?auth_key=1784966400-1071d874a5a9400b87432a33ce00d62c-0-21d29e41a748dfc0a765224f0d16878b&x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 续航能力展示-听歌6小时，通话5小时，单耳与总续航时长可视化。本屏使用【图2】展示白色款产品。
[氛围/风格] 数据可视化科技风，简约明亮，清晰直观。
[元素布局] 产品放在上半部分，占比约40%；下半部分做续航时长可视化进度条，分别展示单耳续航和总续航，保留产品外观结构颜色与输入图一致，数显屏保留原有信息。
[光影质感] 明亮均匀柔光，产品金属质感自然，进度条色彩清晰，整体通透干净。
[配色色系] 全局底色 #f5f7fa；主色浅蓝色进度条；辅助色深蓝色数据文字，深灰标题。
[视角构图] 上产品下数据，竖向构图，重心稳定。
[文字版式] 顶部主标题「持久续航 持续陪伴」，数据标注「单耳听歌：6小时」「单耳通话：5小时」「总续航：多重充电更长陪伴」，文字清晰直观，不遮挡产品。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 数据错误，产品变形，进度条错乱，文字模糊](https://gd-cms.dancf.com/gd-cms/xi19e5/0/61aa8f4e-9a96-4042-9c32-a18d362aa31154849.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
