移动端小程序智家页面UI设计，温馨生活风，暖橙色调。顶部导航栏显示"智家"标题，左侧有设备管理图标，右侧有添加设备+号。页面顶部是智能家居场景总控卡片，温馨家居背景图，显示"回家模式"大字，有温度、湿
GD176642723
![[第8张] 详情页智能联动-App远程控制+语音助手。文生图模式。
[氛围/风格] 科技智能家居场景，深色背景突出屏幕发光效果，现代感强，商业摄影质感。
[元素布局] 画面中央是智能空调控制器，周围环绕3个联动设备：上方是手机App界面，显示温度调节、模式选择、定时设置等功能；左下方是智能音箱，有语音波纹效果；右下方是智能手表，显示快捷控制界面；各设备与控制器之间有发光连线表示联动；背景是模糊的智能家居环境。
[光影质感] 暗环境下的屏幕自发光效果，蓝色和青色光带，设备有柔和轮廓光，科技感十足。
[配色色系] 全局底色 #0F172A 深蓝黑；主色科技蓝 #3B82F6；辅助色各设备屏幕发光色；点缀色青色语音波纹 #06B6D4。
[视角构图] 产品居中，三设备环绕布局，阅读动线从中心产品向四周扩散。
[文字版式] 顶部主标题「多端联动 一句话的事」，粗黑体白色居中；每个设备旁标注功能「App远程控制」「语音助手控制」「手表快捷操控」；底部说明「支持主流智能音箱 一句话控制空调」。
[比例分辨率] 3:4 竖版比例，宽度1200，高度1600，4K分辨率，文字清晰可辨。
[负向提示词] 设备变形，界面模糊，水印，文字错乱，文字过小，连线混乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/fee22f3e-b500-485e-a4cc-44d187a2ecfc26680.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第4张] 详情页核心技术-智能连接与控制原理示意。文生图模式。
[氛围/风格] 科技感技术图解风，深色背景，发光线条和数据可视化，专业技术感。
[元素布局] 画面中央是智能空调控制器的半透明剖面示意图，可看到内部WiFi模块、红外发射模块、主控芯片；从控制器向左侧发射红外信号连接空调，向右侧发射WiFi信号连接路由器和云端；上方连接手机App，下方连接智能音箱语音控制；形成完整的智能控制链路图，各模块用发光线条和箭头连接。
[光影质感] 暗背景下的发光效果，蓝色和青色光带，模块有自发光效果，科技感十足，层次分明。
[配色色系] 全局底色 #0A1628 深蓝黑；主色科技蓝 #3B82F6；辅助色青色光效 #06B6D4、白色模块；点缀色橙色信号波。
[视角构图] 正面平视，控制器居中，四周分布连接设备，阅读动线从中心向四周扩散。
[文字版式] 顶部主标题「智能联动 全屋可控」，粗黑体白色居中；每个模块旁标注名称「WiFi模块」「红外发射」「云端服务」「App控制」「语音助手」，白色小字配引线；底部技术说明「红外+WiFi双模 稳定连接不中断」。
[比例分辨率] 3:4 竖版比例，宽度1200，高度1600，4K分辨率，文字清晰可辨。
[负向提示词] 结构错误，线条混乱，水印，文字错乱，文字过小，模块模糊。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/fc39ad44-f23c-45c9-b368-0913072cc45827177.png?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)
![[第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)
![[第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)
![[第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)