已添加
登录/注册
deef386b9c9ac7ce471797aa6eacd42c
deef386b9c9ac7ce471797aa6eacd42c
1r98gbqoauW...
2026.08.05
做同款
参考原图的清新简约UI设计风格,生成设备运维APP首页界面: 1. 顶部状态栏:显示时间15:28,包含移动信号、WiFi和电量图标 2. 用户信息区:头像是紫色圆形标识,内含"超"字,账号名"超级管理员",所属部门"技术部・设备运维组",右上角有搜索按钮和消息通知按钮,消息按钮带红色角标显示"18" 3. 核心运行数据概览区:3张并列数据卡片,蓝色主题设备卡片显示"在线设备:18/21台 故障设备:3台",绿色主题安全卡片显示"AI值守摄像头:12路 今日安全事件:2起",橙色主题能耗卡片显示"今日用能:1,284 kWh 碳排量:0.73 t" 4. 常用功能入口区:2行4列宫格布局,共8个功能入口:第一行从左到右:设备管理、设备体检、楼宇态势、设备处置;第二行从左到右:设备维保、AI值守、设备巡检、能耗管理 5. 业务提醒横幅区:分类标签"安全值守",标题"AI摄像头布防提醒",说明文字"核对重点区域摄像头在线与告警状态",横向卡片横幅搭配监控场景背景图 6. 待办事项区:区域标题"待办事项",右侧带"流程中心 >"跳转入口,第一条待办工单(设备维保类)状态"待处置",工单名称"摄像头 CAM-023 年度维保",明细"编号 WB260506010、类型 零星维修、对应设备 摄像头 - 1",负责人"超级管理员",创建时间"2026-05-26 11:19",第二条仅露出"设备巡检"分类头部,内容被底部导航遮挡 7. 底部主导航栏:共5个Tab入口,当前停留在蓝色高亮的"首页",依次是:首页(当前选中)、设备、紫蓝渐变圆形主快捷按钮、工作台(右上角红点未读提示)、我的 整体保持清新干净的现代UI设计风格,浅蓝渐变背景,信息分区清晰,层次分明
spirittrap
「图片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
spirittrap
企业级智慧农业App告警中心页面设计,白色背景为主,顶部深墨绿色导航栏写着白色"告警中心",右侧白色筛选图标。下方三个Tab切换:全部、待处理、已处理,选中态为绿色下划线。再下方统计栏显示今日告警数和待处理数。主体白色背景上是告警卡片列表:第一张红色严重级别告警"1号棚温度过高报警",显示当前35.2℃阈值32℃,持续12分钟,右下角立即处理按钮;第二张橙色重要级别告警"3号棚控制器离线";第三张黄色一般告警"5号棚湿度偏低"。每张告警卡片左侧有对应颜色的状态图标。底部Tab栏。整体清爽专业,白色页面深绿头部,企业级SaaS后台风格,高保真移动端UI竖屏设计
1q2rqdj61m-HB
企业级智慧农业App告警中心页面设计,顶部深绿导航栏写着"告警中心"。下方有三个Tab:全部、待处理、已处理。再下方统计栏显示今日告警数和待处理数。主体是告警卡片列表:第一张红色严重级别告警"1号棚温度过高报警",显示当前35.2℃阈值32℃,持续12分钟,有立即处理按钮;第二张橙色重要级别告警"3号棚控制器离线";第三张黄色一般告警"5号棚湿度偏低"。每张告警卡片左侧有对应颜色的状态指示灯。整体风格专业严肃,企业级SaaS后台风格,深绿主色调,高保真移动端UI竖屏设计
1q2rqdj61m-HB
微信小程序UI设计规范稿,宠物APP「宠伴」我的设备页,750x1334px竖屏,严格微信小程序规范。顶部导航栏高88rpx,标题「我的设备」34rpx加粗,右侧加号图标。数据概览卡片高160rpx,三列数据:已绑定3台、在线2台、离线1台,数字40rpx加粗,标签24rpx灰色。设备列表:每张卡片高160rpx,内边距32rpx,左侧设备类型图标80rpx(定位器卫星、摄像头眼睛、喂食器碗),中间设备名称30rpx加粗,型号26rpx灰色,右侧状态绿点/灰点直径16rpx加文字24rpx。卡片底部操作按钮:在线查看(蓝色28rpx)、解绑(灰色28rpx)。定位器显示「最后定位:XX小区」26rpx。底部「去商城选购」入口高80rpx,文字30rpx暖棕色。底部TabBar高100rpx,5个Tab,选中「我的」。科技蓝加暖棕配色,严格小程序规范,纯UI设计稿,无真实人物
南枝12624
「图片1」## 顶部全局导航栏(页面最顶端) 1. 左侧:返回箭头按钮,可退回上一级设备列表页 2. 中间横向三标签(页面一级路由) - 设备档案(当前所属大模块,蓝色下划线高亮) - 设备物联 - 数据统计 3. 右侧:刷新图标,一键刷新全页面设备实时数据 ## 二、顶部简易实时物联数据栏(导航下方) 折叠简化版数据卡片,双栏展示设备核心运行状态: - 左栏:在线状态 → 在线 - 右栏:运行模式 → 制冷 完整数据需在「设备物联」标签页查看详情。 ## 三、二级功能 Tab 标签栏(页面子路由切换) 横向 7 个分类标签,蓝色下划线代表当前激活页面「生命周期」,所有设备管理功能全部收拢在此: 1. 控制:设备远程操控(开关、温度、模式调节) 2. 概览:设备基础参数总览 3. 动态:设备实时运行消息推送 4. 维保:保养工单、维保计划 5. 巡检:定期巡检任务与记录 6. 告警:设备异常告警清单、处置记录 7. 生命周期(当前页):设备全流程时间线档案 ## 四、核心区域:生命周期时间轴列表模块 ### 模块基础框架 左侧垂直**时间轴引导线** + 右侧独立事件卡片,每条事件左侧搭配对应功能图标区分业务类型,按时间由远到近从上至下排序。 ### 单条事件卡片统一字段模板 每条生命周期记录固定包含: 1. 事件标题(设备编号 + 业务类型:SB-CAMERA-0001 XXX) 2. 精确发生时间(年 - 月 - 日 时分秒) 3. 多组明细键值对(内容 / 位置 / 操作人员 / 投运状态等,随业务类型动态变化) ### 页面已展示 4 条生命周期节点(时间由早到晚) 1. **设备建档(2025-12-22)** 图标:档案文件;内容:录入设备基础参数,操作人:超级管理员 2. **设备投运(2026-01-21)** 图标:播放启动;完成联调正式上线,绑定安装位置暖通演示楼 2F 东侧 3. **巡检复核(2026-03-22)** 图标:勾选清单;季度巡检,核对设备运行参数 4. **维保记录(2026-04-11)** 图标:维修扳手;页面仅展示标题与时间,完整明细需下滑查看帮我设计APP
spirittrap
【方案B:结构优化版】智慧台架看板UI设计,重新设计信息架构。顶部标题栏左侧为'智慧台架看板',右侧有实时数据时间和告警铃铛图标带数字角标。顶部增加一行'今日总览'结论条:'整体运行良好,台架利用率81%,同比+6.3%',一句话总结。下方4个KPI大卡片横向排列:今日执行用例1286、新增问题113、未解决问题127(红色告警态带感叹号图标)、台架利用率81%,卡片有渐变光效,未解决问题卡片为红色警示风格。再下方是台架资源状态条,只展示关键3个状态:运行中、故障、总数,次要状态折叠。中间统计数据区域三个指标并排,每个配迷你趋势小图和上升下降箭头。下半屏是台架利用率趋势面积图,占满宽度,图表放大,有80%目标参考虚线,标注峰值数据。底部有Tab切换:台架利用率/开机运行时间/问题趋势/使用计划。整体深色科技蓝风格,信息层级清晰,重点突出。UI界面设计,B端数据看板。
131****0031
「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份:蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标:搜索、新增、设置,支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片,作为页面价值引导区: 主标题:设备业务应用,从工作台开始 补充说明:快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用:总览工作台核心业务范围,直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局,放置高频核心功能,支持自定义配置: 第一行:设备管理、空间态势、流程中心、AI 智能体 第二行:消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能,适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理,支持按业务维度切换筛选: 分类标签栏:包含「最近使用(当前选中)、设备业务、运营管理、流程协同」四类,附带更多分类按钮 当前「最近使用」分类下,展示 4 个近期高频使用的应用:设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航,共 5 个入口,当前高亮选中「工作台」页面,从左到右依次为:首页、设备、AI 智能体核心按钮(紫蓝渐变悬浮样式)、工作台、我的,支持快速切换核心业务板块。帮我生成APP
spirittrap
企业级智慧农业移动端App工作台总览页设计,深墨绿色顶部导航栏写着"工作台",右上角有消息铃铛图标。下方是概览统计卡片,显示基地数、大棚数、设备在线数、告警数。再往下是快速操作区四个图标按钮。中间是环境参数卡片组,温度25.3℃、湿度68%、光照32klux等数据卡片横向排列。下方是告警动态列表,有红色温度过高告警和黄色湿度偏低告警。再下方是基地列表卡片。底部有五个Tab导航:工作台、设备、告警、数据、我的。整体风格企业级SaaS,深绿主色调,专业稳重,高保真UI设计,移动端竖屏
1q2rqdj61m-HB
电化学储能电站全生命周期运维管理系统高保真UI设计,故障分析模块综合仪表盘页面。整体布局:顶部蓝色渐变导航栏(左侧logo和系统名称'SmartOps储能智慧运维平台',中间电站选择下拉框,右侧通知铃铛带红色数字角标、告警统计、用户头像),左侧深蓝色垂直菜单(包含实时监视、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理等模块,故障分析为当前展开状态,子菜单包含全场告警、电站告警、设备告警、告警事件、告警分析)。主内容区为告警综合分析大屏:顶部四个数据卡片分别展示告警总数、待处理告警、今日新增告警、已消除告警,每个卡片有图标和数值及环比趋势。中间区域左侧为告警趋势折线图(近7天告警数量变化,按故障等级分色),右侧为告警等级分布环形饼图(预警蓝色、轻故障黄色、重故障橙色、危急故障红色)。下方左侧为电站告警排名柱状图,右侧为设备类型告警分布表格。整体浅色B端设计风格,蓝白主色调,玻璃拟态卡片,圆角设计,清晰的层级关系,现代简洁的企业级后台管理系统界面,高质量UI细节,数据可视化图表丰富
xuyasha8108
科技感钥匙柜数据可视化大屏,安防集成平台,网格格子展示每个钥匙柜,标注在线离线状态,钥匙在位、离位和超时未归还状态标识,深色科技风格,大屏仅展示钥匙柜数据
GD835856161
达谙DAAN SmartOps能源管理云平台-故障分析页面,高保真UI设计,1920x1080,B端后台系统界面。严格保留原图所有内容模块不增不减。顶部导航栏严格按照参考图第8张一模一样:深蓝色渐变背景,左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标,中间搜索框(搜索电站名称、设备、编号等)带下拉箭头,背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰,右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名,颜色样式完全不变。左侧菜单栏严格按照参考图第8张一模一样:深蓝色背景,白色图标+白色文字,选中项青色高亮文字带青色圆点标记,菜单从上到下:实时监视(展开带箭头)、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析(选中青色高亮带青色圆点,展开箭头)、运维中心,颜色样式完全不变。面包屑:首页 > 故障分析。主内容区整体UI风格参照中国南方电网浅色风格,浅蓝白背景,白色卡片圆角柔和投影,标题带蓝色小竖线+蓝色图标。页面标题"故障分析"带蓝色小竖线,副标题"故障统计、类型分布、趋势分析与历史故障追溯",右上角全部电站下拉+导出按钮。顶部4个KPI数据卡片并排等宽,渐变色头部但改为浅色精致风格:今日故障(粉红渐变 1起 需及时处理小字)、本月故障(橙色渐变 22起 环比下降12%小字带下降箭头)、故障恢复率(绿色渐变 63.6% 目标95%小字)、平均修复时间(紫色渐变 159分钟 较上月缩短18min小字带下降箭头),每个卡片带圆形装饰图案,白色卡片底+彩色渐变顶部条。中间区域左右两个大卡片:左侧"故障类型分布"卡片,标题带蓝色小竖线+图标,柱状图7根柱子分别为:消防系统告警(红色 4)、SOC波动异常(橙色 4)、市电闪断(青色 5最高)、电池温度过高(绿色 3)、逆变器效率下降(浅紫 2)、冷却系统故障(粉红 2)、绝缘电阻偏低(蓝色 2),柱子圆角渐变填充,X轴为故障类型名称Y轴为数量,数据与原图完全一致。右侧"故障趋势(近30天)"卡片,标题带蓝色小竖线+图标,多折线面积图,三条线分别为紧急(红色)、重要(橙色)、一般(青色),折线有波动起伏有多个波峰波谷,X轴日期从9/5到10/3,图例在下方,渐变半透明填充,浅色精致风格。底部"故障列表"大卡片,标题带蓝色小竖线+图标,右上角搜索故障/设备搜索框+全部级别下拉+全部状态下拉+查询按钮。数据表格:表头浅蓝底色,列包括故障编号、级别(带颜色标签:紧急红/重要橙/一般黄)、故障名称、所属电站、设备、发生时间、恢复时间、修复时长、状态(处理中蓝色标签/已恢复绿色标签)、操作(详情 恢复 蓝色文字),斑马纹行交替,10条数据与原图完全一致(FT202609007消防系统告警处理中、FT202609011 SOC波动异常已恢复233分钟等),底部分页器(共22条 上一页 1 2 3 下一页 10条/页下拉)。整体浅色专业B端UI,图表精致渐变,数据完全保留原图内容。
xuyasha8108
以参考图为基础,保持完全一致的整体视觉风格、版式结构、配色与组件样式(深蓝黑色左侧导航栏、白色顶部栏、浅灰白内容区、蓝色主色调、细边框卡片、圆角表格、绿色状态标签、右下角分页控件),输出一张 16:9 的高保真“高精度定位管理平台”后台管理系统页面截图,横版满屏、文字清晰工整、无错别字。 左侧深色导航栏:顶部平台名称“高精度定位管理平台”,下方按参考图同样的图标与层级列出菜单:“首页”;“系统管理”(展开,含“岗位管理”“用户管理”“角色管理”“菜单管理”“部门管理”“字典管理”“参数设置”);“日志管理”(展开,含“操作日志”“登录日志”“系统监控”“定位数据上传日志统计”“预报警上报日志统计”);“定位设备管理”“定位对象管理”“地图管理”“预警管理”。其中新增菜单项“预报警上报日志统计”位于“定位数据上传日志统计”的正下方、同属“日志管理”分组,并作为当前选中项呈蓝色高亮背景。 顶部栏:左侧为折叠菜单图标与面包屑导航“首页 > 预报警上报日志统计”,右侧为带日历图标的日期范围选择器,显示“2026-09-22 14:30 至 09-24 14:30”。 右侧内容区左主区上方为柱状图卡片,标题“预报警上报频率趋势”,蓝色柱状,图例“上报频率”,横轴时间维度(09-22、09-23、09-24 等时刻),纵轴为频率刻度。 右侧内容区右上为“统计信息”面板,三张统计卡片纵向排列:带太阳图标的“当日平均值”及蓝色大号数值“16 次/min”;带日历图标的“当月平均值”及“19 次/min”;带网格图标的“季度平均值”及“17 次/min”。 主区下方为“预报警上报日志”数据表格,表格标题旁有小字说明“预警报警事件从发生到结束期间周期性上报监测状态”。表头列依次为“序号”“报警类型”“标签名称”“标签ID”“报警时间”“上报频率(次/min)”“状态”“备注”。共 8 行数据,每行“状态”为绿色标签“已结束”,“备注”为“预报警上报成功”: 第1行 “1” “聚集预警” “张五五” “20020158” “2026-09-22 14:30:11” “15” ; 第2行 “2” “长时间静止报警” “张子房” “10011028” “2026-09-22 18:45:23” “16” ; 第3行 “3” “超员报警” “测试人员702” “10011072” “2026-09-23 08:12:47” “17” ; 第4行 “4” “缺员报警” “测试人员188” “10011074” “2026-09-23 11:30:05” “18” ; 第5行 “5” “滞留报警” “外委人员” “25060742” “2026-09-23 16:58:31” “19” ; 第6行 “6” “聚集预警” “测试人员128” “25061052” “2026-09-23 21:20:14” “20” ; 第7行 “7” “长时间静止报警” “测试人员816” “10011046” “2026-09-24 09:05:52” “16” ; 第8行 “8” “超员报警” “测试人员1071” “10011061” “2026-09-24 14:30:11” “18” 。 表格底部为分页控件,显示“共 8 条”“10 条/页”及页码“1、2”,与参考图右下角分页样式一致。
雨青44758
重新生成暗色科技风格的储能平台后台管理界面,完全重新布局,不要沿用参考图的布局。保留所有核心数据模块:左侧导航菜单、顶部状态栏、储能装机容量233kWh、储能循环次数407.47次、安全运行412天、收益统计数据及图表、充放电量环形图、电量统计图表、计费方式数据等。重点优化峰谷时段电价图表:采用24小时柱状阶梯图形式,使用储能行业典型时段划分——尖峰:19-21点,高峰:10-12/18-19/21-22点,平段:8-10/12-14/17-18/22-24点,谷段:0-8点,深谷:0-6点。不同时段用不同颜色区分(尖峰橙红、峰橙黄、平蓝绿、谷深蓝、深谷深紫),标注各时段电价数值。整体暗色深色主题,科技感强,界面清晰现代,矢量风格线条清晰,元素分层明确
fD9y4qvF
h'h
1qyu9evlwsKlBgUQ-HB
「图片1」参考图片风格,重新生成画面内容,顶部用户信息与操作栏 左侧展示账号身份:蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标:搜索、新增、设置,支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片,作为页面价值引导区: 主标题:设备业务应用,从工作台开始 补充说明:快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用:总览工作台核心业务范围,直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局,放置高频核心功能,支持自定义配置: 第一行:设备管理、空间态势、流程中心、AI 智能体 第二行:消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能,适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理,支持按业务维度切换筛选: 分类标签栏:包含「最近使用(当前选中)、设备业务、运营管理、流程协同」四类,附带更多分类按钮 当前「最近使用」分类下,展示 4 个近期高频使用的应用:设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航,共 5 个入口,当前高亮选中「工作台」页面,从左到右依次为:首页、设备、AI 智能体核心按钮(紫蓝渐变悬浮样式)、工作台、我的,支持快速切换核心业务板块。生成APP
spirittrap
细化生成第一行第一张医疗器械APP界面,参考整体浅绿色清新医疗风格,生成清晰高保真手机界面,细节完整
Мойкомандир
电化学储能电站运维系统-故障分析-设备告警页面高保真UI设计。顶部蓝色渐变导航栏:左侧logo+系统名'SmartOps储能智慧运维平台',中间搜索框+电站下拉选择,右侧通知铃铛、用户头像。左侧深蓝色垂直菜单:故障分析展开高亮,子菜单中'设备告警'选中高亮,其他菜单同上。主内容区:面包屑导航,页面标题'设备告警'。顶部标签切换(日报表/历史报表)。筛选区:数据类型(未消除/已消除/全部),日期选择器带左右箭头切换,故障等级复选框,设备单元多选。可视化区:设备告警分布环形图(按设备类型分类占比),设备告警趋势折线图。下方数据表格:列包含设备名称、设备类型、所属电站、预警数、轻故障数、重故障数、危急故障数、告警总数、最后告警时间、操作(查看详情/导出)。空状态展示精美插画+暂无数据提示。整体浅色B端设计,蓝白主色调,玻璃拟态卡片,圆角,精致图标,现代后台管理系统界面
xuyasha8108
企业级智慧农业温室环控详情页设计,这是App核心控制页面。顶部深绿导航栏显示"1号温室大棚"和基地名称。下方绿色运行状态条显示"自动运行中"和最后更新时间。中间是环境参数横向卡片:温度25.3℃、湿度68%、光照、CO2等。核心区域是温度控制卡片,包含当前温度目标温度,温度滑块,联动设备状态(加热风机运行中、天窗关闭等),自动手动模式切换。下方还有湿度控制卡片和光照控制卡片。底部有历史数据和策略配置入口。右下角悬浮红色紧急停止按钮。整体工业控制面板风格,深绿主色调,数据清晰,操作明确,企业级专业UI,高保真移动端竖屏设计
1q2rqdj61m-HB
优化简化这个考勤数据页面,保持蓝色政务OA风格。简化内容:顶部蓝色导航栏更简洁,本月统计只保留3个核心数据卡片(出勤、迟到、请假),日历区域简化,去掉复杂的打卡记录,只保留今日打卡状态。整体更清爽简洁,卡片大圆角,浅灰背景,底部Tab导航栏。移动端UI设计,iPhone界面。
GD193819676
电化学储能电站运维系统-故障分析-告警分析页面高保真UI设计。顶部蓝色导航栏+左侧深蓝色菜单框架同上,故障分析子菜单中'告警分析'选中高亮。主内容区:顶部标签切换(告警事件/设备类型/故障等级),当前选中'告警事件'。页面标题'告警事件分析'。筛选区:时间范围选择器,设备单元单选。可视化分析区:第一部分'告警事件数量统计'折线面积图,多色线条展示不同等级告警趋势。第二部分'告警事件构成图'环形饼图,展示各故障等级占比。第三部分数据列表:列包含日期、预警数、轻故障数、重故障数、危急故障数、合计、环比。右侧侧边栏:TOP5告警故障排名列表,告警处理效率分析卡片(平均响应时间、平均处理时长、处理率)。整体浅色B端数据大屏风格,蓝白主色调,丰富的数据可视化图表,卡片式布局,圆角设计,精致渐变,现代企业级数据分析界面
xuyasha8108
企业级智慧农业App电柜管理页面设计,白色背景深绿顶部导航栏写着"电柜管理",左侧返回,右侧+新增电柜按钮。顶部面包屑:客户 > 基地 > 大棚 > 电柜管理。统计概览:电柜总数4台、在线3台、离线1台、告警1台。电柜列表卡片:每张卡片顶部电柜名称和编号,右上角在线/离线状态标签(绿色在线/红色离线)。卡片中间电柜示意图(工业电控柜线框图)。下方信息:所属大棚、DTU设备数2台、控制器总数32路、传感器8个。底部操作按钮:查看详情(绿色)、编辑(灰色)、删除(红色描边)。离线的电柜卡片有灰色遮罩效果,标注"最后在线:2小时前"。告警的电柜卡片有橙色边框和告警图标。整体深绿主色调白色背景,工业设备管理风格,高保真移动端UI竖屏设计
1q2rqdj61m-HB
企业级智慧农业App新自控策略-温度控制页面设计,白色背景深绿顶部导航栏写着"新自控策略",左侧返回右侧保存。页面结构:第一组基本信息卡片:策略名称输入框、适用大棚选择器、策略类型四个选项卡(温度控制选中深绿高亮/湿度控制/光照控制/通风策略)。第二组时间段配置卡片:四个时段胶囊按钮时段1(选中深绿)/时段2/时段3/时段4,下方开始时间06:00结束时间18:00,是否启用开关,当前编辑时段1。第三组目标参数卡片:目标温度26℃滑块,回差值1℃加减按钮,右侧温度计示意图展示死区范围25-27℃。第四组分级控制卡片:5级温度阶梯列表,第1级24-25℃顶窗开30%,第2级25-26℃顶窗开60%,第3级26-27℃顶窗全开+侧窗50%,第4级27-28℃全开+风机,第5级28-30℃全开+风机+湿帘,每级有编辑按钮,底部添加级别按钮。第五组保护规则:雨雪保护、极端风保护6级、高温报警32℃三个开关。第六组安全设置:互锁延时3秒、单次最长运行30秒、故障自动停止开关。底部绿色保存策略按钮。整体专业配置风格,深绿主色调,白色背景,高保真移动端UI竖屏
1q2rqdj61m-HB
企业级智慧农业App新自控策略-温度控制页面设计,白色背景深绿顶部导航栏写着"新自控策略",左侧返回右侧保存。页面结构:第一组基本信息卡片:策略名称输入框、适用大棚选择器、策略类型四个选项卡(温度控制选中深绿高亮/湿度控制/光照控制/通风策略)。第二组时间段配置卡片:四个时段胶囊按钮时段1(选中深绿)/时段2/时段3/时段4,下方开始时间06:00结束时间18:00,是否启用开关,当前编辑时段1。第三组目标参数卡片:目标温度26℃滑块,回差值1℃加减按钮,右侧温度计示意图展示死区范围25-27℃。第四组分级控制卡片:5级温度阶梯列表,第1级24-25℃顶窗开30%,第2级25-26℃顶窗开60%,第3级26-27℃顶窗全开+侧窗50%,第4级27-28℃全开+风机,第5级28-30℃全开+风机+湿帘,每级有编辑按钮,底部添加级别按钮。第五组保护规则:雨雪保护、极端风保护6级、高温报警32℃三个开关。第六组安全设置:互锁延时3秒、单次最长运行30秒、故障自动停止开关。底部绿色保存策略按钮。整体专业配置风格,深绿主色调,白色背景,高保真移动端UI竖屏
1q2rqdj61m-HB
企业级智慧农业App平台端告警中心页面设计,白色背景深绿顶部导航栏写着"告警中心",右侧筛选图标。顶部统计概览卡片:四个数据胶囊横向排列,今日告警28红色背景、待处理12橙色背景、已处理16绿色背景、已忽略4灰色背景。下方Tab切换:全部告警(选中深绿下划线)/设备告警/策略告警/系统告警。告警筛选栏:级别筛选(全部/严重/重要/一般)、时间筛选、客户/基地筛选。告警列表卡片:每张卡片左侧有对应颜色的竖条标识级别(红色严重/橙色重要/黄色一般)。卡片内容:告警标题"1号棚温度过高"、所属客户和基地名称、告警时间、当前值/阈值。右侧状态标签(待处理橙色/已处理绿色)。严重告警卡片有红色边框高亮。底部有批量处理栏:全选、标记已处理、忽略、导出。底部Tab栏三个:导航/告警(选中)/我的。整体深绿主色调白色背景,专业告警中心风格,高保真移动端UI竖屏设计
1q2rqdj61m-HB