天猫手机端商品详情页功能解析图,对标金蝉高端窗纱风格,极致简约… - 图片创意预览

天猫手机端商品详情页功能解析图,对标金蝉高端窗纱风格,极致简约…

天猫手机端商品详情页功能解析图,对标金蝉高端窗纱风格,极致简约高级,高端电商高转化设计,分三点展示核心功能,极简卡片设计:1.高效隔热 夏日降温 2.阻隔99%紫外线 保护家居 3.减少能耗 节能省电

用户头像

1qwjkh0llkE...

2026.03.27
[第8屏] 规格信息-场景参照+参数卡片。本屏使用【图2】作为商品主体,悬挂于标准门洞前,旁置原木椅作身高参照。 [氛围/风格] 专业实用风,清晰直观;背景简洁,突出尺寸信息。 [元素布局] 窗帘居中悬挂(净高200cm),右侧立一把原木靠背椅(椅高85cm,坐面离地45cm)作人体比例参照;窗帘底部距地10cm;画面左下角放置半透明参数卡片(圆角矩形),内含核心信息;顶部加标题。 [光影质感] 均匀柔光,无强烈阴影;尺寸标注线为浅灰细线,箭头清晰;椅子木纹与窗帘织物质感真实。 [配色色系] 全局底色 #F7F5F3;主色:窗帘米白#F5F0E6 + 条纹浅咖#D8C9B8;辅助色:原木椅#C1A98F;参数卡底色#FFFFFF(80%透明度);文字色#333333。 [视角构图] 平视正角度,确保尺寸标注可读;阅读动线:顶部标题 → 中央窗帘+椅子 → 左下参数卡。 [文字版式] 主标题「尺寸清晰,选购无忧」;参数卡片内容: • 帘高:200cm(加长款230cm) • 帘宽:单片65cm × 2片 • 材质:65%棉 + 35%亚麻 • 适用门洞:净高1.8–2.2m,宽1.6–2.0m • 安装方式:穿杆式(杆径≤2.5cm) 文字字号≥16px,关键数字加粗。 [比例分辨率] 9:16 竖版比例0,4K 分辨率。 [负向提示词] 尺寸标注错误、椅子比例失真、帘高与标注不符、参数文字模糊、水印、背景杂乱、流苏缺失、颜色偏差。[第8屏] 规格信息-场景参照+参数卡片。本屏使用【图2】作为商品主体,悬挂于标准门洞前,旁置原木椅作身高参照。

[氛围/风格] 专业实用风,清晰直观;背景简洁,突出尺寸信息。

[元素布局] 窗帘居中悬挂(净高200cm),右侧立一把原木靠背椅(椅高85cm,坐面离地45cm)作人体比例参照;窗帘底部距地10cm;画面左下角放置半透明参数卡片(圆角矩形),内含核心信息;顶部加标题。

[光影质感] 均匀柔光,无强烈阴影;尺寸标注线为浅灰细线,箭头清晰;椅子木纹与窗帘织物质感真实。

[配色色系] 全局底色 #F7F5F3;主色:窗帘米白#F5F0E6 + 条纹浅咖#D8C9B8;辅助色:原木椅#C1A98F;参数卡底色#FFFFFF(80%透明度);文字色#333333。

[视角构图] 平视正角度,确保尺寸标注可读;阅读动线:顶部标题 → 中央窗帘+椅子 → 左下参数卡。

[文字版式] 主标题「尺寸清晰,选购无忧」;参数卡片内容:
• 帘高:200cm(加长款230cm)
• 帘宽:单片65cm × 2片
• 材质:65%棉 + 35%亚麻
• 适用门洞:净高1.8–2.2m,宽1.6–2.0m
• 安装方式:穿杆式(杆径≤2.5cm)
文字字号≥16px,关键数字加粗。

[比例分辨率] 9:16 竖版比例0,4K 分辨率。

