移动端维保消防设施助手登录页界面设计，竖版，尺寸750*1624px，头图为3D创意消防设施视觉设计-applemm-稿定 AI

创意预览图

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

用户头像

applemm

2026.05.26

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

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

写实商业风格消防安全宣传海报，严肃正式，画面包含主标题"消防安全"，副标题"防范未然生命至上"，装饰文案"关注消防 · 平安你我"，卖点标签"预防隐患"、"安全第一"、"从我做起"，整体版式精美，采用消防红与沉稳灰配色，加入灭火器、消防栓等消防元素，背景简洁突出文字信息，传递消防安全知识，提升公众防范意识，核心目标信息传达，画面比例9:16

写实商业风格消防安全宣传海报，严肃正式，画面包含主标题"消防安全"，副标题"防范未然生命至上"，装饰文案"关注消防 · 平安你我"，卖点标签"预防隐患"、"安全第一"、"从我做起"，整体版式精美，采用消防红与沉稳灰配色，加入灭火器、消防栓等消防元素，背景简洁突出文字信息，传递消防安全知识，提升公众防范意识，核心目标信息传达，画面比例9:16

太消科技消防单人值守业务宣传折页第五面，科技蓝+消防红配色，专业清晰风格，大标题文字"免费升级改造，消防能力全面翻倍"，上方三张配图分别是消控室改造前后对比图、智能监控设备实拍图和云端平台界面图，左侧列出全免费改造清单，右侧介绍预警更及时、处置更高效、管理更规范、防护更全面四项消防能力提升亮点，带对勾图标，图文比例1:1，排版清晰整洁

太消科技消防单人值守业务宣传折页第五面，科技蓝+消防红配色，专业清晰风格，大标题文字"免费升级改造，消防能力全面翻倍"，上方三张配图分别是消控室改造前后对比图、智能监控设备实拍图和云端平台界面图，左侧列出全免费改造清单，右侧介绍预警更及时、处置更高效、管理更规范、防护更全面四项消防能力提升亮点，带对勾图标，图文比例1:1，排版清晰整洁

9:16竖版海报：顶部大字‘一证在手·就业无忧’；副标题‘消防设施操作员官方认证全国通用刚需好岗’；画面左侧两个红色图标从上到下依次是：灭火器、消防栓；画面右侧是半透明渐变蓝红消防员剪影，手持证书；背景为浅奶油到浅蓝渐变风格，简约干净，无水印，无AI生成痕迹，排版高级舒适

9:16竖版海报：顶部大字‘一证在手·就业无忧’；副标题‘消防设施操作员官方认证全国通用刚需好岗’；画面左侧两个红色图标从上到下依次是：灭火器、消防栓；画面右侧是半透明渐变蓝红消防员剪影，手持证书；背景为浅奶油到浅蓝渐变风格，简约干净，无水印，无AI生成痕迹，排版高级舒适

1qewshbod3vKZBJQ-HB

基于原图修改，更换为明亮浅色系背景，保留全部文案内容不变，将风格修改为卡通科普风格，增加灭火器、插座等防火防电相关卡通元素，整体画面明亮活泼，保持原版式和文字位置，比例9:16

基于原图修改，更换为明亮浅色系背景，保留全部文案内容不变，将风格修改为卡通科普风格，增加灭火器、插座等防火防电相关卡通元素，整体画面明亮活泼，保持原版式和文字位置，比例9:16

创意 × 2

1r6uepjfneqPprRw-HB

基于原图修改，保留核心文案"防火防电安全出行"和三大卖点，简化为更简洁的版本，去掉过多装饰元素和复杂背景，保持明亮浅色调和卡通风格，画面干净简洁，信息层级清晰，比例9:16

基于原图修改，保留核心文案"防火防电安全出行"和三大卖点，简化为更简洁的版本，去掉过多装饰元素和复杂背景，保持明亮浅色调和卡通风格，画面干净简洁，信息层级清晰，比例9:16

