移动端智慧水务UI界面，竖版，主题“数治供水，智护民生”，头图… - 图片创意预览

移动端智慧水务UI界面，竖版，主题“数治供水，智护民生”，头图…

移动端智慧水务UI界面，竖版，主题“数治供水，智护民生”，头图为3D创意视觉，商业交互逻辑，突出信息主次，创意字体设计，大厂运营图质感，画面干净简洁不繁杂，元素清晰，文字无乱码，整体不崩坏

用户头像

W贝贝

2026.05.18
高德崇高德崇
高德崇高德崇
乐清_乐清_
GD502178474GD502178474
1q0kretrg915q2er5-HB1q0kretrg915q2er5-HB
GD176642723GD176642723
GD176642723GD176642723
高德崇高德崇
高德崇高德崇
「图片1」### 顶部导航栏 - 左侧：返回箭头 `<` - 中间标题：**告警** - 右侧：更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏 当前页面处于告警管理相关模块，Tab 包括： - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**：当前高亮 - 生命周期 说明这是一个设备全生命周期管理系统，告警只是其中一个子模块。 --- ### 3. 告警概览区 位于页面顶部，用三个数字卡片展示告警统计： 表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签：**1 待确认**，提示当前有待处理告警。 --- ### 4. 告警明细区 这是页面核心内容，展示两条告警记录。 #### 第一条告警：画面遮挡告警 - 类型：**画面遮挡告警** - 时间：2026-06-09 10:23 - 状态：**待确认**，橙色 / 黄色标签 - 风险等级：**高** - 设备名称：暖通演示楼 / 2F / 二楼东侧 - 事件描述：AI 值守 核查遮挡摄像头角度 这条属于**视频 / 摄像头类智能告警**，系统识别到摄像头可能被遮挡，需要人工确认。 #### 第二条告警：心跳延迟告警 - 类型：**心跳延迟告警** - 时间：2026-06-08 18:30 - 状态：**已恢复**，绿色标签 - 风险等级：中 - 设备名称：设备名称 - 事件描述：设备心跳超时，离线后恢复 这条属于**设备联网状态告警**，说明设备曾经失联，后来重新上线。 --- ### 5. 处置记录区 - 标题：**处置记录** - 内容：已生成安全事件 - 状态：**待补充** 说明系统已经生成了事件记录，但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位 这个页面主要用于**运维人员查看和处理设备告警**，核心作用是： 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航：返回 / 告警标题 / 更多 ↓ Tab导航：控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览：今日告警 / 待确认 / 已恢复 ↓ 告警明细：画面遮挡告警 / 心跳延迟告警 ↓ 处置记录：已生成安全事件，待补充 帮我生成APP「图片1」### 顶部导航栏 - 左侧：返回箭头 `<` - 中间标题：**告警** - 右侧：更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏 当前页面处于告警管理相关模块，Tab 包括： - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**：当前高亮 - 生命周期 说明这是一个设备全生命周期管理系统，告警只是其中一个子模块。 --- ### 3. 告警概览区 位于页面顶部，用三个数字卡片展示告警统计： 表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签：**1 待确认**，提示当前有待处理告警。 --- ### 4. 告警明细区 这是页面核心内容，展示两条告警记录。 #### 第一条告警：画面遮挡告警 - 类型：**画面遮挡告警** - 时间：2026-06-09 10:23 - 状态：**待确认**，橙色 / 黄色标签 - 风险等级：**高** - 设备名称：暖通演示楼 / 2F / 二楼东侧 - 事件描述：AI 值守 核查遮挡摄像头角度 这条属于**视频 / 摄像头类智能告警**，系统识别到摄像头可能被遮挡，需要人工确认。 #### 第二条告警：心跳延迟告警 - 类型：**心跳延迟告警** - 时间：2026-06-08 18:30 - 状态：**已恢复**，绿色标签 - 风险等级：中 - 设备名称：设备名称 - 事件描述：设备心跳超时，离线后恢复 这条属于**设备联网状态告警**，说明设备曾经失联，后来重新上线。 --- ### 5. 处置记录区 - 标题：**处置记录** - 内容：已生成安全事件 - 状态：**待补充** 说明系统已经生成了事件记录，但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位 这个页面主要用于**运维人员查看和处理设备告警**，核心作用是： 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航：返回 / 告警标题 / 更多 ↓ Tab导航：控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览：今日告警 / 待确认 / 已恢复 ↓ 告警明细：画面遮挡告警 / 心跳延迟告警 ↓ 处置记录：已生成安全事件，待补充 帮我生成APP
spirittrapspirittrap
1q04ojcqok-HB1q04ojcqok-HB
地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴全景场景。顶部导航栏"智家"标题，左侧"设备管理"文字，右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图，画面中同时展示：智能马桶、智能浴室镜带灯带、顶喷花洒淋浴区、智能浴霸在天花板、智能毛巾架，整体是现代轻奢卫浴空间，蓝色科技氛围灯。Banner中央悬浮一个半透明毛玻璃控制面板，显示"卫浴模式"大字标题，副标"智能生活·舒适掌控"，下方三个数据：水温38℃、座温36℃、空气质量优，各配图标。Banner底部有轮播指示点。下方"我的设备"标题栏，右侧"设备管理>"。设备区域两行三列共6个卡片：智能马桶（显示座温36℃/水温38℃/风温28℃）、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器，每个卡片有设备实物图、名称、绿色在线小点、蓝色开关按钮。中间"场景推荐"标题栏，右侧"更多场景>"。下方三个场景卡片并排：起床模式（自动开盖+预热座圈）、淋浴模式（花洒+浴霸联动）、夜间模式（柔光夜灯），每个卡片有图标、标题、说明、场景小图和播放按钮。底部蓝色大按钮"+ 添加智能设备"。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中蓝色高亮）、服务、我的，每个Tab有线条图标和文字。整体科技洁净感，蓝白配色，圆角卡片，UI设计稿，高保真，界面清晰地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴全景场景。顶部导航栏"智家"标题，左侧"设备管理"文字，右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图，画面中同时展示：智能马桶、智能浴室镜带灯带、顶喷花洒淋浴区、智能浴霸在天花板、智能毛巾架，整体是现代轻奢卫浴空间，蓝色科技氛围灯。Banner中央悬浮一个半透明毛玻璃控制面板，显示"卫浴模式"大字标题，副标"智能生活·舒适掌控"，下方三个数据：水温38℃、座温36℃、空气质量优，各配图标。Banner底部有轮播指示点。下方"我的设备"标题栏，右侧"设备管理>"。设备区域两行三列共6个卡片：智能马桶（显示座温36℃/水温38℃/风温28℃）、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器，每个卡片有设备实物图、名称、绿色在线小点、蓝色开关按钮。中间"场景推荐"标题栏，右侧"更多场景>"。下方三个场景卡片并排：起床模式（自动开盖+预热座圈）、淋浴模式（花洒+浴霸联动）、夜间模式（柔光夜灯），每个卡片有图标、标题、说明、场景小图和播放按钮。底部蓝色大按钮"+ 添加智能设备"。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中蓝色高亮）、服务、我的，每个Tab有线条图标和文字。整体科技洁净感，蓝白配色，圆角卡片，UI设计稿，高保真，界面清晰
GD176642723GD176642723
GD620174842GD620174842
GD519480371GD519480371
趴着的猫趴着的猫
applemmapplemm
不一样的林大侠不一样的林大侠
用户0MqlX0rm用户0MqlX0rm
菜鸟程序猿菜鸟程序猿
GD1180302724GD1180302724
wangyihong234wangyihong234
[第6张] 应用场景矩阵页——雷达水位计多场景应用展示。本张参考【图3】的5个应用场景和【图6】的六边形场景内容。 [氛围/风格] 工业科技风，蓝色调，场景拼图版式，真实场景与图标结合，专业大气。 [元素布局] 画面顶部为标题区；中部为5个主要应用场景卡片，呈两行布局（上3下2），每个场景卡片包含真实场景缩略图+场景名称+简短说明：河流水位（河道水面监测实景）、城市积水监测（城市道路积水场景）、山洪预警（山区河道场景）、工业液位监测（工业罐体场景）、污水监测（污水处理场景）；下方为六边形扩展场景图标，包括水库水位监测、防洪预警、城市排水、农业灌溉、蓄水池水位监测、水文水利监测、江流湖泊水位监测等。背景为浅蓝渐变。 [光影质感] 场景图片有统一色调处理，卡片有轻微阴影，整体层次分明。 [配色色系] 全局底色 #EDF2F7 浅蓝灰；主色 #2B6CB0 深蓝；辅助色 #4299E1 中蓝、#FFFFFF 白色卡片；每个场景卡片用不同深浅蓝色区分。 [视角构图] 正面平视，网格布局，阅读动线顶部标题 → 中部5大场景 → 底部扩展场景图标。 [文字版式] 顶部主标题「多场景适用 全方位监测」，深蓝粗体；副标题「覆盖水利·市政·工业·农业等领域」；5个主场景卡片各有标题：「河流水位」「城市积水监测」「山洪预警」「工业液位监测」「污水监测」，配1-2行说明文字；底部六边形扩展场景图标各标注名称，文字清晰。 [比例分辨率] 3:4 竖版比例，宽度1080，高度1440，4K分辨率，文字清晰可辨。 [负向提示词] 文字错乱，文字过小，场景图片模糊，水印，布局混乱。[第6张] 应用场景矩阵页——雷达水位计多场景应用展示。本张参考【图3】的5个应用场景和【图6】的六边形场景内容。 [氛围/风格] 工业科技风，蓝色调，场景拼图版式，真实场景与图标结合，专业大气。 [元素布局] 画面顶部为标题区；中部为5个主要应用场景卡片，呈两行布局（上3下2），每个场景卡片包含真实场景缩略图+场景名称+简短说明：河流水位（河道水面监测实景）、城市积水监测（城市道路积水场景）、山洪预警（山区河道场景）、工业液位监测（工业罐体场景）、污水监测（污水处理场景）；下方为六边形扩展场景图标，包括水库水位监测、防洪预警、城市排水、农业灌溉、蓄水池水位监测、水文水利监测、江流湖泊水位监测等。背景为浅蓝渐变。 [光影质感] 场景图片有统一色调处理，卡片有轻微阴影，整体层次分明。 [配色色系] 全局底色 #EDF2F7 浅蓝灰；主色 #2B6CB0 深蓝；辅助色 #4299E1 中蓝、#FFFFFF 白色卡片；每个场景卡片用不同深浅蓝色区分。 [视角构图] 正面平视，网格布局，阅读动线顶部标题 → 中部5大场景 → 底部扩展场景图标。 [文字版式] 顶部主标题「多场景适用 全方位监测」，深蓝粗体；副标题「覆盖水利·市政·工业·农业等领域」；5个主场景卡片各有标题：「河流水位」「城市积水监测」「山洪预警」「工业液位监测」「污水监测」，配1-2行说明文字；底部六边形扩展场景图标各标注名称，文字清晰。 [比例分辨率] 3:4 竖版比例，宽度1080，高度1440，4K分辨率，文字清晰可辨。 [负向提示词] 文字错乱，文字过小，场景图片模糊，水印，布局混乱。
汉威科技集团汉威科技集团
1q91zme4idriar89-HB1q91zme4idriar89-HB
GD1180302724GD1180302724
GD1180302724GD1180302724