[负向提示词] 尺寸标注错误、椅子比例失真、帘高与标注不符、参数文字模糊、水印、背景杂乱、流苏缺失、颜色偏差。
[画面] 页面目标:展示美缝剂耐高低温、室内外通用的性能优势,平缝工艺结合温度场景。构图:顶部标题区占18%,中部创意温度对比区占70%,底部说明区占12%。中部创意区:画面上半部分为暖红色高温场景,有阳光射线和热波纹,代表高温耐热;下半部分为冰蓝色低温场景,有雪花和冰晶纹理,代表耐低温;中间以弧形曲线分隔,形成冷暖对比的视觉冲击。在冷暖交界处融入瓷砖美缝的截面示意,美缝与瓷砖平齐(平缝工艺),在高低温环境下均保持稳定不开裂。整体创意感强,科技感十足。阅读动线:从上至下,标题→冷暖对比创意主视觉→底部说明。背景:上暖红下冰蓝的渐变分割,中间自然过渡。 [视觉] 套系策略:风格=国内电商专业建材详情页,科技感3D渲染质感;标题字=粗黑无衬线黑体,厚重有力;正文字=简洁无衬线黑体;主色=暖红+冰蓝+白色;背景延展=上半部分暖红到橙红渐变(带阳光光晕),下半部分冰蓝到浅蓝渐变(带冰晶纹理);强调色=白色,用于中间分隔和高亮元素;标题色=纯黑;正文色=深灰/白色(依背景适配);组件=雪花图标、阳光射线、温度渐变曲线;光影=上部暖光下部冷光,中间过渡自然,整体有层次感和氛围感。 [文字] 顶部主标题:"无惧高低温",第二行:"室内外通用",副标题小字:"抗寒耐热 地暖可用"。底部说明文字:"耐高温不变形 耐低温不开裂 适应各种气候环境"。所有文字横排,手机端清晰可读。 [规格] 图片比例9:16竖版,4K分辨率,负向提示:避免出现人物、人脸、模特,避免出现产品包装、品牌Logo,避免文字竖排、斜排、旋转,避免极限词、虚假宣传,避免水印、二维码、第三方平台标识。[画面] 页面目标:展示美缝剂耐高低温、室内外通用的性能优势,平缝工艺结合温度场景。构图:顶部标题区占18%,中部创意温度对比区占70%,底部说明区占12%。中部创意区:画面上半部分为暖红色高温场景,有阳光射线和热波纹,代表高温耐热;下半部分为冰蓝色低温场景,有雪花和冰晶纹理,代表耐低温;中间以弧形曲线分隔,形成冷暖对比的视觉冲击。在冷暖交界处融入瓷砖美缝的截面示意,美缝与瓷砖平齐(平缝工艺),在高低温环境下均保持稳定不开裂。整体创意感强,科技感十足。阅读动线:从上至下,标题→冷暖对比创意主视觉→底部说明。背景:上暖红下冰蓝的渐变分割,中间自然过渡。
[视觉] 套系策略:风格=国内电商专业建材详情页,科技感3D渲染质感;标题字=粗黑无衬线黑体,厚重有力;正文字=简洁无衬线黑体;主色=暖红+冰蓝+白色;背景延展=上半部分暖红到橙红渐变(带阳光光晕),下半部分冰蓝到浅蓝渐变(带冰晶纹理);强调色=白色,用于中间分隔和高亮元素;标题色=纯黑;正文色=深灰/白色(依背景适配);组件=雪花图标、阳光射线、温度渐变曲线;光影=上部暖光下部冷光,中间过渡自然,整体有层次感和氛围感。
[文字] 顶部主标题:"无惧高低温",第二行:"室内外通用",副标题小字:"抗寒耐热 地暖可用"。底部说明文字:"耐高温不变形 耐低温不开裂 适应各种气候环境"。所有文字横排,手机端清晰可读。
[规格] 图片比例9:16竖版,4K分辨率,负向提示:避免出现人物、人脸、模特,避免出现产品包装、品牌Logo,避免文字竖排、斜排、旋转,避免极限词、虚假宣传,避免水印、二维码、第三方平台标识。
[第1屏] 详情页头图-高透纱网门帘主视觉海报。本屏使用【图1】作为门帘龙骨及边条结构参考,生成完整安装在居家入户门的纱网门帘产品。 [氛围/风格] 清爽通透家居风,明亮自然光感,商业摄影质感,强调纱网的高透与轻盈感。 [元素布局] 画面中央是一扇现代简约白色入户门,门上完整安装灰色高透纱网门帘,门帘从顶部门框垂至地面,占画面约65%;门帘中间对开缝处有大磁条自然闭合;顶部可见灰色龙骨安装结构;透过纱网隐约可见室内温馨家居环境(浅色沙发、绿植一角);地面为浅木色地板,有柔和光影。产品物理结构、灰色牛筋边条、龙骨金属质感、纱网透明材质与输入图一致。 [光影质感] 左侧自然光入户照明,纱网有通透光感,右侧柔和补光,门帘底部有自然垂坠阴影,整体明亮干净。 [配色色系] 全局底色 #F5F8FA 浅灰蓝;主色灰色门帘+白色门框;辅助色浅木色地板+绿色植物点缀。 [视角构图] 正面平视,门帘为视觉中心,阅读动线顶部标题 → 中央门帘 → 底部信息条。 [文字版式] 顶部居中大标题「高透磁吸纱网门帘」,副标题「通风防蚊 进出无阻」;底部信息条三个卖点图标+文字「高透纱网」「牛筋边条」「自动闭合」;文字不遮挡门帘主体。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 门帘变形,结构错误,纱网不透明,颜色偏差,水印,文字错乱,产品模糊,背景杂乱。[第1屏] 详情页头图-高透纱网门帘主视觉海报。本屏使用【图1】作为门帘龙骨及边条结构参考,生成完整安装在居家入户门的纱网门帘产品。
[氛围/风格] 清爽通透家居风,明亮自然光感,商业摄影质感,强调纱网的高透与轻盈感。
[元素布局] 画面中央是一扇现代简约白色入户门,门上完整安装灰色高透纱网门帘,门帘从顶部门框垂至地面,占画面约65%;门帘中间对开缝处有大磁条自然闭合;顶部可见灰色龙骨安装结构;透过纱网隐约可见室内温馨家居环境(浅色沙发、绿植一角);地面为浅木色地板,有柔和光影。产品物理结构、灰色牛筋边条、龙骨金属质感、纱网透明材质与输入图一致。
[光影质感] 左侧自然光入户照明,纱网有通透光感,右侧柔和补光,门帘底部有自然垂坠阴影,整体明亮干净。
[配色色系] 全局底色 #F5F8FA 浅灰蓝;主色灰色门帘+白色门框;辅助色浅木色地板+绿色植物点缀。
[视角构图] 正面平视,门帘为视觉中心,阅读动线顶部标题 → 中央门帘 → 底部信息条。
[文字版式] 顶部居中大标题「高透磁吸纱网门帘」,副标题「通风防蚊 进出无阻」;底部信息条三个卖点图标+文字「高透纱网」「牛筋边条」「自动闭合」;文字不遮挡门帘主体。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 门帘变形,结构错误,纱网不透明,颜色偏差,水印,文字错乱,产品模糊,背景杂乱。
[商品] 使用【图1】白色幻影纱帘;商品处理:保留人字形编织纹理、洁白颜色、纱质通透感;展示整幅悬挂效果,垂坠自然,纹理清晰,不改变材质。 [画面] 目标:功能对比+规格信息,建立信任收口。构图:左右分栏,左侧为「普通纱帘vs幻影纱6.0」对比图(上半部分普通纱帘:人影清晰可见无隐私;下半部分幻影纱6.0:人影模糊保护隐私,配箭头标注差异);右侧为产品规格信息卡+纱帘悬挂小图。主体占画面60%,3层信息层级:对比图、规格卡、图标说明。景别:信息组合页。 [视觉] 套系策略:风格=清新治愈系高级家居商业摄影;标题字=现代简约无衬线粗体;正文字=纤细优雅无衬线体;主色=纯净白+浅灰;背景延展=基于白/浅灰做同色渐变、柔光质感和细腻纱纹肌理;强调色=浅奶茶色,仅用于小面积图标、引线和标签;标题色=深炭灰;正文色=中暖灰;组件=圆角浅底信息卡、细线引线、圆点装饰;光影=均匀柔光,信息清晰可读。 [文字] 顶部主标题「选对纱帘 生活更安心」。左侧对比区:上方标「普通纱帘·人影清晰无隐私」,下方标「幻影纱6.0·透光不透人更安心」,中间箭头标注「升级6.0编织工艺」。右侧规格卡:标题「产品信息」,内容:品名/幻影纱6.0白纱帘,材质/高密聚酯纤维,功能/透光不透人·遮阳防晒·防刮耐磨,洗涤/可机洗·不变形,适用/客厅·卧室·阳台·书房。底部一行小字:多尺寸可选 支持定制(保守表达,不写具体尺寸)。 [规格] 图片比例4:3横版,4K分辨率,负向提示:避免变形、错字、文字过小、对比夸张失实、虚构参数、极限词、平台Logo。[商品] 使用【图1】白色幻影纱帘;商品处理:保留人字形编织纹理、洁白颜色、纱质通透感;展示整幅悬挂效果,垂坠自然,纹理清晰,不改变材质。
[画面] 目标:功能对比+规格信息,建立信任收口。构图:左右分栏,左侧为「普通纱帘vs幻影纱6.0」对比图(上半部分普通纱帘:人影清晰可见无隐私;下半部分幻影纱6.0:人影模糊保护隐私,配箭头标注差异);右侧为产品规格信息卡+纱帘悬挂小图。主体占画面60%,3层信息层级:对比图、规格卡、图标说明。景别:信息组合页。
[视觉] 套系策略:风格=清新治愈系高级家居商业摄影;标题字=现代简约无衬线粗体;正文字=纤细优雅无衬线体;主色=纯净白+浅灰;背景延展=基于白/浅灰做同色渐变、柔光质感和细腻纱纹肌理;强调色=浅奶茶色,仅用于小面积图标、引线和标签;标题色=深炭灰;正文色=中暖灰;组件=圆角浅底信息卡、细线引线、圆点装饰;光影=均匀柔光,信息清晰可读。
[文字] 顶部主标题「选对纱帘 生活更安心」。左侧对比区:上方标「普通纱帘·人影清晰无隐私」,下方标「幻影纱6.0·透光不透人更安心」,中间箭头标注「升级6.0编织工艺」。右侧规格卡:标题「产品信息」,内容:品名/幻影纱6.0白纱帘,材质/高密聚酯纤维,功能/透光不透人·遮阳防晒·防刮耐磨,洗涤/可机洗·不变形,适用/客厅·卧室·阳台·书房。底部一行小字:多尺寸可选 支持定制(保守表达,不写具体尺寸)。
[规格] 图片比例4:3横版,4K分辨率,负向提示:避免变形、错字、文字过小、对比夸张失实、虚构参数、极限词、平台Logo。
[第2屏] 详情页痛点对比屏,展示传统纱窗问题与新款纱窗优势对比。本屏使用【图1】作为新款纱窗商品主体,保持商品结构颜色材质与输入产品图一致。 [氛围/风格] 清晰对比展示风格,简约干净,信息层级分明,商业图文质感。 [元素布局] 页面左右分栏布局,左栏展示传统纱窗痛点问题,右栏展示本款纱窗解决效果,左右各占50%宽度。顶部放置主标题区域,下方左右分栏展示对比。左栏痛点图搭配文字,右栏使用【图1】商品图,保持产品占比约70%在右栏区域。 [光影质感] 整体光线均匀明亮,左右对比区域光线一致,产品边缘清晰,痛点问题展示清晰。 [配色色系] 全局底色:#F5F5F5(浅灰);左栏痛点区域底衬:#F8ECEC(浅红);右栏优势区域底衬:#ECF8EC(浅绿);文字:#222222(黑)。 [视角构图] 左右对比版式,整体9:16竖版,左右等宽分割,顶部主标题通栏,构图清晰信息直观。 [文字版式] 顶部通栏主标题「对比传统纱窗 优势一目了然」黑色粗体。左栏标题「传统纱窗」红字,痛点文字依次:「纱网易破 蚊虫难挡」「推拉卡顿 拆卸麻烦」「边框易锈 使用寿命短」。右栏标题「我们的纱窗」绿字,优势文字对应:「高清网纱 强效防蚊」「顺滑推拉 方便拆装」「铝合金框 坚固耐用」,文字清晰不遮挡产品主体。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 纱窗变形,结构错误,文字错乱,水印,背景杂乱,颜色偏差,对比排版混乱,产品模糊。[第2屏] 详情页痛点对比屏,展示传统纱窗问题与新款纱窗优势对比。本屏使用【图1】作为新款纱窗商品主体,保持商品结构颜色材质与输入产品图一致。
[氛围/风格] 清晰对比展示风格,简约干净,信息层级分明,商业图文质感。
[元素布局] 页面左右分栏布局,左栏展示传统纱窗痛点问题,右栏展示本款纱窗解决效果,左右各占50%宽度。顶部放置主标题区域,下方左右分栏展示对比。左栏痛点图搭配文字,右栏使用【图1】商品图,保持产品占比约70%在右栏区域。
[光影质感] 整体光线均匀明亮,左右对比区域光线一致,产品边缘清晰,痛点问题展示清晰。
[配色色系] 全局底色:#F5F5F5(浅灰);左栏痛点区域底衬:#F8ECEC(浅红);右栏优势区域底衬:#ECF8EC(浅绿);文字:#222222(黑)。
[视角构图] 左右对比版式,整体9:16竖版,左右等宽分割,顶部主标题通栏,构图清晰信息直观。
[文字版式] 顶部通栏主标题「对比传统纱窗 优势一目了然」黑色粗体。左栏标题「传统纱窗」红字,痛点文字依次:「纱网易破 蚊虫难挡」「推拉卡顿 拆卸麻烦」「边框易锈 使用寿命短」。右栏标题「我们的纱窗」绿字,优势文字对应:「高清网纱 强效防蚊」「顺滑推拉 方便拆装」「铝合金框 坚固耐用」,文字清晰不遮挡产品主体。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 纱窗变形,结构错误,文字错乱,水印,背景杂乱,颜色偏差,对比排版混乱,产品模糊。
[第2屏] 详情页痛点对比屏,展示传统纱窗问题与新款纱窗优势对比。本屏使用【图1】作为新款纱窗商品主体,保持商品结构颜色材质与输入产品图一致。 [氛围/风格] 清晰对比展示风格,简约干净,信息层级分明,商业图文质感。 [元素布局] 页面左右分栏布局,左栏展示传统纱窗痛点问题,右栏展示本款纱窗解决效果,左右各占50%宽度。顶部放置主标题区域,下方左右分栏展示对比。左栏痛点图搭配文字,右栏使用【图1】商品图,保持产品占比约70%在右栏区域。 [光影质感] 整体光线均匀明亮,左右对比区域光线一致,产品边缘清晰,痛点问题展示清晰。 [配色色系] 全局底色:#F5F5F5(浅灰);左栏痛点区域底衬:#F8ECEC(浅红);右栏优势区域底衬:#ECF8EC(浅绿);文字:#222222(黑)。 [视角构图] 左右对比版式,整体9:16竖版,左右等宽分割,顶部主标题通栏,构图清晰信息直观。 [文字版式] 顶部通栏主标题「对比传统纱窗 优势一目了然」黑色粗体。左栏标题「传统纱窗」红字,痛点文字依次:「纱网易破 蚊虫难挡」「推拉卡顿 拆卸麻烦」「边框易锈 使用寿命短」。右栏标题「我们的纱窗」绿字,优势文字对应:「高清网纱 强效防蚊」「顺滑推拉 方便拆装」「铝合金框 坚固耐用」,文字清晰不遮挡产品主体。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 纱窗变形,结构错误,文字错乱,水印,背景杂乱,颜色偏差,对比排版混乱,产品模糊。[第2屏] 详情页痛点对比屏,展示传统纱窗问题与新款纱窗优势对比。本屏使用【图1】作为新款纱窗商品主体,保持商品结构颜色材质与输入产品图一致。
[氛围/风格] 清晰对比展示风格,简约干净,信息层级分明,商业图文质感。
[元素布局] 页面左右分栏布局,左栏展示传统纱窗痛点问题,右栏展示本款纱窗解决效果,左右各占50%宽度。顶部放置主标题区域,下方左右分栏展示对比。左栏痛点图搭配文字,右栏使用【图1】商品图,保持产品占比约70%在右栏区域。
[光影质感] 整体光线均匀明亮,左右对比区域光线一致,产品边缘清晰,痛点问题展示清晰。
[配色色系] 全局底色:#F5F5F5(浅灰);左栏痛点区域底衬:#F8ECEC(浅红);右栏优势区域底衬:#ECF8EC(浅绿);文字:#222222(黑)。
[视角构图] 左右对比版式,整体9:16竖版,左右等宽分割,顶部主标题通栏,构图清晰信息直观。
[文字版式] 顶部通栏主标题「对比传统纱窗 优势一目了然」黑色粗体。左栏标题「传统纱窗」红字,痛点文字依次:「纱网易破 蚊虫难挡」「推拉卡顿 拆卸麻烦」「边框易锈 使用寿命短」。右栏标题「我们的纱窗」绿字,优势文字对应:「高清网纱 强效防蚊」「顺滑推拉 方便拆装」「铝合金框 坚固耐用」,文字清晰不遮挡产品主体。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 纱窗变形,结构错误,文字错乱,水印,背景杂乱,颜色偏差,对比排版混乱,产品模糊。