将这张手机 UI 截图重新设计为与参考图完全相同的现代风格：白… - 图片创意预览

将这张手机 UI 截图重新设计为与参考图完全相同的现代风格：白…

将这张手机 UI 截图重新设计为与参考图完全相同的现代风格：白色圆角模态弹窗、青蓝色点缀、圆角大卡片、蓝绿渐变胶囊主按钮。保持页面内容不变：顶部居中标题“食品检查智能助手”和右上角圆形关闭按钮；浅蓝色

用户头像

大汇软件卢诗佳

2026.09.18
大汇软件卢诗佳大汇软件卢诗佳
大汇软件卢诗佳大汇软件卢诗佳
大汇软件卢诗佳大汇软件卢诗佳
设计“银龄·康语”小程序的饮食顾问功能界面，严格继承系列设计语言：纯白色背景，浅蓝色为主色，橙色和绿色作为功能点缀色，保持界面极简焦点突出的老年友好原则，核心交互区域醒目。从上到下布局：顶部导航栏，左侧返回箭头+“< 返回”文字，中央标题区左侧红色苹果图标+右侧“饮食顾问”文字；屏幕上方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
用户ui9I8KBA用户ui9I8KBA
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
6biryu0c9mepl9g-HB6biryu0c9mepl9g-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
GD772623220GD772623220
GD772623220GD772623220
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
6biryu0c9mepl9g-HB6biryu0c9mepl9g-HB
设计小灵猫设计小灵猫
МойкомандирМойкомандир
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
GD977651930GD977651930
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
瓜瓜牛o瓜瓜牛o
用户ui9I8KBA用户ui9I8KBA
「图片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
678typ3ch-HB678typ3ch-HB