在现有图片上添加一个半透明的深色蒙层覆盖整个画面,悬浮球保持在… - 图片创意预览

在现有图片上添加一个半透明的深色蒙层覆盖整个画面,悬浮球保持在…

在现有图片上添加一个半透明的深色蒙层覆盖整个画面,悬浮球保持在蒙层上方(即悬浮球不被蒙层遮挡),其他内容保持不变

用户头像

李凯ฅ

2026.03.10
[服务] 非实物法务AI系统产品Thingo合同案件智能体,本页为业务适配介绍页,无实物图,画面以业务调研流程卡片和规则文档图标表达AI适配企业法务业务的过程。 [画面] 第3张业务适配页,目标说明AI先理解企业法务业务再输出专属能力。上部约14%居中放主标题:AI先理解企业法务业务,标题下方短青蓝横线。中部为一张大的玻璃拟态分析流程卡片,卡片内上半部分横向排布6个输入要素小胶囊:企业类型、主营、合同类型、案件特征、行业风险、业务痛点,每个胶囊配一个小线条图标;下半部分为输出区,横向排布3个输出能力卡片:企业专属审查规则、风险清单、合同模板,每个卡片配规则文档图标;输入区与输出区之间有青蓝色数据流线条连接,体现从分析到输出的过程。卡片下方一行核心文案:先让AI读懂企业法务,而非直接输出结论,青蓝色发光文字。背景为深藏蓝科技渐变,带极细网格线、漂浮光点和业务调研线条图标点缀。阅读动线:标题→输入要素→数据流→输出能力→结论。 [视觉] 套系策略:风格=深蓝高端法务科技风;标题字=现代无衬线粗体;正文字=简洁无衬线体;主色=深藏蓝;背景延展=深藏蓝到黑蓝色渐变加科技网格与光点;强调色=青蓝,仅用于小面积图标、引线、发光标签;标题色=白色;正文色=浅蓝灰;组件=玻璃拟态圆角卡片、细线引线、青蓝发光点缀;光影=柔和冷光,卡片有微透玻璃反光。 [文字] 仅横向排版:主标题AI先理解企业法务业务白色粗体最大;6个输入要素白字小号:企业类型、主营、合同类型、案件特征、行业风险、业务痛点;3个输出能力白色中等字号:企业专属审查规则、风险清单、合同模板;结论文案AI先让AI读懂企业法务,而非直接输出结论青蓝色;文字清晰可读不重叠。 [规格] 16:9横版,2K,避免变形、错字、文字过小、竖排文字、旋转文字、绝对化用语、平台Logo、水印、二维码、图标畸形、卡片拥挤、数据流断裂。[服务] 非实物法务AI系统产品Thingo合同案件智能体,本页为业务适配介绍页,无实物图,画面以业务调研流程卡片和规则文档图标表达AI适配企业法务业务的过程。

[画面] 第3张业务适配页,目标说明AI先理解企业法务业务再输出专属能力。上部约14%居中放主标题:AI先理解企业法务业务,标题下方短青蓝横线。中部为一张大的玻璃拟态分析流程卡片,卡片内上半部分横向排布6个输入要素小胶囊:企业类型、主营、合同类型、案件特征、行业风险、业务痛点,每个胶囊配一个小线条图标;下半部分为输出区,横向排布3个输出能力卡片:企业专属审查规则、风险清单、合同模板,每个卡片配规则文档图标;输入区与输出区之间有青蓝色数据流线条连接,体现从分析到输出的过程。卡片下方一行核心文案:先让AI读懂企业法务,而非直接输出结论,青蓝色发光文字。背景为深藏蓝科技渐变,带极细网格线、漂浮光点和业务调研线条图标点缀。阅读动线:标题→输入要素→数据流→输出能力→结论。

[视觉] 套系策略:风格=深蓝高端法务科技风;标题字=现代无衬线粗体;正文字=简洁无衬线体;主色=深藏蓝;背景延展=深藏蓝到黑蓝色渐变加科技网格与光点;强调色=青蓝,仅用于小面积图标、引线、发光标签;标题色=白色;正文色=浅蓝灰;组件=玻璃拟态圆角卡片、细线引线、青蓝发光点缀;光影=柔和冷光,卡片有微透玻璃反光。

[文字] 仅横向排版:主标题AI先理解企业法务业务白色粗体最大;6个输入要素白字小号:企业类型、主营、合同类型、案件特征、行业风险、业务痛点;3个输出能力白色中等字号:企业专属审查规则、风险清单、合同模板;结论文案AI先让AI读懂企业法务,而非直接输出结论青蓝色;文字清晰可读不重叠。

