安全承诺留言页H5设计，红蓝主色调，顶部标题"共筑安全防线"，中间留白供用户写下安全承诺-GD211270803-稿定 AI

创意预览图

安全承诺留言页H5设计，红蓝主色调，顶部标题"共筑安全防线"，中间留白供用户写下安全承诺，底部有确认生成按钮，简约扁平化设计，积极正向

GD211270803

2026.03.17

安全知识连连看互动H5页面，红蓝主色调，页面布局为左侧安全领域选项卡、右侧案例选项卡，顶部标题"安全知识连连看"，底部有提交核对按钮，扁平化设计，网格布局，简约清晰科技感

安全知识连连看互动H5页面，红蓝主色调，页面布局为左侧安全领域选项卡、右侧案例选项卡，顶部标题"安全知识连连看"，底部有提交核对按钮，扁平化设计，网格布局，简约清晰科技感

"国家安全你我他——共筑十五五安全防线"H5首页，红蓝主色调，中心大盾牌守护地球，周围环绕网络节点、生态绿植元素，扁平化动态插画，顶部主标题，副标题"十五五新征程，安全护航每一程"，底部有立即进入按钮，科技感亲和力

"国家安全你我他——共筑十五五安全防线"H5首页，红蓝主色调，中心大盾牌守护地球，周围环绕网络节点、生态绿植元素，扁平化动态插画，顶部主标题，副标题"十五五新征程，安全护航每一程"，底部有立即进入按钮，科技感亲和力

安全守护者闯关答题H5页面，红蓝主色调，顶部显示关卡进度条，中间显示题目和四个选项按钮，底部有下一题按钮，标题"安全守护者闯关"，扁平化设计，简约清晰科技感

安全守护者闯关答题H5页面，红蓝主色调，顶部显示关卡进度条，中间显示题目和四个选项按钮，底部有下一题按钮，标题"安全守护者闯关"，扁平化设计，简约清晰科技感

隐患找茬互动H5页面，红蓝主色调，中心是一张办公室场景图，预留了三处安全隐患点位置，顶部标题"来找茬：识别安全隐患"，底部有提交检查按钮，扁平化设计，简约清晰，标注提示框占位

隐患找茬互动H5页面，红蓝主色调，中心是一张办公室场景图，预留了三处安全隐患点位置，顶部标题"来找茬：识别安全隐患"，底部有提交检查按钮，扁平化设计，简约清晰，标注提示框占位

国家安全主题预热宣传海报，主题文字为“国家安全你我他——共筑十五五安全防线”，红蓝主色调，中心是盾牌守护地球，周围点缀网络节点元素，扁平化设计风格，动态插画风格，配文字“国家安全无小事，你我都是守护者”，科技感，简洁有力

国家安全主题预热宣传海报，主题文字为“国家安全你我他——共筑十五五安全防线”，红蓝主色调，中心是盾牌守护地球，周围点缀网络节点元素，扁平化设计风格，动态插画风格，配文字“国家安全无小事，你我都是守护者”，科技感，简洁有力

总体国家安全观知识科普H5页面，红蓝主色调，展示政治、经济、文化、社会、生态、网络六大安全领域卡片，每个领域配简约图标，左侧文字简介标题，右侧小图示意，扁平化设计，顶部标题"一图读懂总体国家安全观"，科技感动态插画风格

总体国家安全观知识科普H5页面，红蓝主色调，展示政治、经济、文化、社会、生态、网络六大安全领域卡片，每个领域配简约图标，左侧文字简介标题，右侧小图示意，扁平化设计，顶部标题"一图读懂总体国家安全观"，科技感动态插画风格

卡通风格安全生产五进进社区宣传海报，主标题"安全生产五进"，副标题"进社区筑牢安全防线"，卖点标签依次为"消防安全"、"电梯安全"、"燃气安全"、"电动车充电安全"、"居家安全"，整体为明亮活泼的卡通插画风格，绘制简约卡通社区建筑、居民、消防栓、电梯、电动车等相关安全元素，所有文字清晰工整排版，保持2:3竖版比例，风格简约主题明确，卡通可爱温馨

