地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴全景场景。顶部导航栏"智家"标题，左侧"设备管理"文字，右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图，画面中同时展示：智能马
GD176642723
![[第6屏] 米家智能联动屏-连上米家更多场景和时间随心预设。本屏使用【图3】作为商品主体，小尺寸展示在右上角。
[氛围/风格] 浅蓝灰科技家居风，智能科技感，商业摄影质感，清爽干净理性专业。
[元素布局] 画面左侧为智能家居控制面板示意，展示浴霸控制界面，有温度调节滑块、模式选择按钮、定时设置等UI元素，界面简洁现代；右上角为浴霸产品小图，白色长方形面板，黑色长条形出风口，NVC品牌标识，物理结构与输入图一致；画面下方横向排列三个场景卡片，分别是晨起模式、沐浴模式、干燥模式，各配小图标；背景有淡淡的科技感网格线和连接线条，示意智能联动。
[光影质感] 均匀柔光照明，控制面板有屏幕发光效果，产品清晰明亮，整体科技感强。
[配色色系] 全局底色#EDF4FA浅蓝灰；主色深蓝标题+白色产品；辅助色浅蓝界面+绿色功能标签。
[视角构图] 左控制面板+右上产品+下场景卡的布局，阅读动线从左到右从上到下。
[文字版式] 顶部主标题「智能联动 随心预设」，副标题「多种场景模式一键切换」，粗黑体左对齐；控制面板内有模拟文字「温度调节」「模式选择」「定时设置」；底部三张场景卡各有标题+小字说明；右下角有「支持APP远程控制」小字标注。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 产品变形，缺件错件，结构错误，颜色偏差，水印，文字错乱，文字过小，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/be7a15dc-b907-470e-839d-aec78003b3cb24767.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 智能家居应用场景展示页。展示产品可适用的智能家居场景，延续整体科技风格。
[氛围/风格] 温馨智能家居场景拼贴，浅灰背景，生活化科技感。
[元素布局] 顶部大标题，下方六宫格排列不同智能家居场景图，每个场景图下方配名称文字。整体排版整齐，间距合适，不拥挤。
[光影质感] 每个场景图光影自然和谐，整体亮度均匀，文字区域清晰不刺眼。
[配色色系] 背景 #f0f4f8；标题蓝色 #165DFF，场景名称黑色文字，保持整套配色统一。
[视角构图] 竖版从上到下：标题+六宫格场景，符合手机端浏览习惯。
[文字版式] 顶部大标题 "智能家居应用场景"，蓝色加粗居中；六个场景分别为：传统开关改造、门窗开关检测、门禁对接、灯具控制、车库门控制、智能场景联动，每个场景下方标注清晰名称，字号适中适合手机阅读。
[比例分辨率] 9:16 竖版，4K分辨率。
[负向提示词] 场景变形，文字模糊，排版错乱，颜色偏差。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a066758a-c9c4-4fba-81d8-5b5fa3017dba464.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第1屏] 详情页头图主视觉：横向椭圆形智能LED浴室镜现代简约卫浴空间展示。本屏使用【图1】作为商品主体。
[氛围/风格] 极简高级氛围感，现代轻奢卫浴空间，暖调柔光灯效，商业摄影质感。
[元素布局] 左侧竖排文案区域占1/3宽度，右侧大场景区域占2/3宽度，智能浴室镜安装在浅灰色水泥质感墙面上，下方搭配一体白色陶瓷洗手台，右侧可见浅灰色浴缸边缘，洗手台摆放绿植和洗浴瓶，空间自然层次丰富。保持智能镜横向椭圆形外观、LED发光边框、玻璃质感、开关位置与输入产品图一致，杜绝变形和色差，产品主体占比约65%。
[光影质感] 侧前方柔主光均匀照亮整个空间，LED灯条自然发光，墙面漫反射做辅光，整体光影通透干净，高光不溢出，暗部层次分明。
[配色色系] 全局底色 #f0f0f0，主色浅灰色水泥墙面，辅助色白色洗手台，深灰色文字形成清晰对比。
[视角构图] 平视视角，景深深浅适中，阅读动线从上至下、从左至右，左侧文字右侧场景，结构清晰。
[文字版式] 左侧竖排区域，顶部主标题「智能LED浴室镜」粗黑大字体；副标题「横款椭圆 极简美学」浅色中字体；下方四个图标卖点依次排列：人体感应、时间温度、无极调光、加热除雾，图标配短句，文字清晰不遮挡产品。底部添加工厂直营浅灰底圆角标签。
[比例分辨率] 3:4 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，文字错乱，文字过小，缺件错件，结构错误，颜色偏差，产品图模糊，背景杂乱，水印，电商平台Logo](https://gd-cms.dancf.com/gd-cms/xi19e5/0/84b829c8-9c72-4814-9b7c-706756edb81f14277.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 设计美学与产品定位页，智能马桶。本屏使用【图2】作为商品主体参考。
[氛围/风格] 简约科技感，浅蓝渐变干净背景，高级质感，现代简约卫浴空间氛围。
[元素布局] 页面分为上下两部分，上半部分文案区，下半部分展示智能马桶主体斜侧视角，产品占据下半部分约60%高度，保持产品结构和颜色与原图一致，背景为浅蓝渐变+淡蓝色块装饰，整体简洁不杂乱。
[光影质感] 左侧柔和打光，产品边缘清晰，陶瓷质感通透，阴影自然。
[配色色系] 全局底色：#f0f8fc；主体配色：产品纯白+浅蓝背景；辅助色：深灰文字+浅蓝点缀
[视角构图] 竖向排版，上下分割构图，产品斜侧放置，稳定居中。
[文字版式] 顶部主标题 "新智能卫浴 重塑净洁体验"，居中，粗体大字；副标题 "专为现代卫生间打造的一体化智能马桶"，小字位于主标题下方；三个标签卖点：一体化设计/即热恒温/自动除臭，分三行排列在左，产品在右下，文字不遮挡产品。
[比例分辨率] 9:16竖版，4K分辨率，文字清晰。
[负向提示词] 产品变形，结构错误，文字模糊，颜色偏差，水印，背景杂乱](https://gd-cms.dancf.com/gd-cms/xi19e5/0/21e611a4-bad8-470c-be07-f66745e6e82c2474.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 设计美学与产品定位页，智能马桶。本屏使用【图2】作为商品主体参考。
[氛围/风格] 简约科技感，浅蓝渐变干净背景，高级质感，现代简约卫浴空间氛围。
[元素布局] 页面分为上下两部分，上半部分文案区，下半部分展示智能马桶主体斜侧视角，产品占据下半部分约60%高度，保持产品结构和颜色与原图一致，背景为浅蓝渐变+淡蓝色块装饰，整体简洁不杂乱。
[光影质感] 左侧柔和打光，产品边缘清晰，陶瓷质感通透，阴影自然。
[配色色系] 全局底色：#f0f8fc；主体配色：产品纯白+浅蓝背景；辅助色：深灰文字+浅蓝点缀
[视角构图] 竖向排版，上下分割构图，产品斜侧放置，稳定居中。
[文字版式] 顶部主标题 "新智能卫浴 重塑净洁体验"，居中，粗体大字；副标题 "专为现代卫生间打造的一体化智能马桶"，小字位于主标题下方；三个标签卖点：一体化设计/即热恒温/自动除臭，分三行排列在左，产品在右下，文字不遮挡产品。
[比例分辨率] 9:16竖版，4K分辨率，文字清晰。
[负向提示词] 产品变形，结构错误，文字模糊，颜色偏差，水印，背景杂乱](https://gd-cms.dancf.com/gd-cms/xi19e5/0/ccfa3181-a06d-45d6-b95f-86e72e3fa44e2471.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] 详情页核心功能实测-小米智能中控屏多设备一屏操控演示。本屏使用【图1】作为产品主体。
[氛围/风格] 真实家居场景，功能演示风，生活化+科技感结合，商业摄影质感。
[元素布局] 现代简约客厅场景中，小米智能中控屏安装在墙面开关位置，占画面中心偏左，占比约45%；屏幕显示智能家居控制界面，手指正在触控操作；背景中可以看到客厅的智能灯光亮起、智能窗帘正在开合、空调显示屏亮起等联动效果；产品外观、黑色边框、屏幕比例与输入产品图完全一致。
[光影质感] 室内暖光照明，屏幕自发光清晰，手指触控处有轻微光效，整体温馨明亮，产品与场景融合自然。
[配色色系] 全局底色为暖米色家居场景 #F5F0E8；主色科技蓝 #2D5BFF；辅助色暖黄灯光、白色文字、深灰边框。
[视角构图] 正面微侧视角，手部操作与产品同框，阅读动线从手部操作 → 屏幕界面 → 背景联动效果。
[文字版式] 版式为左侧操作场景 + 右侧文案说明。主标题「一屏触控 全屋响应」，副标题「多设备控制 如此简单」；右侧3个功能说明点：「灯光调节 亮度色温随心控」「窗帘控制 开合定时一键搞定」「空调管理 温度模式远程调」，每个配小图标；底部标签「触控响应 < 0.1秒」。
[比例分辨率] 9:16 竖版比例，1K分辨率，文字清晰可辨，高清画质。
[负向提示词] 产品变形，缺件错件，颜色偏差，水印，文字错乱，手部变形，场景不真实。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/11444ece-b96f-4d00-8998-f76b0d19007019466.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2页] 系统与产品概况页。
[氛围/风格] 现代简约高端家居风格，干净通透，留白充足，深蓝白金配色。
[元素布局] 标题置顶，六个系统每个配一个简约线形图标，图标金色，图标左侧，文字右侧，纵向排列，每个系统之间留白分隔。底部小字备注。背景白色为主，顶部深蓝色标题栏。
[光影质感] 均匀明亮布光，图标金色高亮，文字黑色清晰，层次分明。
[配色色系] 背景白色，顶部标题栏深蓝色，文字深灰，图标金色，符合深蓝白金主色调。
[视角构图] 竖版从上到下，标题-系统列表-备注，结构清晰。
[文字版式] 置顶深蓝色栏大标题 "您家的智慧家系统概况" 白色加粗。列表内容：
1. 🏠 全屋开关智能控制：全屋灯光一键开关，场景联动
2. ❄️ 全屋空调智能控制：客厅、餐厅、主卧、次卧、阁楼，共5台空调。支持语音控制与手机APP远程控制
3. 🪟 智能窗帘：北窗台、南窗台、主卧、次卧、阁楼，共5个区域5扇窗，10台电机（双开双控）
4. 🎙️ 全屋语音覆盖：4只智能音箱，分布在各个房间
5. 📡 系统稳定核心：2只中枢网关（1楼、2楼各1只），保障全屋设备稳定运行
6. 🏷️ 主要品牌：米家生态链 | 智宅焕严选
页面底部小字："具体产品型号详见设备配置清单"，灰色字体。每个项目图标+文字左对齐，行间距宽松，留白充足。
[比例分辨率] 宽高比3:4，1200x1600，分辨率2K，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，变形，水印，颜色偏差，背景杂乱，结构错误，图标错位。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/89b62628-a6f4-4ea4-ae06-5750d42b23c763155.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第9屏] 广角送风技术屏-包裹感暖风吹遍浴室从头到脚一样暖。本屏使用【图2】作为商品主体，安装在天花板。
[氛围/风格] 浅蓝灰科技家居风，温暖舒适感，商业摄影质感，参考图风格：技术原理示意+场景感受+产品展示。
[元素布局] 现代浴室场景，浴霸安装在天花板中央，占比约15%，白色长方形机身，物理结构与输入图一致；从浴霸向下吹出大面积弧形暖风，用橙色半透明气流线条可视化展示广角送风效果，气流覆盖整个浴室空间，从天花板到地面，从中心到角落；浴室中有一个人物剪影站在淋浴区，全身被暖风气浪包裹；画面左右两侧有标注线说明送风范围。
[光影质感] 顶部暖光，暖风气浪有发光效果，整体温馨舒适有层次感。
[配色色系] 全局底色#EAF2F8浅蓝灰；主色白色产品+橙色暖风气浪；辅助色深蓝标题+绿色标签。
[视角构图] 浴室场景平视，产品在上方，暖风气浪从中心扩散，阅读动线从上到下。
[文字版式] 顶部主标题「广角送风不直吹」，副标题「包裹感暖风吹遍浴室」，粗黑体左对齐；画面左侧标注「从头到脚 一样暖」，右侧标注「从中心到角落 一样暖」；底部有三个卖点胶囊「广角出风」「不直吹」「全域覆盖」；右下角有「AI智慧Pro款」标签。文字不遮挡产品主体。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 产品变形，缺件错件，结构错误，颜色偏差，水印，文字错乱，文字过小，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/0c8325bb-d7d6-4228-b9a0-0b01b0838bbb19960.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第1屏] 详情页头图-智能浴室镜风格空间宣传图。本屏使用【图1】作为商品主体。
[氛围/风格] 现代简约高级感，轻奢卫浴空间，商业实景摄影，光影干净通透。
[元素布局] 智能浴室镜放置在双台盆浴室正中央，占比约70%；上方留出标题区域，下方搭配双台盆与卫浴五金，背景搭配浅灰色大理石纹理墙砖，整体空间层次感丰富，镜体轮廓、尺寸比例与参考图一致。
[光影质感] 正面柔和主光，侧上方辅助光，灯带自发光效果自然，镜面积清晰明亮，下方台盆处自然阴影，明暗层次分明。
[配色色系] 全局底色 #F5F5F5，主色浅灰调水泥质感，辅助色金色五金点缀，文字为深灰色。
[视角构图] 正面平视视角，景深适中，主体清晰突出，阅读动线从上到下，从标题到产品主体再到场景细节。
[文字版式] 顶区深灰色文字底排版：主标题「智能除雾 百变光效」，副标题「多功能浴室镜 打造清爽盥洗空间」，下方三个亮点标签「智能除雾」「感应调光」「时间温度显示」，文字不遮挡镜体主体，文字清晰易读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 镜体变形，结构错误，颜色偏差，文字错乱，文字过小，水印，背景杂乱，产品模糊。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a583d262-240d-4021-b5b9-ab3dac162cbd7544.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第9屏] 本屏功能定义：展示落地实景安装案例，真实呈现产品使用效果。
[氛围/风格] 真实生活化展示，多样空间参考，干净排版，直观参考搭配。
[元素布局] 顶部主标题「千+落地实景 真实用户反馈」，下方6张实景案例2行3列网格，展示不同卫生间安装效果，整体风格统一。
[光影质感] 每张实景光线自然，空间通透，产品清晰可识别，明暗统一，无过暗过曝。
[配色色系] 全局底色：#FFFFFF；标题文字：#333333；案例保持自然空间色彩。
[视角构图] 竖向9:16，从上到下主标题-实景网格，间距均匀，比例一致，适配移动端。
[文字版式] 主标题加粗左对齐，字号宽度6%；下方小字说明，灰色左对齐，字号3.5%。
[比例分辨率] 9:16竖版，4K分辨率，文字清晰可辨。
[负向提示词] 产品变形，场景杂乱，颜色失真，文字错乱，水印，排版不均](https://gd-cms.dancf.com/gd-cms/xi19e5/0/edeee44e-085f-4b3f-8cdb-4015277a64c028873.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第9屏] 本屏功能定义：展示落地实景安装案例，真实呈现产品使用效果。
[氛围/风格] 真实生活化展示，多样空间参考，干净排版，直观参考搭配。
[元素布局] 顶部主标题「千+落地实景 真实用户反馈」，下方6张实景案例2行3列网格，展示不同卫生间安装效果，整体风格统一。
[光影质感] 每张实景光线自然，空间通透，产品清晰可识别，明暗统一，无过暗过曝。
[配色色系] 全局底色：#FFFFFF；标题文字：#333333；案例保持自然空间色彩。
[视角构图] 竖向9:16，从上到下主标题-实景网格，间距均匀，比例一致，适配移动端。
[文字版式] 主标题加粗左对齐，字号宽度6%；下方小字说明，灰色左对齐，字号3.5%。
[比例分辨率] 9:16竖版，4K分辨率，文字清晰可辨。
[负向提示词] 产品变形，场景杂乱，颜色失真，文字错乱，水印，排版不均](https://gd-cms.dancf.com/gd-cms/xi19e5/0/6cba6562-baf8-4c7c-941e-50be2dd15e3a28967.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 本屏功能定义：全屋智能联动场景展示，介绍开关一键联动全屋智能功能，尺寸750×1300px，上下2:8排版，下方四宫格布局。本屏使用图1-图7作为产品外观参考，保持开关产品颜色和结构一致。
[氛围/风格] 写实家装多场景摄影，轻奢极简科技风，8K超清，冷暖柔光区分不同场景，低饱和高级灰调，画面干净自然。
[元素布局] 竖图750×1300px，上方20%居中纯白标题区；下方80%区域分为2行×2列四宫格，单格尺寸375×440px：①左上玄关离家场景：业主出门按门口开关，全屋灯具熄灭；②右上卧室就寝场景：夜晚床头关灯，主灯关闭小夜灯亮起；③左下客厅会客场景：一键开启客厅主灯与氛围灯带；④右下远程操控场景：手机APP界面与墙面开关同框，展示远程操控功能；每个场景中开关产品颜色结构与参考图一致，每张卡片内放置标题和注解。
[光影质感] 四个场景使用不同冷暖光影区分：离家场景自然光、就寝场景暖暗光、会客场景暖白光、远程场景明亮白光，每个场景光影自然，突出产品位置，整体明暗层次清晰。
[配色色系] 全局统一配色：象牙白 + 深空灰 + 科技蓝 #1976D2 点缀，上标题区纯白色背景，四宫格每个场景自然配色，文字配色：大标题粗黑、副标题深灰、卡片小标题加粗、注解中灰。
[视角构图] 每个场景采用平视生活化视角，四宫格均匀分布，布局规整，符合移动端从上到下阅读动线。
[文字版式] 文字全画面使用【思源黑体】：上方居中，大标题46px粗黑"一触联动全屋｜真正的智能家居中控面板"，副标题29px中粗深灰"单键自定义场景，离家 / 就寝 / 会客一键全房控灯"；每张卡片内24px加粗小标题，17px中灰小字注解对应场景，排版工整，文字清晰可读，不遮挡产品主体。
[比例分辨率] 宽度750px，高度1300px，8K分辨率，文字清晰可辨。
[负向提示词] 产品变形，结构错误，颜色偏差，文字错乱，缺件错件，产品图模糊，背景杂乱，水印，文字遮挡产品，偏色](https://gd-cms.dancf.com/gd-cms/xi19e5/0/43cf094a-f799-4195-977b-d35ba283c8ac2641.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第1屏] 详情页头图，海尔XQG100-600H滚筒洗衣机宣传海报，产品为深灰机身黑门设计10公斤容量。
[氛围/风格] 专业冷调家电风，现代简约家居背景，商业摄影质感，画面高级沉稳。
[元素布局] 海尔滚筒洗衣机放在画面右侧区域，占据画面65%-70%主体。保持产品的深灰配色、黑圆形舱门、顶部触控显示屏、侧边波浪造型、尺寸标注的物理结构、材质质感与输入产品图一致。背景为浅灰现代家装阳台场景，包含洗衣机柜柜体、白色晾衣架、浅灰色瓷砖墙面三种环境元素，左侧预留充足文字区域。
[光影质感] 左侧柔和主光照亮机身，产品表面形成自然金属质感高光，右侧形成柔和投影，整体明暗清晰，产品轮廓真实自然。
[配色色系] 全局底色：#E8F0F5（浅冷灰蓝）；主体配色：#556065（深灰机身）+ #1A1A1A（黑色舱门）；辅助色：#FFFFFF（白色文字）+ #2A5F9E（科技蓝点缀）。
[视角构图] 正面45°斜视角，产品位于画面偏右下，左侧完整留给标题和卖点信息，背景干净整洁有空间层次。
[文字版式] 左上区域，主标题「10kg大容量 静稳洗护」大号粗体白色字，左对齐，字号占画面宽度8%，主标题下方副标题「AI智控 一级能效」中号字，下方3个图标+卖点排列：第一个「六维减震」「平稳低噪」，第二个「巴氏除菌」「健康洗护」，第三个「1.1洗净比」「洁净出色」，文字清晰不遮挡产品主体。
[比例分辨率] 4:3比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 产品变形，尺寸错误，颜色偏差，结构错误，文字错乱，水印，背景杂乱，模糊不清。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/edfcc018-462e-45a0-8bf4-3db375535b8b4586.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)