创意预览图

基于提供的友易APPlogo,设计青绿色简约现代风格的APP商品详情页界面,保留青绿色主题配色,布局包含商品展示、参数和购买按钮,适配手机端

用户头像

Linda.Batz8...

2026.06.14
[第1屏] 本屏功能定义:透明耳机套电商主视觉海报,突出产品透明质感,包含核心卖点展示。本屏使用【图1】作为商品主体,【图2】作为完整产品参考,主体产品保持与输入图一致的透明PC材质、白色提手、带绿色指示灯的外观结构。 [氛围/风格] 整体风格简约干净高级,纯白高级感背景,达到8K高清商业摄影水准,质感通透清晰。 [元素布局] 主体产品以45°黄金角度居中摆放,占据画面65%左右区域,左侧摆放完整产品,右侧放置提手细节特写区块,淡绿色光点点缀呼应耳机指示灯,底部预留按钮区域添加“立即抢购”按钮,保持产品物理结构、轮廓比例、材质质感与输入图完全一致。 [光影质感] 顶部柔和主光均匀照亮产品,突出透明材质的通透感,边缘形成自然清晰的阴影,整体明暗层次分明,产品轮廓真实清晰。 [配色色系] 全局底色:纯白#FFFFFF;主体配色:透明浅灰+白色提手;辅助色:淡绿色#90EE90用于光点点缀。 [视角构图] 45度斜视角,主体居中构图,上下留白均匀,视觉动线从上到下,主体突出稳定。 [文字版式] 顶部放置主标题“高透透明 自带提手”黑色加粗字体,居中展示,副标题“防黄耐造 精准适配”小字放在主标题下方,底部“立即抢购”按钮使用浅绿底色配白色文字,圆角设计,不遮挡主体产品。 [比例分辨率] 9:16竖版比例,8K超高清分辨率,文字清晰可辨。 [负向提示词] 产品变形,结构错误,颜色偏差,缺件错件,文字错乱,水印,背景杂乱,产品模糊,透明质感丢失,按钮遮挡主体[第1屏] 本屏功能定义:透明耳机套电商主视觉海报,突出产品透明质感,包含核心卖点展示。本屏使用【图1】作为商品主体,【图2】作为完整产品参考,主体产品保持与输入图一致的透明PC材质、白色提手、带绿色指示灯的外观结构。
[氛围/风格] 整体风格简约干净高级,纯白高级感背景,达到8K高清商业摄影水准,质感通透清晰。
[元素布局] 主体产品以45°黄金角度居中摆放,占据画面65%左右区域,左侧摆放完整产品,右侧放置提手细节特写区块,淡绿色光点点缀呼应耳机指示灯,底部预留按钮区域添加“立即抢购”按钮,保持产品物理结构、轮廓比例、材质质感与输入图完全一致。
[光影质感] 顶部柔和主光均匀照亮产品,突出透明材质的通透感,边缘形成自然清晰的阴影,整体明暗层次分明,产品轮廓真实清晰。
[配色色系] 全局底色:纯白#FFFFFF;主体配色:透明浅灰+白色提手;辅助色:淡绿色#90EE90用于光点点缀。
[视角构图] 45度斜视角,主体居中构图,上下留白均匀,视觉动线从上到下,主体突出稳定。
[文字版式] 顶部放置主标题“高透透明 自带提手”黑色加粗字体,居中展示,副标题“防黄耐造 精准适配”小字放在主标题下方,底部“立即抢购”按钮使用浅绿底色配白色文字,圆角设计,不遮挡主体产品。
[比例分辨率] 9:16竖版比例,8K超高清分辨率,文字清晰可辨。
[负向提示词] 产品变形,结构错误,颜色偏差,缺件错件,文字错乱,水印,背景杂乱,产品模糊,透明质感丢失,按钮遮挡主体
[第10屏] 售后保障服务说明页,米白色半入耳无线蓝牙耳机售后承诺。本屏使用【图1】产品小图放在页面上侧,保持产品结构颜色与原图一致。 [氛围/风格] 简洁信任背书页,浅灰底干净排版,专业可信商业设计质感。 [元素布局] 上侧放置产品小图,中下部分为保障服务图标矩阵,共4个保障模块分两行两宫格排列,每个模块包含icon、标题、短句说明,页面底部用一句话收束,整体居中对齐,留白充足。 [光影质感] 整体光照均匀,图标清晰,产品小图光影自然,没有多余阴影遮挡,整体干净清晰。 [配色色系] 全局底色:#F5F5F7;保障卡片白色背景,图标浅蓝色,文字黑色,产品保持米白+银色原色,整体清新统一。 [视角构图] 上产品小图,下保障矩阵,布局从上到下,中心对齐,符合移动端浏览逻辑,每个保障模块清晰不拥挤。 [文字版式] 顶部大标题"购物无忧 售后保障"黑色粗体居中。四个保障模块:"一年质保"、"七天无理由"、"顺丰包邮"、"极速发货",每个模块icon在上标题在下,小字说明补充,文字大小合适,移动端清晰可读。页面底部收束句"品质好物 放心选购"深灰色居中,禁止出现立即抢购、点击购买等诱导按钮。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 产品变形,结构错误,颜色偏差,文字错乱,诱导抢购按钮,水印,极限词,背景杂乱。[第10屏] 售后保障服务说明页,米白色半入耳无线蓝牙耳机售后承诺。本屏使用【图1】产品小图放在页面上侧,保持产品结构颜色与原图一致。
[氛围/风格] 简洁信任背书页,浅灰底干净排版,专业可信商业设计质感。
[元素布局] 上侧放置产品小图,中下部分为保障服务图标矩阵,共4个保障模块分两行两宫格排列,每个模块包含icon、标题、短句说明,页面底部用一句话收束,整体居中对齐,留白充足。
[光影质感] 整体光照均匀,图标清晰,产品小图光影自然,没有多余阴影遮挡,整体干净清晰。
[配色色系] 全局底色:#F5F5F7;保障卡片白色背景,图标浅蓝色,文字黑色,产品保持米白+银色原色,整体清新统一。
[视角构图] 上产品小图,下保障矩阵,布局从上到下,中心对齐,符合移动端浏览逻辑,每个保障模块清晰不拥挤。
[文字版式] 顶部大标题"购物无忧 售后保障"黑色粗体居中。四个保障模块:"一年质保"、"七天无理由"、"顺丰包邮"、"极速发货",每个模块icon在上标题在下,小字说明补充,文字大小合适,移动端清晰可读。页面底部收束句"品质好物 放心选购"深灰色居中,禁止出现立即抢购、点击购买等诱导按钮。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 产品变形,结构错误,颜色偏差,文字错乱,诱导抢购按钮,水印,极限词,背景杂乱。
[第1屏] 详情页头图-三色入耳无线蓝牙耳机产品矩阵展示,本屏使用【图1】【图2】【图3】分别作为黑色、白色、米白色三款产品主体,横向排列展示,突出耳机按键部位电镀外观设计。 [氛围/风格] 现代简约科技风,深邃灰蓝色背景,数码产品商业摄影质感,高级科技氛围感。 [元素布局] 三款耳机产品横向错落排列,每款产品下方标注对应颜色名称;主标题区域预留左上位置,产品矩阵占比约70%;背景添加浅灰色渐变几何线条装饰,强化科技感;保持每款耳机物理结构、按键电镀效果、颜色色号与输入产品图完全一致。 [光影质感] 中心柔光打光,产品边缘添加轻微发光轮廓,底部自然投影,明暗层次清晰,产品金属高光自然通透。 [配色色系] 全局底色 #1A1D2E,主色深灰蓝,辅助色浅灰线条、白色文字,点缀产品本身的亮色指示灯。 [视角构图] 正面平视视角,产品矩阵为绝对视觉中心,阅读动线从上到下,主标题 → 产品矩阵 → 底部点缀。 [文字版式] 顶部主标题「三色质感 静享好声」,副标题「真无线入耳蓝牙耳机」,均为居中排版,白色清晰字体;右下角标注核心卖点「按键电镀工艺」;文字不遮挡产品主体,清晰可读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,缺件错件,颜色偏差,按键电镀效果消失,文字错乱,文字过小,水印,背景杂乱[第1屏] 详情页头图-三色入耳无线蓝牙耳机产品矩阵展示,本屏使用【图1】【图2】【图3】分别作为黑色、白色、米白色三款产品主体,横向排列展示,突出耳机按键部位电镀外观设计。
[氛围/风格] 现代简约科技风,深邃灰蓝色背景,数码产品商业摄影质感,高级科技氛围感。
[元素布局] 三款耳机产品横向错落排列,每款产品下方标注对应颜色名称;主标题区域预留左上位置,产品矩阵占比约70%;背景添加浅灰色渐变几何线条装饰,强化科技感;保持每款耳机物理结构、按键电镀效果、颜色色号与输入产品图完全一致。
[光影质感] 中心柔光打光,产品边缘添加轻微发光轮廓,底部自然投影,明暗层次清晰,产品金属高光自然通透。
[配色色系] 全局底色 #1A1D2E,主色深灰蓝,辅助色浅灰线条、白色文字,点缀产品本身的亮色指示灯。
[视角构图] 正面平视视角,产品矩阵为绝对视觉中心,阅读动线从上到下,主标题 → 产品矩阵 → 底部点缀。
[文字版式] 顶部主标题「三色质感 静享好声」,副标题「真无线入耳蓝牙耳机」,均为居中排版,白色清晰字体;右下角标注核心卖点「按键电镀工艺」;文字不遮挡产品主体,清晰可读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,缺件错件,颜色偏差,按键电镀效果消失,文字错乱,文字过小,水印,背景杂乱
[第3屏] 核心卖点总览-镜面金属半入耳无线蓝牙耳机九大核心优势分层展示。 [氛围/风格] 极简科技风,深空灰渐变背景,卡片分层设计,精致高级,延续首屏视觉调性。 [元素布局] 采用上1大卡片+下2中卡片+下3小卡片的瀑布流分层结构,大卡片放置耳机产品图,占据上半区约40%高度,保持耳机外观、结构、金属质感一致。下方六个小卡片分两行三列排列,每个卡片对应一个核心卖点,卡片带有细微圆角和浅阴影,突出分层质感。 [光影质感] 主光源从左侧打来,耳机产品光影清晰,金属反光自然,卡片文字光影均匀,每个卡片之间明暗区分自然,整体通透不沉闷。 [配色色系] 全局底色:#1A1A20(深空灰);卡片底色:#25252B(深灰);文字配色:#FFFFFF(白色主标题)+#BDBDBD(浅灰色正文);点缀色:#82C3EC(浅蓝)。 [视角构图] 中心对称瀑布流构图,耳机主图在上半区居中,下方卡片矩阵对齐排列,画面平衡稳重,信息层级清晰。 [文字版式] 顶部主标题 "核心科技 满满卖点",白色粗体居中,字号约画面宽度7%。大卡片耳机右侧标注主卖点 "镜面金属外观 高级质感"。下方六个小卡片分别标注:"半入耳设计 佩戴舒适"、"高清音质 还原原声"、"通话降噪 清晰透亮"、"续航持久 长效陪伴"、"快充闪充 省心便捷"、"极简设计 高颜值出片"。每个卡片标题白色,简介灰色,文字清晰不遮挡产品。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 耳机变形,结构错误,颜色偏差,卡片模糊,文字重叠,水印,背景杂乱。[第3屏] 核心卖点总览-镜面金属半入耳无线蓝牙耳机九大核心优势分层展示。
[氛围/风格] 极简科技风,深空灰渐变背景,卡片分层设计,精致高级,延续首屏视觉调性。
[元素布局] 采用上1大卡片+下2中卡片+下3小卡片的瀑布流分层结构,大卡片放置耳机产品图,占据上半区约40%高度,保持耳机外观、结构、金属质感一致。下方六个小卡片分两行三列排列,每个卡片对应一个核心卖点,卡片带有细微圆角和浅阴影,突出分层质感。
[光影质感] 主光源从左侧打来,耳机产品光影清晰,金属反光自然,卡片文字光影均匀,每个卡片之间明暗区分自然,整体通透不沉闷。
[配色色系] 全局底色:#1A1A20(深空灰);卡片底色:#25252B(深灰);文字配色:#FFFFFF(白色主标题)+#BDBDBD(浅灰色正文);点缀色:#82C3EC(浅蓝)。
[视角构图] 中心对称瀑布流构图,耳机主图在上半区居中,下方卡片矩阵对齐排列,画面平衡稳重,信息层级清晰。
[文字版式] 顶部主标题 "核心科技 满满卖点",白色粗体居中,字号约画面宽度7%。大卡片耳机右侧标注主卖点 "镜面金属外观 高级质感"。下方六个小卡片分别标注:"半入耳设计 佩戴舒适"、"高清音质 还原原声"、"通话降噪 清晰透亮"、"续航持久 长效陪伴"、"快充闪充 省心便捷"、"极简设计 高颜值出片"。每个卡片标题白色,简介灰色,文字清晰不遮挡产品。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 耳机变形,结构错误,颜色偏差,卡片模糊,文字重叠,水印,背景杂乱。
[第7屏] 规格参数对比,蓝牙耳机规格表展示。本屏功能定义:清晰展示蓝牙耳机完整规格参数,方便用户选择。[氛围/风格] 严谨参数卡风格,延续深灰科技底色,清晰易读,专业规整。[元素布局] 左侧放置完整蓝牙耳机产品图,保持产品结构颜色质感与参考一致,占画面左侧35%;右侧为参数卡片,用卡片式表格展示核心参数,参数名称和数值左右对齐,排版整齐。产品和参数区域用浅蓝色竖线分隔,顶部主标题通栏。[光影质感] 产品受光均匀清晰,参数卡片背景为浅灰分层,每个参数行间隔清晰,文字对比明显,阅读轻松。[配色色系] 全局底色:#1A1A22(深灰科技黑);产品区背景:#252530;参数卡:#202028;参数名称文字:#CCCCCC;参数数值:#FFFFFF;分隔线:#4A80F2。[视角构图] 左产品右参数,左右分栏,参数卡片排版整齐有序。[文字版式] 顶部通栏主标题「规格参数 清晰可选」白色粗体字,居中排列。参数项目:蓝牙版本、有效距离、单耳重量、充电仓容量、总续航、防水等级,每个参数名称右对齐,数值左对齐,整齐排列在卡片中,文字清晰大小适中,适合手机阅读。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 参数错误,文字模糊,产品变形,结构错误,颜色偏差,水印,文字错乱。[第7屏] 规格参数对比,蓝牙耳机规格表展示。本屏功能定义:清晰展示蓝牙耳机完整规格参数,方便用户选择。[氛围/风格] 严谨参数卡风格,延续深灰科技底色,清晰易读,专业规整。[元素布局] 左侧放置完整蓝牙耳机产品图,保持产品结构颜色质感与参考一致,占画面左侧35%;右侧为参数卡片,用卡片式表格展示核心参数,参数名称和数值左右对齐,排版整齐。产品和参数区域用浅蓝色竖线分隔,顶部主标题通栏。[光影质感] 产品受光均匀清晰,参数卡片背景为浅灰分层,每个参数行间隔清晰,文字对比明显,阅读轻松。[配色色系] 全局底色:#1A1A22(深灰科技黑);产品区背景:#252530;参数卡:#202028;参数名称文字:#CCCCCC;参数数值:#FFFFFF;分隔线:#4A80F2。[视角构图] 左产品右参数,左右分栏,参数卡片排版整齐有序。[文字版式] 顶部通栏主标题「规格参数 清晰可选」白色粗体字,居中排列。参数项目:蓝牙版本、有效距离、单耳重量、充电仓容量、总续航、防水等级,每个参数名称右对齐,数值左对齐,整齐排列在卡片中,文字清晰大小适中,适合手机阅读。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 参数错误,文字模糊,产品变形,结构错误,颜色偏差,水印,文字错乱。
[第1屏] 详情页头图-蓝牙耳机新品宣传海报。本屏功能定义:蓝牙耳机长续航低延迟宣传海报,展示真无线蓝牙耳机产品全貌。[氛围/风格] 简约科技风,深灰色科技背景,商业摄影质感,画面专业高级,突出数码产品冷静理性气质。[元素布局] 黑色半入耳式蓝牙耳机放在画面右侧区域,占据画面65%主体。保持充电仓方形圆角、开盖露出耳机、哑光黑外壳、Type-C接口的物理结构、材质质感、颜色保持一致。背景左侧为深灰色渐变科技纹理,右侧为产品展示区,左下角留出3个功能图标位置,整体层次分明,主体突出。[光影质感] 左上主光源照射,在产品表面形成柔和渐变光影,右侧辅助光补亮细节,底部自然投影,整体明暗清晰,产品边缘干净利落,哑光质感真实。[配色色系] 全局底色:#1A1A22(深灰科技黑);主体配色:#2D2D3A(耳机深灰)+#FFFFFF(文字白);辅助色:#4A80F2(科技浅蓝点缀)。[视角构图] 正面45度斜视角,景深适中,主体位于画面右侧黄金分割点,左侧文字区垂直排版,阅读动线从上到下自然流畅。[文字版式] 左侧从上到下排版,主标题「长效续航 静享音质」白色粗体字,左对齐,字高约为画面10%,不遮挡产品。副标题「低延迟主动降噪蓝牙耳机」白色常规字,字号约为主标题40%,主标题下方留行间距。左下角三个功能图标:分别对应「主动降噪」「40ms低延迟」「30小时总续航」,图标上方为浅蓝色小icon,下方为白色说明文字,整齐排列。右下角浅蓝色角标「真无线 新体验」小号白色字。所有文字清晰不遮挡产品主体。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 产品变形,结构错误,颜色偏差,缺件错件,水印,文字错乱,产品图模糊,背景杂乱,违规表达,诱导点击按钮。[第1屏] 详情页头图-蓝牙耳机新品宣传海报。本屏功能定义:蓝牙耳机长续航低延迟宣传海报,展示真无线蓝牙耳机产品全貌。[氛围/风格] 简约科技风,深灰色科技背景,商业摄影质感,画面专业高级,突出数码产品冷静理性气质。[元素布局] 黑色半入耳式蓝牙耳机放在画面右侧区域,占据画面65%主体。保持充电仓方形圆角、开盖露出耳机、哑光黑外壳、Type-C接口的物理结构、材质质感、颜色保持一致。背景左侧为深灰色渐变科技纹理,右侧为产品展示区,左下角留出3个功能图标位置,整体层次分明,主体突出。[光影质感] 左上主光源照射,在产品表面形成柔和渐变光影,右侧辅助光补亮细节,底部自然投影,整体明暗清晰,产品边缘干净利落,哑光质感真实。[配色色系] 全局底色:#1A1A22(深灰科技黑);主体配色:#2D2D3A(耳机深灰)+#FFFFFF(文字白);辅助色:#4A80F2(科技浅蓝点缀)。[视角构图] 正面45度斜视角,景深适中,主体位于画面右侧黄金分割点,左侧文字区垂直排版,阅读动线从上到下自然流畅。[文字版式] 左侧从上到下排版,主标题「长效续航 静享音质」白色粗体字,左对齐,字高约为画面10%,不遮挡产品。副标题「低延迟主动降噪蓝牙耳机」白色常规字,字号约为主标题40%,主标题下方留行间距。左下角三个功能图标:分别对应「主动降噪」「40ms低延迟」「30小时总续航」,图标上方为浅蓝色小icon,下方为白色说明文字,整齐排列。右下角浅蓝色角标「真无线 新体验」小号白色字。所有文字清晰不遮挡产品主体。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 产品变形,结构错误,颜色偏差,缺件错件,水印,文字错乱,产品图模糊,背景杂乱,违规表达,诱导点击按钮。
[第2屏] 详情页第二屏,头戴耳机热销榜单展示,银色发光头戴耳机平台爆款推荐。本屏使用图1作为商品主体,保持耳机的物理结构、材质质感、颜色色号与输入产品图一致。 [氛围/风格] 自然光室内实拍,写实电商场景,高清真实摄影,干净自然。 [元素布局] 背景为原木桌面,一部手机斜放在桌面,手机屏幕展示电商头戴耳机热销榜单,本款银色发光耳机位列榜单TOP位置,屏幕附带真实用户即时下单弹窗。银色发光耳机斜靠在手机侧边,耳机放置在手机右下方桌面,占据画面35%左右面积,保持产品结构自然真实。 [光影质感] 自然室内光线从左侧照射,产品和手机形成柔和阴影,整体明暗清晰,木质桌面纹理自然可见。 [配色色系] 全局底色:#E8D9B5(原木浅棕);主体配色:#C0C0C0(耳机银色)+黑色手机+深色榜单文字;辅助色:蓝色发光环点缀,弹窗橙色强调。 [视角构图] 平视45度斜侧视角,桌面铺满整个背景,主体位于画面中下部,上方预留标题区域,构图均衡稳定。 [文字版式] 文字放在画面上方居中位置。主标题为"头戴耳机热销榜单",副标题为"平台爆款口碑优选",主标题深棕色加粗,副标题浅棕色,均居中对齐,不遮挡主体,文字清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨。 [负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,夸张变形,插画风格,文字重叠[第2屏] 详情页第二屏,头戴耳机热销榜单展示,银色发光头戴耳机平台爆款推荐。本屏使用图1作为商品主体,保持耳机的物理结构、材质质感、颜色色号与输入产品图一致。
[氛围/风格] 自然光室内实拍,写实电商场景,高清真实摄影,干净自然。
[元素布局] 背景为原木桌面,一部手机斜放在桌面,手机屏幕展示电商头戴耳机热销榜单,本款银色发光耳机位列榜单TOP位置,屏幕附带真实用户即时下单弹窗。银色发光耳机斜靠在手机侧边,耳机放置在手机右下方桌面,占据画面35%左右面积,保持产品结构自然真实。
[光影质感] 自然室内光线从左侧照射,产品和手机形成柔和阴影,整体明暗清晰,木质桌面纹理自然可见。
[配色色系] 全局底色:#E8D9B5(原木浅棕);主体配色:#C0C0C0(耳机银色)+黑色手机+深色榜单文字;辅助色:蓝色发光环点缀,弹窗橙色强调。
[视角构图] 平视45度斜侧视角,桌面铺满整个背景,主体位于画面中下部,上方预留标题区域,构图均衡稳定。
[文字版式] 文字放在画面上方居中位置。主标题为"头戴耳机热销榜单",副标题为"平台爆款口碑优选",主标题深棕色加粗,副标题浅棕色,均居中对齐,不遮挡主体,文字清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨。
[负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,夸张变形,插画风格,文字重叠