将这张手机 UI 截图重新设计为一版更现代、更精致的中文移动端… - 图片创意预览

将这张手机 UI 截图重新设计为一版更现代、更精致的中文移动端…

将这张手机 UI 截图重新设计为一版更现代、更精致的中文移动端界面，保持原页面为模态弹窗结构：顶部居中标题“食品检查智能助手”带右上角圆形关闭按钮；下方小标题“检查项分类”和右侧灰色统计“共 0 项”

用户头像

大汇软件卢诗佳

2026.09.18
大汇软件卢诗佳大汇软件卢诗佳
大汇软件卢诗佳大汇软件卢诗佳
大汇软件卢诗佳大汇软件卢诗佳
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
「图片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
用户vXZcisDq用户vXZcisDq
用户vXZcisDq用户vXZcisDq
瓜瓜牛o瓜瓜牛o
GD772623220GD772623220
GD772623220GD772623220
设计小灵猫设计小灵猫
9:16竖版手机原生界面截图，医药检验专业严谨科技风，主色调深紫+藏蓝，顶部包含安卓/苹果手机原生状态栏（显示时间、满格信号、WiFi图标、电量图标）。页面顶部AI模型原生导航栏，左侧返回箭头，居中醒目标注"AI 革兰氏染色质量检测模型"，右侧为历史记录、帮助中心两个原生功能图标。页面上半部分核心数据看板，居中放大加粗标注核心数据"脱色环节操作正确率 94%"，数字用深紫色高亮填充，数字下方标注小字说明"班级整体平均正确率 68%，超班级平均水平 26%"；看板内同步显示本次检测综合评分"92 分"、染色结果判定准确性"100%"、背景洁净度"90 分"、染色均匀度"88 分"的配套数据，每项数据搭配极简进度条可视化呈现。页面中间脱色环节专项AI识别分析区，分三个模块：第一模块操作识别详情，标注本次脱色操作时长、冲洗角度、乙醇浓度匹配度的AI识别结果，判定为「操作规范」；第二模块风险评估，标注「脱色不足致假阳性风险：低」「脱色过度致假阴性风险：低」；第三模块AI识别结论，标注「本次脱色环节操作符合临床检验规范标准，菌体染色分界清晰，可精准区分革兰氏阳性菌 / 阴性菌」。页面下半部分检测样本详情区，左右并排展示两张缩略图，左侧为学生本次上传的革兰氏染色镜下视野实拍图，右侧为AI模型内置的医院检验科标准留档对照图，图片上有AI识别标注的菌体染色区域、脱色效果关键点，图片下方标注「样本来源：学生实操染色片」「检测时间」「放大倍数：100× 油镜」的基础信息。页面最底部AI模型原生功能按钮栏，从左到右依次为「重新检测」「导出检测报告」「查看改进方案」三个主按钮，按钮样式贴合界面科技风，整体界面完全还原学生提交操作后AI模型出具检测结果的真实手机端界面，逻辑完整、细节精准，高清无水印，适配PPT插入使用，无任何自定义花哨修改。9:16竖版手机原生界面截图，医药检验专业严谨科技风，主色调深紫+藏蓝，顶部包含安卓/苹果手机原生状态栏（显示时间、满格信号、WiFi图标、电量图标）。页面顶部AI模型原生导航栏，左侧返回箭头，居中醒目标注"AI 革兰氏染色质量检测模型"，右侧为历史记录、帮助中心两个原生功能图标。页面上半部分核心数据看板，居中放大加粗标注核心数据"脱色环节操作正确率 94%"，数字用深紫色高亮填充，数字下方标注小字说明"班级整体平均正确率 68%，超班级平均水平 26%"；看板内同步显示本次检测综合评分"92 分"、染色结果判定准确性"100%"、背景洁净度"90 分"、染色均匀度"88 分"的配套数据，每项数据搭配极简进度条可视化呈现。页面中间脱色环节专项AI识别分析区，分三个模块：第一模块操作识别详情，标注本次脱色操作时长、冲洗角度、乙醇浓度匹配度的AI识别结果，判定为「操作规范」；第二模块风险评估，标注「脱色不足致假阳性风险：低」「脱色过度致假阴性风险：低」；第三模块AI识别结论，标注「本次脱色环节操作符合临床检验规范标准，菌体染色分界清晰，可精准区分革兰氏阳性菌 / 阴性菌」。页面下半部分检测样本详情区，左右并排展示两张缩略图，左侧为学生本次上传的革兰氏染色镜下视野实拍图，右侧为AI模型内置的医院检验科标准留档对照图，图片上有AI识别标注的菌体染色区域、脱色效果关键点，图片下方标注「样本来源：学生实操染色片」「检测时间」「放大倍数：100× 油镜」的基础信息。页面最底部AI模型原生功能按钮栏，从左到右依次为「重新检测」「导出检测报告」「查看改进方案」三个主按钮，按钮样式贴合界面科技风，整体界面完全还原学生提交操作后AI模型出具检测结果的真实手机端界面，逻辑完整、细节精准，高清无水印，适配PPT插入使用，无任何自定义花哨修改。
肥大大肥大大
参考原图的清新简约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设计风格，浅蓝渐变背景，信息分区清晰，层次分明参考原图的清新简约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设计风格，浅蓝渐变背景，信息分区清晰，层次分明
spirittrapspirittrap
GD220794368GD220794368
设计“银龄·康语”小程序的饮食顾问功能界面，严格继承系列设计语言：纯白色背景，浅蓝色为主色，橙色和绿色作为功能点缀色，保持界面极简焦点突出的老年友好原则，核心交互区域醒目。从上到下布局：顶部导航栏，左侧返回箭头+“< 返回”文字，中央标题区左侧红色苹果图标+右侧“饮食顾问”文字；屏幕上方1/3视觉中心是核心语音交互区，巨大浅蓝色圆形底色区域，中央是尺寸巨大的橙色填充麦克风图标，麦克风下方大号文字“您想问什么食物？”，圆形区域底部小字提示“长按麦克风说话”，麦克风周围添加细微同心圆扩散波纹暗示语音交互；语音交互区下方是历史建议展示区，左侧黄色灯泡图标+“上次记录”标题，右侧极浅灰色背景历史建议卡片，卡片内两行文字：第一行加粗用户问题“鸡蛋可以吃吗？”，第二行AI回答“可以。您血压正常，每天一个没问题。”其中“可以”一词用绿色突出显示，卡片底部小字“2024年10月22日 提供”；快捷查询入口区，标题“常吃食物，一键查”，下方水平排列三个大圆角浅蓝色按钮，深色文字：按钮1米饭图标+“米饭”，按钮2猪肉图标+“猪肉”，按钮3牛奶图标+“牛奶”；屏幕底部固定浅灰色常驻功能栏，文字“您也可以在这里手动输入问题”，右侧键盘图标。要求：橙色麦克风为第一视觉焦点，通过尺寸颜色对比实现，AI回答肯定关键词用绿色高亮，各功能区域留白充足，所有文字足够大，高清写实UI应用界面设计风格，和前三个界面保持绝对视觉统一性，专业级清晰度，细节清晰可辨。设计“银龄·康语”小程序的饮食顾问功能界面，严格继承系列设计语言：纯白色背景，浅蓝色为主色，橙色和绿色作为功能点缀色，保持界面极简焦点突出的老年友好原则，核心交互区域醒目。从上到下布局：顶部导航栏，左侧返回箭头+“< 返回”文字，中央标题区左侧红色苹果图标+右侧“饮食顾问”文字；屏幕上方1/3视觉中心是核心语音交互区，巨大浅蓝色圆形底色区域，中央是尺寸巨大的橙色填充麦克风图标，麦克风下方大号文字“您想问什么食物？”，圆形区域底部小字提示“长按麦克风说话”，麦克风周围添加细微同心圆扩散波纹暗示语音交互；语音交互区下方是历史建议展示区，左侧黄色灯泡图标+“上次记录”标题，右侧极浅灰色背景历史建议卡片，卡片内两行文字：第一行加粗用户问题“鸡蛋可以吃吗？”，第二行AI回答“可以。您血压正常，每天一个没问题。”其中“可以”一词用绿色突出显示，卡片底部小字“2024年10月22日 提供”；快捷查询入口区，标题“常吃食物，一键查”，下方水平排列三个大圆角浅蓝色按钮，深色文字：按钮1米饭图标+“米饭”，按钮2猪肉图标+“猪肉”，按钮3牛奶图标+“牛奶”；屏幕底部固定浅灰色常驻功能栏，文字“您也可以在这里手动输入问题”，右侧键盘图标。要求：橙色麦克风为第一视觉焦点，通过尺寸颜色对比实现，AI回答肯定关键词用绿色高亮，各功能区域留白充足，所有文字足够大，高清写实UI应用界面设计风格，和前三个界面保持绝对视觉统一性，专业级清晰度，细节清晰可辨。
1qzf34nxp4-OmqOw-HB1qzf34nxp4-OmqOw-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
6biryu0c9mepl9g-HB6biryu0c9mepl9g-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
「图片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「图片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
spirittrapspirittrap
GD1180302724GD1180302724
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB