保留原图所有设计元素和文案内容,将图片调整为横版,生成尺寸为2… - 图片创意预览

保留原图所有设计元素和文案内容,将图片调整为横版,生成尺寸为2…

保留原图所有设计元素和文案内容,将图片调整为横版,生成尺寸为2048px × 1490px,保持绿色清新办公风格和安全生产APP宣传内容不变

用户头像

1qhnt4ttbyA...

2026.07.09
「图片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
[商品] 使用【图1】墨宝学生手机X1,白色机身,保留正面屏幕、Home键、背面Logo与摄像头结构;产品处理:保持外观结构不变,屏幕内容替换为真题试卷界面,界面风格与输入图App图标风格统一。 [画面] 页面目标:核心卖点深度讲解-真题试卷,展示权威真题名校试卷资源。版式:左文右图分栏,产品位于右侧,呈30度侧立角度,占画面约45%,屏幕放大展示真题试卷应用,显示名校试卷、题目解析、错题本界面。左侧上方主标题,下方三个信息卡片纵向排列,分别对应「同步教材真题」「名校试卷资源」「智能错题整理」,每张卡片配线性图标与简短说明。背景为浅灰蓝色,底部有堆叠的试卷与书本元素装饰。 [视觉] 套系策略:风格=京东品质科技学习风 简洁稳重;标题字=无衬线粗黑体;正文字=无衬线常规体;主色=象牙白+科技蓝;背景延展=浅灰蓝渐变,底部叠加书本试卷元素层;强调色=亮蓝色;标题色=深蓝色;正文色=深灰色;组件=圆角白色信息卡片、细线图标、分割线;光影=左上45度主光,机身侧面高光带,卡片轻微浮起投影,层次分明。 [文字] 左上主标题「海量真题试卷 随时练随时学」,副标题「覆盖全学科 同步名校资源」。下方三张圆角信息卡片,每张顶部图标+标题+一行说明文字:「同步教材 紧跟教学进度」「名校真题 权威试卷资源」「错题自动整理 高效复习」。文字横排,字号层级清晰,手机端可读。 [规格] 比例3:4竖版,4K分辨率,产品清晰,屏幕内容可辨识。禁止京东Logo、绝对化用语、虚构学校名称、杂乱元素。禁止改变产品外观结构。[商品] 使用【图1】墨宝学生手机X1,白色机身,保留正面屏幕、Home键、背面Logo与摄像头结构;产品处理:保持外观结构不变,屏幕内容替换为真题试卷界面,界面风格与输入图App图标风格统一。
[画面] 页面目标:核心卖点深度讲解-真题试卷,展示权威真题名校试卷资源。版式:左文右图分栏,产品位于右侧,呈30度侧立角度,占画面约45%,屏幕放大展示真题试卷应用,显示名校试卷、题目解析、错题本界面。左侧上方主标题,下方三个信息卡片纵向排列,分别对应「同步教材真题」「名校试卷资源」「智能错题整理」,每张卡片配线性图标与简短说明。背景为浅灰蓝色,底部有堆叠的试卷与书本元素装饰。
[视觉] 套系策略:风格=京东品质科技学习风 简洁稳重;标题字=无衬线粗黑体;正文字=无衬线常规体;主色=象牙白+科技蓝;背景延展=浅灰蓝渐变,底部叠加书本试卷元素层;强调色=亮蓝色;标题色=深蓝色;正文色=深灰色;组件=圆角白色信息卡片、细线图标、分割线;光影=左上45度主光,机身侧面高光带,卡片轻微浮起投影,层次分明。
[文字] 左上主标题「海量真题试卷 随时练随时学」,副标题「覆盖全学科 同步名校资源」。下方三张圆角信息卡片,每张顶部图标+标题+一行说明文字:「同步教材 紧跟教学进度」「名校真题 权威试卷资源」「错题自动整理 高效复习」。文字横排,字号层级清晰,手机端可读。
[规格] 比例3:4竖版,4K分辨率,产品清晰,屏幕内容可辨识。禁止京东Logo、绝对化用语、虚构学校名称、杂乱元素。禁止改变产品外观结构。
毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。 左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP防骗测试页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。 右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"防骗测试"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。 3. 正文段落:较大字号深灰色文字,内容为"'防骗测试'页面通过情境化题目检验用户对诈骗风险的识别能力,结合答题进度、选项判断和测试信息构建清晰的答题流程。题目内容贴近常见诈骗场景,引导用户将已学习的防骗知识运用于实际判断,并为后续测试结果与能力分析提供衔接。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。 整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。 画面中必须完整呈现以下文字信息:"防骗测试"、"设计说明"、"'防骗测试'页面通过情境化题目检验用户对诈骗风险的识别能力,结合答题进度、选项判断和测试信息构建清晰的答题流程。题目内容贴近常见诈骗场景,引导用户将已学习的防骗知识运用于实际判断,并为后续测试结果与能力分析提供衔接。" 画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。

左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP防骗测试页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。

右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"防骗测试"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。
3. 正文段落:较大字号深灰色文字,内容为"'防骗测试'页面通过情境化题目检验用户对诈骗风险的识别能力,结合答题进度、选项判断和测试信息构建清晰的答题流程。题目内容贴近常见诈骗场景,引导用户将已学习的防骗知识运用于实际判断,并为后续测试结果与能力分析提供衔接。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。

整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。

画面中必须完整呈现以下文字信息:"防骗测试"、"设计说明"、"'防骗测试'页面通过情境化题目检验用户对诈骗风险的识别能力,结合答题进度、选项判断和测试信息构建清晰的答题流程。题目内容贴近常见诈骗场景,引导用户将已学习的防骗知识运用于实际判断,并为后续测试结果与能力分析提供衔接。"

画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。