创意 × 2

1r6uepjfneqPprRw-HB

基于原图修改，保留核心文案"防火防电安全出行"和三大卖点，简化为更简洁的版本，去掉过多装饰元素和复杂背景，保持明亮浅色调和卡通风格，画面干净简洁，信息层级清晰，比例9:16

基于原图修改，保留核心文案"防火防电安全出行"和三大卖点，简化为更简洁的版本，去掉过多装饰元素和复杂背景，保持明亮浅色调和卡通风格，画面干净简洁，信息层级清晰，比例9:16

创意 × 2

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

太消科技消防业务宣传折页封底，科技蓝+消防红配色，专业风格，标题文字"携手太消科技，让消防值守更简单"，展示适用场景、合作保障、联系方式，标注限时合作福利，底部标注品牌 slogan，排版简洁大气，无违规敏感内容

太消科技消防业务宣传折页封底，科技蓝+消防红配色，专业风格，标题文字"携手太消科技，让消防值守更简单"，展示适用场景、合作保障、联系方式，标注限时合作福利，底部标注品牌 slogan，排版简洁大气，无违规敏感内容

太消科技消防单人值守业务宣传折页第二面，科技蓝+消防红配色，专业简洁风格，大标题文字"政策护航·合规先行，单人值守合法落地"，左侧配深圳消防政策示意图，右侧配简约线条风格单人值守合规流程图，正文介绍合规依据与业务定义，下方四个带勾选标的核心优势，图文比例1:1，排版简洁大气

太消科技消防单人值守业务宣传折页第二面，科技蓝+消防红配色，专业简洁风格，大标题文字"政策护航·合规先行，单人值守合法落地"，左侧配深圳消防政策示意图，右侧配简约线条风格单人值守合规流程图，正文介绍合规依据与业务定义，下方四个带勾选标的核心优势，图文比例1:1，排版简洁大气

3D卡通风格，萌趣消防员与拟人灭火器互动，现代感十足，传递消防安全知识，色彩明亮，富有童趣与教育意义。

3D卡通风格，萌趣消防员与拟人灭火器互动，现代感十足，传递消防安全知识，色彩明亮，富有童趣与教育意义。

1q253tyi6f1ivm77o-HB

物业小程序服务热线页面设计，展示物业总机、工程维修、客服投诉、安保值班四个热线电话，附带物业办公地址和营业时间，点击可唤起拨号弹窗，简约蓝色UI，移动端界面

物业小程序服务热线页面设计，展示物业总机、工程维修、客服投诉、安保值班四个热线电话，附带物业办公地址和营业时间，点击可唤起拨号弹窗，简约蓝色UI，移动端界面

物业小程序登录切换账号页面UI设计，主色调简约蓝色，包含手机号输入框、验证码输入框，楼栋单元房号绑定区域，获取验证码按钮和登录按钮，顶部显示小程序logo和欢迎语，现代简约UI设计风格，微信小程序移动端界面

物业小程序登录切换账号页面UI设计，主色调简约蓝色，包含手机号输入框、验证码输入框，楼栋单元房号绑定区域，获取验证码按钮和登录按钮，顶部显示小程序logo和欢迎语，现代简约UI设计风格，微信小程序移动端界面

物业小程序首页设计，包含轮播图模块、功能菜单列表模块、物业公告模块、服务列表模块五个模块，默认落地页，移动端微信小程序界面，蓝色简约现代风格

物业小程序首页设计，包含轮播图模块、功能菜单列表模块、物业公告模块、服务列表模块五个模块，默认落地页，移动端微信小程序界面，蓝色简约现代风格

设计登录页面，参考图1的所有内容：包含手机号输入框、验证码输入框、邀请码输入框、登录按钮、密码登录按钮、去注册按钮，以及同意用户协议和隐私政策选项，将背景和整体风格修改为和首页一致的深蓝色风格，排版协调统一