卡通风格安全生产五进进社区宣传海报，主标题"安全生产五进"，副标题"进社区筑牢安全防线"，卖点标签依次为"消防安全"、"电梯安全"、"燃气安全"、"电动车充电安全"、"居家安全"，整体为明亮活泼的卡通插画风格，绘制简约卡通社区建筑、居民、消防栓、电梯、电动车等相关安全元素，所有文字清晰工整排版，保持2:3竖版比例，风格简约主题明确，卡通可爱温馨

平安是福靖靖

国家安全作品征集H5页面，红蓝主色调，顶部标题"安全创意作品征集"，中间展示优秀作品展示卡片区域，下方有上传按钮和投稿说明文字，提示支持多种作品类型提交，扁平化设计，简约大气

国家安全作品征集H5页面，红蓝主色调，顶部标题"安全创意作品征集"，中间展示优秀作品展示卡片区域，下方有上传按钮和投稿说明文字，提示支持多种作品类型提交，扁平化设计，简约大气

安全守护者电子证书H5页面，红蓝主色调，顶部盾牌奖章装饰，中心大标题"安全守护者证书"，预留用户姓名位置，下方标注恭喜完成所有国家安全知识互动，底部带保存分享按钮，简约庄重扁平化设计

安全守护者电子证书H5页面，红蓝主色调，顶部盾牌奖章装饰，中心大标题"安全守护者证书"，预留用户姓名位置，下方标注恭喜完成所有国家安全知识互动，底部带保存分享按钮，简约庄重扁平化设计

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

小红书3:4竖版宣传图，网络安全主题，浅蓝色科技感背景。顶部标题"网络安全"配网络节点图标。左侧文字框内容："• 不随意泄露个人信息\n• 不浏览不良网站\n• 不随意下载软件"。右侧插画为小学生使用笔记本电脑学习，屏幕显示安全提示界面，周围有盾牌、对话气泡等元素，风格扁平温馨，突出数字素养教育，适合教师课件推广

小红书3:4竖版宣传图，网络安全主题，浅蓝色科技感背景。顶部标题"网络安全"配网络节点图标。左侧文字框内容："• 不随意泄露个人信息\n• 不浏览不良网站\n• 不随意下载软件"。右侧插画为小学生使用笔记本电脑学习，屏幕显示安全提示界面，周围有盾牌、对话气泡等元素，风格扁平温馨，突出数字素养教育，适合教师课件推广

将这张安全生产五进进企业海报裁剪调整为2:3竖版比例，保留所有文字和卡通元素，重新构图适配竖版，保持原有的明快卡通风格不变

将这张安全生产五进进企业海报裁剪调整为2:3竖版比例，保留所有文字和卡通元素，重新构图适配竖版，保持原有的明快卡通风格不变

平安是福靖靖

将这张安全生产五进进企业海报裁剪调整为2:3竖版比例，保留所有文字和卡通元素，重新构图适配竖版，保持原有的明快卡通风格不变

将这张安全生产五进进企业海报裁剪调整为2:3竖版比例，保留所有文字和卡通元素，重新构图适配竖版，保持原有的明快卡通风格不变

平安是福靖靖

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

图片描述：中心标题为 “办公安全 5 大准则”，周围分 5 个对称模块，每个模块含 “图标 + 准则 + 简短说明”：密码安全：密码锁图标，文字 “专属且复杂（字母 + 数字 + 符号），重要账号开双认证”；链接防护：红色叉号图标，文字 “陌生链接 / APP 不碰，官方渠道下载软件”；信息传输：禁止发送图标，文字 “涉密文件不用私人工具，离职注销账号 + 删数据”；设备防护：盾牌杀毒图标，文字 “及时更新系统 / 杀毒软件，不连公共 WiFi 办公”；异常上报：对话框图标，文字 “发现卡顿 / 异常登录，立即联系安全部门”；整体色调为蓝色，模块间用浅色分隔线，清晰易读，适合办公场景张贴或保存。

移动端维保消防设施助手登录页界面设计，竖版，尺寸750*1624px，头图为3D创意消防设施视觉设计，突出主次交互，字体设计具有创意，大厂运营图高级质感，画面整洁元素清晰，文字无乱码，设计专业UI界面