[规格] 16:9横版,2K,避免变形、错字、文字过小、竖排文字、旋转文字、绝对化用语、平台Logo、水印、二维码、图标畸形、卡片拥挤、数据流断裂。
「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份:蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标:搜索、新增、设置,支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片,作为页面价值引导区: 主标题:设备业务应用,从工作台开始 补充说明:快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用:总览工作台核心业务范围,直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局,放置高频核心功能,支持自定义配置: 第一行:设备管理、空间态势、流程中心、AI 智能体 第二行:消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能,适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理,支持按业务维度切换筛选: 分类标签栏:包含「最近使用(当前选中)、设备业务、运营管理、流程协同」四类,附带更多分类按钮 当前「最近使用」分类下,展示 4 个近期高频使用的应用:设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航,共 5 个入口,当前高亮选中「工作台」页面,从左到右依次为:首页、设备、AI 智能体核心按钮(紫蓝渐变悬浮样式)、工作台、我的,支持快速切换核心业务板块。帮我生成APP「图片1」「图片1」一、顶部用户信息与操作栏
左侧展示账号身份:蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」
右侧排布三个全局操作图标:搜索、新增、设置,支持全局内容检索、快速新建事项、系统配置调整。
二、功能引导 Banner
青绿色渐变卡片,作为页面价值引导区:
主标题:设备业务应用,从工作台开始
补充说明:快速进入设备、空间态势、维保、巡检、能耗与流程中心
作用:总览工作台核心业务范围,直观传递页面定位。
三、常用功能快捷入口
采用 2 行 4 列的宫格布局,放置高频核心功能,支持自定义配置:
第一行:设备管理、空间态势、流程中心、AI 智能体
第二行:消息中心、设备维保、设备巡检、添加常用
「添加常用」入口支持用户按需自定义快捷功能,适配不同岗位的使用习惯。
四、全部应用模块
对全量业务应用做分类管理,支持按业务维度切换筛选:
分类标签栏:包含「最近使用(当前选中)、设备业务、运营管理、流程协同」四类,附带更多分类按钮
当前「最近使用」分类下,展示 4 个近期高频使用的应用:设备档案、空间视图、能耗管理、流程中心
五、底部全局导航栏
页面底部固定的主导航,共 5 个入口,当前高亮选中「工作台」页面,从左到右依次为:首页、设备、AI 智能体核心按钮(紫蓝渐变悬浮样式)、工作台、我的,支持快速切换核心业务板块。帮我生成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」###  顶部导航栏

- 左侧:返回箭头 `<`
- 中间标题:**告警**
- 右侧:更多菜单图标 `⋯`

### 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
AI写作工作台待处理仓库页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"待处理仓库"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"待处理仓库",下方灰色说明文字"以下内容来自你在创作对话中未及时归档的对话片段。请尽快处理,避免积压。",右侧显示计数"共15条待处理"。快捷筛选栏:横向标签依次为"全部(15)""来自自由沟通(8)""来自深度文章(5)""来自日常干货(2)",全部标签当前选中。内容列表区:对话片段列表,每个条目左侧浅蓝色小标签标注来源框架,右下角灰色小字暂存时间,中间内容预览片段前几行文字,右侧操作区两个按钮【归档】(暗金色)和【删除】(灰色)。展示三条示例:第一条来源框架"自由沟通",暂存于2026-08-01 14:30,内容预览"我在想,真正的护城河,不是技术,不是资源,而是信任。信任是所有服务类公司最核心的壁垒...";第二条来源框架"深度文章",暂存于2026-07-31 16:20,内容预览"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题...";第三条来源框架"日常干货",暂存于2026-07-30 09:15,内容预览"价格战的本质,不是成本的竞争,而是信任的缺席..."。批量操作栏:列表底部,左侧"全选"复选框,右侧"批量归档"(暗金色)和"全部清空"(灰色带警告色提示)两个按钮。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。AI写作工作台待处理仓库页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"待处理仓库"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"待处理仓库",下方灰色说明文字"以下内容来自你在创作对话中未及时归档的对话片段。请尽快处理,避免积压。",右侧显示计数"共15条待处理"。快捷筛选栏:横向标签依次为"全部(15)""来自自由沟通(8)""来自深度文章(5)""来自日常干货(2)",全部标签当前选中。内容列表区:对话片段列表,每个条目左侧浅蓝色小标签标注来源框架,右下角灰色小字暂存时间,中间内容预览片段前几行文字,右侧操作区两个按钮【归档】(暗金色)和【删除】(灰色)。展示三条示例:第一条来源框架"自由沟通",暂存于2026-08-01 14:30,内容预览"我在想,真正的护城河,不是技术,不是资源,而是信任。信任是所有服务类公司最核心的壁垒...";第二条来源框架"深度文章",暂存于2026-07-31 16:20,内容预览"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题...";第三条来源框架"日常干货",暂存于2026-07-30 09:15,内容预览"价格战的本质,不是成本的竞争,而是信任的缺席..."。批量操作栏:列表底部,左侧"全选"复选框,右侧"批量归档"(暗金色)和"全部清空"(灰色带警告色提示)两个按钮。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。