设计登录页面，参考图1的所有内容：包含手机号输入框、验证码输入框、邀请码输入框、登录按钮、密码登录按钮、去注册按钮，以及同意用户协议和隐私政策选项，将背景和整体风格修改为和首页一致的深蓝色风格，排版协调统一

1r8hdo2ld0xlT4kw-HB

设计登录页面，参考图1的所有内容：包含手机号输入框、验证码输入框、邀请码输入框、登录按钮、密码登录按钮、去注册按钮，以及同意用户协议和隐私政策选项，将背景和整体风格修改为和首页一致的深蓝色风格，排版协调统一

设计登录页面，参考图1的所有内容：包含手机号输入框、验证码输入框、邀请码输入框、登录按钮、密码登录按钮、去注册按钮，以及同意用户协议和隐私政策选项，将背景和整体风格修改为和首页一致的深蓝色风格，排版协调统一

1r8hdo2ld0xlT4kw-HB

写实照片，手机屏幕上显示车险APP的车辆保险报案界面，整体画面干净专业，保险理赔主题，写实风格，清晰度高

写实照片，手机屏幕上显示车险APP的车辆保险报案界面，整体画面干净专业，保险理赔主题，写实风格，清晰度高

1qxyxlu5n3YStyrg-HB

PPT第9页，标题"🛡️ 安全规范服务放心"，内容：每日闭馆后消杀 + 设备巡检；每月消防演练 + 安保24h巡查；大型活动专项应急预案；财务/资产/场地使用管理制度健全；标语：让职工安心来、满意归。排版简洁，安全感蓝色调

PPT第9页，标题"🛡️ 安全规范服务放心"，内容：每日闭馆后消杀 + 设备巡检；每月消防演练 + 安保24h巡查；大型活动专项应急预案；财务/资产/场地使用管理制度健全；标语：让职工安心来、满意归。排版简洁，安全感蓝色调

写实商业摄影，城市轨道交通消防安全公益宣传海报，整体风格醒目严肃，安全警示调性，适配地铁站厅张贴。主视觉为现代化地铁站厅场景，包含消防设施元素。文字内容清晰可读，主标题"平安地铁・消防同行"，副标题"地铁消防安全公益宣传"，装饰文案"安全出行防患未燃"，三条消防安全提示：1."禁带易燃易爆物" 2."勿触动消防设施" 3."遇火情有序疏散"。构图采用居中主标题+分区信息卡，留白适当，排版精美，色彩以红蓝色调为主，对比清晰，警示性强，符合公益宣传调性，四边留足安全边距，文字清晰不遮挡主体，分辨率超高清。

写实商业摄影，城市轨道交通消防安全公益宣传海报，整体风格醒目严肃，安全警示调性，适配地铁站厅张贴。主视觉为现代化地铁站厅场景，包含消防设施元素。文字内容清晰可读，主标题"平安地铁・消防同行"，副标题"地铁消防安全公益宣传"，装饰文案"安全出行防患未燃"，三条消防安全提示：1."禁带易燃易爆物" 2."勿触动消防设施" 3."遇火情有序疏散"。构图采用居中主标题+分区信息卡，留白适当，排版精美，色彩以红蓝色调为主，对比清晰，警示性强，符合公益宣传调性，四边留足安全边距，文字清晰不遮挡主体，分辨率超高清。

科技感消防报警数据可视化大屏，安防集成平台，按区域划分，报警触发时自动弹出对应区域监控视频，深色科技风格，大屏仅展示消防报警数据

科技感消防报警数据可视化大屏，安防集成平台，按区域划分，报警触发时自动弹出对应区域监控视频，深色科技风格，大屏仅展示消防报警数据

物业小程序物业报修页面UI设计，包含故障类型选择、问题描述输入框、上传图片按钮、地理位置定位、提交报修按钮，顶部返回和标题，简约蓝色UI，移动端界面设计