移动端维保消防设施助手登录页界面设计，竖版，尺寸750*1624px，头图为3D创意消防设施视觉设计，突出主次交互，字体设计具有创意，大厂运营图高级质感，画面整洁元素清晰，文字无乱码，设计专业UI界面

反诈骗宣传公益海报，极简风格，灰白色简约干净背景，大号文字“全民反诈，守护平安”，辅以简单图标装饰，整体简洁不杂乱

反诈骗宣传公益海报，极简风格，灰白色简约干净背景，大号文字“全民反诈，守护平安”，辅以简单图标装饰，整体简洁不杂乱

现代感插画风格，融合科技蓝与工业元素，3D透视呈现施工现场，突出安全生产主题，安全标识清晰，传递严谨规范的节日宣传氛围。

现代感插画风格，融合科技蓝与工业元素，3D透视呈现施工现场，突出安全生产主题，安全标识清晰，传递严谨规范的节日宣传氛围。

1qz04lfg0ljP2tmQ-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

国家安全互动游戏模块核心视觉图，红蓝主色调，包含知识闯关、隐患找茬、安全连连看三个互动入口图标，盾牌元素，流动网络数据插画，生态绿植点缀，扁平化风格，科技感

国家安全互动游戏模块核心视觉图，红蓝主色调，包含知识闯关、隐患找茬、安全连连看三个互动入口图标，盾牌元素，流动网络数据插画，生态绿植点缀，扁平化风格，科技感

红色系2026年安全生产月高清长图，插画图文结合，主题是企业安全生产和工人安全作业，画面包含工人规范作业场景，配有相关安全标语文字，整体风格积极鲜明，高清画质

红色系2026年安全生产月高清长图，插画图文结合，主题是企业安全生产和工人安全作业，画面包含工人规范作业场景，配有相关安全标语文字，整体风格积极鲜明，高清画质

设计移动端app维保消防设施平台运营UI引子页，竖版750*1624px，主图为3D创意视觉，主题为“维保消防设施平台”，B端风格，浅蓝色调，大厂运营图高级质感，突出内容主次，交互逻辑清晰，文字无乱码，元素清晰，画面整洁

设计移动端app维保消防设施平台运营UI引子页，竖版750*1624px，主图为3D创意视觉，主题为“维保消防设施平台”，B端风格，浅蓝色调，大厂运营图高级质感，突出内容主次，交互逻辑清晰，文字无乱码，元素清晰，画面整洁

安全生产六化宣传图版，主标题"安全生产六化"，分六个模块介绍，一、网格化：划分安全网格，责任到人到岗，乡镇街道、村社区、企业三级联动巡查；二、专业化：配强专业安全管理人员，持证上岗，专家指导，专项培训，规范执法；三、数字化：线上台账、隐患上报、智能监测预警，数据共享、动态管控、闭环管理；四、全员化：人人有责、人人尽责、人人会应急，全员培训、全员排查、全员演练；五、实体化：安全管理机构、人员、经费、制度四落实，专兼职安全员在岗在位、履职到位；六、手册化：岗位安全手册、操作规程、应急卡简明易懂，图文并茂、随手可查、规范作业。整体为明亮清晰的卡通风格，六个模块分区域整齐排版，所有文字清晰可读，搭配简约安全主题卡通图标，2:3竖版

安全生产六化宣传图版，主标题"安全生产六化"，分六个模块介绍，一、网格化：划分安全网格，责任到人到岗，乡镇街道、村社区、企业三级联动巡查；二、专业化：配强专业安全管理人员，持证上岗，专家指导，专项培训，规范执法；三、数字化：线上台账、隐患上报、智能监测预警，数据共享、动态管控、闭环管理；四、全员化：人人有责、人人尽责、人人会应急，全员培训、全员排查、全员演练；五、实体化：安全管理机构、人员、经费、制度四落实，专兼职安全员在岗在位、履职到位；六、手册化：岗位安全手册、操作规程、应急卡简明易懂，图文并茂、随手可查、规范作业。整体为明亮清晰的卡通风格，六个模块分区域整齐排版，所有文字清晰可读，搭配简约安全主题卡通图标，2:3竖版

平安是福靖靖