物业小程序物业报修页面UI设计，包含故障类型选择、问题描述输入框、上传图片按钮、地理位置定位、提交报修按钮，顶部返回和标题，简约蓝色UI，移动端界面设计

生成一张现代平面信息图设计稿，深蓝到青绿色渐变背景，中心是一枚半透明盾牌图标与银行卡、账单、硬币、锁形符号组成的简洁插画，第一视觉为大标题文字 “注意个人财务安全”，副标题文字 “保护账户信息理性消费定期核对账单”，下方三枚圆角标签文字 “不泄露验证码”“不轻信陌生链接”“不盲目借贷”，字体为清晰无衬线白色与浅蓝色，标题加粗居中，信息层级明确，留白充足，线性图标细腻，整体克制专业，平面无透视。

生成一张现代平面信息图设计稿，深蓝到青绿色渐变背景，中心是一枚半透明盾牌图标与银行卡、账单、硬币、锁形符号组成的简洁插画，第一视觉为大标题文字 “注意个人财务安全”，副标题文字 “保护账户信息理性消费定期核对账单”，下方三枚圆角标签文字 “不泄露验证码”“不轻信陌生链接”“不盲目借贷”，字体为清晰无衬线白色与浅蓝色，标题加粗居中，信息层级明确，留白充足，线性图标细腻，整体克制专业，平面无透视。

1qg8e3l4d4xQjjtw-HB

生成消防安全科普宣传海报，背景为深邃科技蓝色渐变打底，风格为简约清晰的科普海报，画面比例16:9，顶部放置大标题"安全宣传咨询日——消防安全小知识"，主体内容分区清晰排版整理6张图片中的消防安全知识内容，完整保留图片中的知识要点，采用清晰的信息卡片分块排版，文字全部清晰可读，版式精美，四个边角留足安全边距，整体干净专业，适合科普宣传使用，图像整体为扁平化简约科普风格，信息层级分明，重点突出。

生成消防安全科普宣传海报，背景为深邃科技蓝色渐变打底，风格为简约清晰的科普海报，画面比例16:9，顶部放置大标题"安全宣传咨询日——消防安全小知识"，主体内容分区清晰排版整理6张图片中的消防安全知识内容，完整保留图片中的知识要点，采用清晰的信息卡片分块排版，文字全部清晰可读，版式精美，四个边角留足安全边距，整体干净专业，适合科普宣传使用，图像整体为扁平化简约科普风格，信息层级分明，重点突出。

人社端首页，供监管部门使用，手机375×812，顶部状态栏含时间信号电量，顶部导航栏柔和品牌渐变背景，导航栏显示区域监管平台标题，页面展示数据看板包含区域合规情况、违规企业统计、维权事件数量、风险预警信息，功能区包括查看数据、导出报表、发布监管通知，整体正式权威清晰直观，保持品牌配色风格一致

人社端首页，供监管部门使用，手机375×812，顶部状态栏含时间信号电量，顶部导航栏柔和品牌渐变背景，导航栏显示区域监管平台标题，页面展示数据看板包含区域合规情况、违规企业统计、维权事件数量、风险预警信息，功能区包括查看数据、导出报表、发布监管通知，整体正式权威清晰直观，保持品牌配色风格一致

移动端小程序登录界面UI设计稿，延续参考图的蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面布局：顶部显示"劳模工匠助企行"标题，往下是账号输入框、密码输入框，下方是登录按钮，再下方是忘记密码和注册账号入口，整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，和参考图风格统一，政务类小程序专业质感，高分辨率

移动端小程序登录界面UI设计稿，延续参考图的蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面布局：顶部显示"劳模工匠助企行"标题，往下是账号输入框、密码输入框，下方是登录按钮，再下方是忘记密码和注册账号入口，整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，和参考图风格统一，政务类小程序专业质感，高分辨率

1q2c8q3vwt2k7u4q2-HB