生成小程序UI图 - 图片创意预览

生成小程序UI图

h'h

1qyu9evlwsK...

2026.05.20

政务类OA办公系统微信小程序流程管理首页设计，顶部返回箭头和流程管理标题，蓝色渐变发起流程卡片（带图标和创建新的审批流程文字），下方待我审批列表（显示5条，每条有申请类型标签、申请人、申请时间、右侧驳回和同意按钮），再下方已发起流程和审批轨迹两个入口卡片，底部Tab导航：首页、工作台、消息、我的，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

政务类OA办公系统微信小程序流程管理首页设计，顶部返回箭头和流程管理标题，蓝色渐变发起流程卡片（带图标和创建新的审批流程文字），下方待我审批列表（显示5条，每条有申请类型标签、申请人、申请时间、右侧驳回和同意按钮），再下方已发起流程和审批轨迹两个入口卡片，底部Tab导航：首页、工作台、消息、我的，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

移动端UI设计，包含打卡页面和请假审批流程图，简洁现代风格，蓝色为主色调，适合企业办公应用，界面清晰，包含打卡按钮、请假申请表单和流程节点展示

移动端UI设计，包含打卡页面和请假审批流程图，简洁现代风格，蓝色为主色调，适合企业办公应用，界面清晰，包含打卡按钮、请假申请表单和流程节点展示

参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格，重新生成一个智慧园区设备管理APP页面，手机竖屏界面，顶部状态栏显示时间9:41和信号电量图标。页面结构如下： 1. 顶部横向Tab栏：区分三大业务模块「设备」「安全」「能耗」，当前停留「设备」板块并高亮显示。 2. 顶部筛选信息栏（蓝色通栏卡片）： - 空间选择器：演示园区 / 1号楼 / 3层，带下拉箭头可切换楼栋楼层 - 运行等级：A级 - 数据更新时间：06-24 15:36 - 统计周期切换：今日 / 近7天 / 近30天，默认选中「今日」高亮 - 右上角有刷新按钮 3. 核心指标四宫格（关键KPI卡片，圆角白色卡片）： - 设备总数：126台，小字说明当前空间纳管全部设备数量 - 在线率：94.4%，小字标注较昨日上升1.2%（绿色向上箭头代表向好） - 故障设备：7台，小字标注其中2台待处理（红色警示，重点工单） - 离线设备：5台，小字标注最长离线时长41天（黄色预警） 4. 设备状态分布·环形饼图模块： - 标题：设备状态分布 - 环形饼图展示四类状态占比：在线119台（绿色主体）、维保中8台（橙色）、故障7台（红色）、离线5台（浅灰色） - 右侧图文对照图例说明 5. 设备事件趋势柱状图模块： - 标题：设备事件趋势（今日） - 不同颜色柱子区分事件类型，展示全天不同时段设备事件发生频次，红色柱体有明显峰值代表故障类事件集中时段色彩预警体系：绿色代表正常向好，橙色代表维保提醒，红色代表故障高危，灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格，界面简洁现代，数据清晰易读，符合运维人员浏览习惯。

参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格，重新生成一个智慧园区设备管理APP页面，手机竖屏界面，顶部状态栏显示时间9:41和信号电量图标。

页面结构如下：
1. 顶部横向Tab栏：区分三大业务模块「设备」「安全」「能耗」，当前停留「设备」板块并高亮显示。
2. 顶部筛选信息栏（蓝色通栏卡片）：
- 空间选择器：演示园区 / 1号楼 / 3层，带下拉箭头可切换楼栋楼层
- 运行等级：A级
- 数据更新时间：06-24 15:36
- 统计周期切换：今日 / 近7天 / 近30天，默认选中「今日」高亮
- 右上角有刷新按钮
3. 核心指标四宫格（关键KPI卡片，圆角白色卡片）：
- 设备总数：126台，小字说明当前空间纳管全部设备数量
- 在线率：94.4%，小字标注较昨日上升1.2%（绿色向上箭头代表向好）
- 故障设备：7台，小字标注其中2台待处理（红色警示，重点工单）
- 离线设备：5台，小字标注最长离线时长41天（黄色预警）
4. 设备状态分布·环形饼图模块：
- 标题：设备状态分布
- 环形饼图展示四类状态占比：在线119台（绿色主体）、维保中8台（橙色）、故障7台（红色）、离线5台（浅灰色）
- 右侧图文对照图例说明
5. 设备事件趋势柱状图模块：
- 标题：设备事件趋势（今日）
- 不同颜色柱子区分事件类型，展示全天不同时段设备事件发生频次，红色柱体有明显峰值代表故障类事件集中时段

色彩预警体系：绿色代表正常向好，橙色代表维保提醒，红色代表故障高危，灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格，界面简洁现代，数据清晰易读，符合运维人员浏览习惯。

1r98gbqoauWgptiQ-HB

优化简化这个考勤数据页面，保持蓝色政务OA风格。简化内容：顶部蓝色导航栏更简洁，本月统计只保留3个核心数据卡片（出勤、迟到、请假），日历区域简化，去掉复杂的打卡记录，只保留今日打卡状态。整体更清爽简洁，卡片大圆角，浅灰背景，底部Tab导航栏。移动端UI设计，iPhone界面。

优化简化这个考勤数据页面，保持蓝色政务OA风格。简化内容：顶部蓝色导航栏更简洁，本月统计只保留3个核心数据卡片（出勤、迟到、请假），日历区域简化，去掉复杂的打卡记录，只保留今日打卡状态。整体更清爽简洁，卡片大圆角，浅灰背景，底部Tab导航栏。移动端UI设计，iPhone界面。

参考图片的B端SaaS后台管理系统界面风格，重新生成一套企业OA办公系统首页界面，保持相同的浅蓝白配色、圆角卡片、柔和阴影、3D图标风格，左侧导航栏，顶部导航栏，主内容区包含数据统计卡片、最近使用模块、流程概览分类、日程安排和考勤数据看板，整体现代简洁的企业级UI设计风格

参考图片的B端SaaS后台管理系统界面风格，重新生成一套企业OA办公系统首页界面，保持相同的浅蓝白配色、圆角卡片、柔和阴影、3D图标风格，左侧导航栏，顶部导航栏，主内容区包含数据统计卡片、最近使用模块、流程概览分类、日程安排和考勤数据看板，整体现代简洁的企业级UI设计风格

参考原图UI设计风格，重新生成光伏储能App界面，保持多页面排版布局的移动端设计，简约清新绿色调，保留数据展示、功能入口、工单信息、告警统计等光伏储能管理功能模块

参考原图UI设计风格，重新生成光伏储能App界面，保持多页面排版布局的移动端设计，简约清新绿色调，保留数据展示、功能入口、工单信息、告警统计等光伏储能管理功能模块

基于参考图的设计风格，重新绘制微信小程序供应商工作台首页，顶部深蓝色渐变导航栏，左侧显示公司小Logo（分子形状图标），中间标题'供应商工作台'，右上角消息铃铛和角色切换按钮。配色以深蓝#1E2A78为主色，紫色橙色点缀。中部数据概览卡片2x2排列：待审核、运输中、已完成、本月发货量。下方快捷功能宫格：新建发货、我的司机库、全部订单、地址管理。再下方最近订单列表。底部Tab导航：首页、订单、消息、我的。B端企业工具风格，手机竖屏比例，高保真UI设计图。

基于参考图的设计风格，重新绘制微信小程序供应商工作台首页，顶部深蓝色渐变导航栏，左侧显示公司小Logo（分子形状图标），中间标题'供应商工作台'，右上角消息铃铛和角色切换按钮。配色以深蓝#1E2A78为主色，紫色橙色点缀。中部数据概览卡片2x2排列：待审核、运输中、已完成、本月发货量。下方快捷功能宫格：新建发货、我的司机库、全部订单、地址管理。再下方最近订单列表。底部Tab导航：首页、订单、消息、我的。B端企业工具风格，手机竖屏比例，高保真UI设计图。

优化简化这个工作台页面，保持蓝色政务OA风格。简化内容：顶部蓝色渐变头部更简洁，搜索框简化，应用分类从5组减为3组核心分类（常用应用、人事行政、公文管理），每组图标数量减少，只保留最常用的功能。整体更清爽简洁，卡片大圆角，浅灰背景，底部Tab导航栏。移动端UI设计，iPhone界面。

优化简化这个工作台页面，保持蓝色政务OA风格。简化内容：顶部蓝色渐变头部更简洁，搜索框简化，应用分类从5组减为3组核心分类（常用应用、人事行政、公文管理），每组图标数量减少，只保留最常用的功能。整体更清爽简洁，卡片大圆角，浅灰背景，底部Tab导航栏。移动端UI设计，iPhone界面。

参考该参考图的左侧菜单+右侧内容的布局风格，修改为"企业办公统一门户"系统界面，左侧菜单导航，点击后右侧内容区选项卡打开对应内容，首页包含待办、公告/通知、快捷应用、日程模块，区分已开发模块和待开发模块，顶部保留系统名称和个人信息，保持现代简约浅蓝商务后台UI风格

参考该参考图的左侧菜单+右侧内容的布局风格，修改为"企业办公统一门户"系统界面，左侧菜单导航，点击后右侧内容区选项卡打开对应内容，首页包含待办、公告/通知、快捷应用、日程模块，区分已开发模块和待开发模块，顶部保留系统名称和个人信息，保持现代简约浅蓝商务后台UI风格

「图片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

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

1q2c8q3vwt2k7u4q2-HB

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

设计一个美观的OA办公APP界面，包含首页、通讯录、消息、我的四个主标签页，现代简约UI设计风格，界面整洁清晰，扁平化设计，色彩柔和商务，交互布局合理

设计一个美观的OA办公APP界面，包含首页、通讯录、消息、我的四个主标签页，现代简约UI设计风格，界面整洁清晰，扁平化设计，色彩柔和商务，交互布局合理

企业级智慧农业移动端App工作台总览页设计，深墨绿色顶部导航栏写着"工作台"，右上角有消息铃铛图标。下方是概览统计卡片，显示基地数、大棚数、设备在线数、告警数。再往下是快速操作区四个图标按钮。中间是环境参数卡片组，温度25.3℃、湿度68%、光照32klux等数据卡片横向排列。下方是告警动态列表，有红色温度过高告警和黄色湿度偏低告警。再下方是基地列表卡片。底部有五个Tab导航：工作台、设备、告警、数据、我的。整体风格企业级SaaS，深绿主色调，专业稳重，高保真UI设计，移动端竖屏

企业级智慧农业移动端App工作台总览页设计，深墨绿色顶部导航栏写着"工作台"，右上角有消息铃铛图标。下方是概览统计卡片，显示基地数、大棚数、设备在线数、告警数。再往下是快速操作区四个图标按钮。中间是环境参数卡片组，温度25.3℃、湿度68%、光照32klux等数据卡片横向排列。下方是告警动态列表，有红色温度过高告警和黄色湿度偏低告警。再下方是基地列表卡片。底部有五个Tab导航：工作台、设备、告警、数据、我的。整体风格企业级SaaS，深绿主色调，专业稳重，高保真UI设计，移动端竖屏

企业级智慧农业App平台端告警中心页面设计，白色背景深绿顶部导航栏写着"告警中心"，右侧筛选图标。顶部统计概览卡片：四个数据胶囊横向排列，今日告警28红色背景、待处理12橙色背景、已处理16绿色背景、已忽略4灰色背景。下方Tab切换：全部告警(选中深绿下划线)/设备告警/策略告警/系统告警。告警筛选栏：级别筛选（全部/严重/重要/一般）、时间筛选、客户/基地筛选。告警列表卡片：每张卡片左侧有对应颜色的竖条标识级别（红色严重/橙色重要/黄色一般）。卡片内容：告警标题"1号棚温度过高"、所属客户和基地名称、告警时间、当前值/阈值。右侧状态标签（待处理橙色/已处理绿色）。严重告警卡片有红色边框高亮。底部有批量处理栏：全选、标记已处理、忽略、导出。底部Tab栏三个：导航/告警(选中)/我的。整体深绿主色调白色背景，专业告警中心风格，高保真移动端UI竖屏设计

企业级智慧农业App平台端告警中心页面设计，白色背景深绿顶部导航栏写着"告警中心"，右侧筛选图标。顶部统计概览卡片：四个数据胶囊横向排列，今日告警28红色背景、待处理12橙色背景、已处理16绿色背景、已忽略4灰色背景。下方Tab切换：全部告警(选中深绿下划线)/设备告警/策略告警/系统告警。告警筛选栏：级别筛选（全部/严重/重要/一般）、时间筛选、客户/基地筛选。告警列表卡片：每张卡片左侧有对应颜色的竖条标识级别（红色严重/橙色重要/黄色一般）。卡片内容：告警标题"1号棚温度过高"、所属客户和基地名称、告警时间、当前值/阈值。右侧状态标签（待处理橙色/已处理绿色）。严重告警卡片有红色边框高亮。底部有批量处理栏：全选、标记已处理、忽略、导出。底部Tab栏三个：导航/告警(选中)/我的。整体深绿主色调白色背景，专业告警中心风格，高保真移动端UI竖屏设计

竖版3:4海报设计。以图1的智能管控系统界面作为完整背景图，背景图内容保持原样不做任何修改，只做裁剪适配竖版比例。将图2中的两名工作人员（戴黄色安全帽操作设备的两人）从原图中抠出，去除原背景，放置在画面的右下角，人物大小适中，自然融入画面。在画面左侧或上方添加两个不透明的白色板块（卡片），板块有轻微阴影，遮盖部分背景，确保文字清晰不与背景融合：板块1（上方）：标题："节约纸张" 内容："仅操作票一项就节约A4纸张超13000张" 板块2（下方）：标题："效率提升" 内容："实现锁具、接地线、钥匙自动登记销账，减少人工登记、整理等重复性事务耗时约230h" 板块设计简洁，白底深色字，清晰易读，不要花哨装饰。整体排版干净专业。画面中必须完整呈现以下文字信息："仅操作票一项就节约A4纸张超13000张"、"实现锁具、接地线、钥匙自动登记销账，减少人工登记、整理等重复性事务耗时约230h"。画面中所有数字必须精确渲染，不得出现错位、遗漏或编造的数字。

竖版3:4海报设计。以图1的智能管控系统界面作为完整背景图，背景图内容保持原样不做任何修改，只做裁剪适配竖版比例。

将图2中的两名工作人员（戴黄色安全帽操作设备的两人）从原图中抠出，去除原背景，放置在画面的右下角，人物大小适中，自然融入画面。

在画面左侧或上方添加两个不透明的白色板块（卡片），板块有轻微阴影，遮盖部分背景，确保文字清晰不与背景融合：

板块1（上方）：
标题："节约纸张"
内容："仅操作票一项就节约A4纸张超13000张"

板块2（下方）：
标题："效率提升"
内容："实现锁具、接地线、钥匙自动登记销账，减少人工登记、整理等重复性事务耗时约230h"

板块设计简洁，白底深色字，清晰易读，不要花哨装饰。整体排版干净专业。

画面中必须完整呈现以下文字信息："仅操作票一项就节约A4纸张超13000张"、"实现锁具、接地线、钥匙自动登记销账，减少人工登记、整理等重复性事务耗时约230h"。
画面中所有数字必须精确渲染，不得出现错位、遗漏或编造的数字。

政务类OA办公系统微信小程序发起流程选择页设计，顶部返回箭头和发起流程标题，搜索框，下方按分类展示流程列表：人事类（请假申请、出差申请、外出申请）、行政类（用印申请、会议室预订、用车申请）、财务类（报销申请、采购申请）、公文类（发文申请、收文登记），每个流程项有图标和名称，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

政务类OA办公系统微信小程序发起流程选择页设计，顶部返回箭头和发起流程标题，搜索框，下方按分类展示流程列表：人事类（请假申请、出差申请、外出申请）、行政类（用印申请、会议室预订、用车申请）、财务类（报销申请、采购申请）、公文类（发文申请、收文登记），每个流程项有图标和名称，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

火电厂生产管理系统部门交代主列表页面UI设计，风格参考上传的深蓝色侧边栏工业后台管理系统风格，整体为深蓝色左侧导航栏+白色主内容区的企业级后台布局。页面结构分为三部分：顶部搜索筛选区、功能按钮区、主体列表数据区。顶部搜索筛选区包含：交代单据编号输入框、交代类型下拉选择框、单据状态下拉选择框（草稿/已下发/已执行/已撤销）、交办人输入框，右侧有蓝色查询按钮和重置按钮。功能按钮区左侧有蓝色的"新增交代"按钮。主体列表区域为数据表格，表头列按顺序为：交代单据编号、交办来源、交办人、交代类型、交代内容（缩略展示）、生效时间、失效时间、单据状态、是否移交下一班跟踪、操作。表格中有多行示例数据，状态标签有不同颜色：草稿为灰色，已下发为蓝色，已执行为绿色，已撤销为红色。操作列根据不同状态显示不同操作按钮：草稿状态显示查看/编辑/删除/下发，已下发状态显示查看/撤销，已执行和已撤销仅显示查看。页面底部有分页组件。整体风格简洁专业，深蓝色主色调，工业企业管理系统风格，高保真UI设计，清晰的表格线和卡片式布局

火电厂生产管理系统部门交代主列表页面UI设计，风格参考上传的深蓝色侧边栏工业后台管理系统风格，整体为深蓝色左侧导航栏+白色主内容区的企业级后台布局。页面结构分为三部分：顶部搜索筛选区、功能按钮区、主体列表数据区。顶部搜索筛选区包含：交代单据编号输入框、交代类型下拉选择框、单据状态下拉选择框（草稿/已下发/已执行/已撤销）、交办人输入框，右侧有蓝色查询按钮和重置按钮。功能按钮区左侧有蓝色的"新增交代"按钮。主体列表区域为数据表格，表头列按顺序为：交代单据编号、交办来源、交办人、交代类型、交代内容（缩略展示）、生效时间、失效时间、单据状态、是否移交下一班跟踪、操作。表格中有多行示例数据，状态标签有不同颜色：草稿为灰色，已下发为蓝色，已执行为绿色，已撤销为红色。操作列根据不同状态显示不同操作按钮：草稿状态显示查看/编辑/删除/下发，已下发状态显示查看/撤销，已执行和已撤销仅显示查看。页面底部有分页组件。整体风格简洁专业，深蓝色主色调，工业企业管理系统风格，高保真UI设计，清晰的表格线和卡片式布局

资源协同平台-资源检索页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心，高亮资源检索。主内容区：顶部面包屑导航，页面大标题资源检索。页面布局为左侧筛选栏+右侧结果区的经典检索结构。左侧筛选区（约占页面宽度1/4）：顶部有资源类型切换标签（课程库/师资库/案例库/教学资源/基地资源，五库横向排列，当前选中全部），下方为多层级筛选条件，每组筛选条件可折叠展开：关键词搜索框（带放大镜图标）、学科分类（树形结构，可多选，如工学/理学/管理学/经济学等）、项目标签（标签云形式，可多选，如精品课程/规划教材/教改项目等）、专业维度（下拉多选，如电气工程/计算机科学/能源动力等）、资源等级（国家级/省部级/校级）、发布时间范围（日期选择）、适用对象（领导人员/管理人员/专业技术人员/技能人员）。右侧结果区（约占3/4）：顶部为结果统计栏，左侧显示找到相关资源XXXX条，右侧有排序下拉（综合排序/最新发布/浏览量最高/评分最高）和视图切换图标（列表视图/卡片视图/网格视图）。结果展示区采用卡片式网格布局，每行3个资源卡片，每个卡片包含：资源类型角标（课程/师资/案例等不同颜色）、缩略图或图标、资源标题、所属单位/主讲人、学科分类标签、浏览量、评分、收藏按钮。卡片底部有查看详情按钮。页面底部有分页组件。整体界面精致专业，筛选条件清晰，结果卡片信息丰富，蓝色主调，阴影柔和，圆角适中

资源协同平台-资源检索页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心，高亮资源检索。主内容区：顶部面包屑导航，页面大标题资源检索。页面布局为左侧筛选栏+右侧结果区的经典检索结构。左侧筛选区（约占页面宽度1/4）：顶部有资源类型切换标签（课程库/师资库/案例库/教学资源/基地资源，五库横向排列，当前选中全部），下方为多层级筛选条件，每组筛选条件可折叠展开：关键词搜索框（带放大镜图标）、学科分类（树形结构，可多选，如工学/理学/管理学/经济学等）、项目标签（标签云形式，可多选，如精品课程/规划教材/教改项目等）、专业维度（下拉多选，如电气工程/计算机科学/能源动力等）、资源等级（国家级/省部级/校级）、发布时间范围（日期选择）、适用对象（领导人员/管理人员/专业技术人员/技能人员）。右侧结果区（约占3/4）：顶部为结果统计栏，左侧显示找到相关资源XXXX条，右侧有排序下拉（综合排序/最新发布/浏览量最高/评分最高）和视图切换图标（列表视图/卡片视图/网格视图）。结果展示区采用卡片式网格布局，每行3个资源卡片，每个卡片包含：资源类型角标（课程/师资/案例等不同颜色）、缩略图或图标、资源标题、所属单位/主讲人、学科分类标签、浏览量、评分、收藏按钮。卡片底部有查看详情按钮。页面底部有分页组件。整体界面精致专业，筛选条件清晰，结果卡片信息丰富，蓝色主调，阴影柔和，圆角适中

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜索图标。2.搜索框，圆角灰色搜索栏，占位文字"搜索工匠姓名、擅长领域"。3.筛选标签栏，横向滚动多个领域标签，如"全部"、"机械制造"、"电气技术"、"建筑工程"、"工艺美术"，选中项蓝色背景白字。4.筛选条件行，两个下拉选择器"职称"、"地区"，灰色小字。5.工匠卡片列表，竖向排列多张圆角卡片，每张卡片左侧圆形头像，右侧信息区：姓名加粗标题，职称荣誉小字副标题，两个擅长领域彩色小标签，底部一行辅助文字：已服务XX家企业 · 4.9分。6.卡片带轻微阴影，卡片间距适中。整体风格：延续参考图政务类小程序风格，人才库列表风格，信息层次清晰，蓝色专业配色，高分辨率UI设计稿

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜索图标。2.搜索框，圆角灰色搜索栏，占位文字"搜索工匠姓名、擅长领域"。3.筛选标签栏，横向滚动多个领域标签，如"全部"、"机械制造"、"电气技术"、"建筑工程"、"工艺美术"，选中项蓝色背景白字。4.筛选条件行，两个下拉选择器"职称"、"地区"，灰色小字。5.工匠卡片列表，竖向排列多张圆角卡片，每张卡片左侧圆形头像，右侧信息区：姓名加粗标题，职称荣誉小字副标题，两个擅长领域彩色小标签，底部一行辅助文字：已服务XX家企业 · 4.9分。6.卡片带轻微阴影，卡片间距适中。整体风格：延续参考图政务类小程序风格，人才库列表风格，信息层次清晰，蓝色专业配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

将图中的背景改为统一的纯深蓝色，完全去除渐变效果，背景颜色上下左右完全一致均匀，保持所有数据模块、文字内容、卡片布局和图标完全不变

将图中的背景改为统一的纯深蓝色，完全去除渐变效果，背景颜色上下左右完全一致均匀，保持所有数据模块、文字内容、卡片布局和图标完全不变

1q5brjneengrk3p6-HB

将该B端系统后台页面修改：顶部总名称改为"辽河工程技术数智化管理平台"，原"后台系统"改为"井控应急"；左侧菜单按要求修改为：制度流程、工作纪要、应急中心（下含应急预案、应急队伍、应急物资，应急物资下再包含物资管理、采购申请、物资调用、物资轮转、物资报废）、专项训练、应急演练、应急处置（含抢险现场信息交互）；右侧内容区标题改为"应急物资"，保持整体简约蓝科技感的B端后台风格不变

将该B端系统后台页面修改：顶部总名称改为"辽河工程技术数智化管理平台"，原"后台系统"改为"井控应急"；左侧菜单按要求修改为：制度流程、工作纪要、应急中心（下含应急预案、应急队伍、应急物资，应急物资下再包含物资管理、采购申请、物资调用、物资轮转、物资报废）、专项训练、应急演练、应急处置（含抢险现场信息交互）；右侧内容区标题改为"应急物资"，保持整体简约蓝科技感的B端后台风格不变

将该B端系统后台页面修改：顶部总名称改为"辽河工程技术数智化管理平台"，原"后台系统"改为"井控应急"；左侧菜单按要求修改为：制度流程、工作纪要、应急中心（下含应急预案、应急队伍、应急物资，应急物资下再包含物资管理、采购申请、物资调用、物资轮转、物资报废）、专项训练、应急演练、应急处置（含抢险现场信息交互）；右侧内容区标题改为"应急物资"，保持整体简约蓝科技感的B端后台风格不变

将该B端系统后台页面修改：顶部总名称改为"辽河工程技术数智化管理平台"，原"后台系统"改为"井控应急"；左侧菜单按要求修改为：制度流程、工作纪要、应急中心（下含应急预案、应急队伍、应急物资，应急物资下再包含物资管理、采购申请、物资调用、物资轮转、物资报废）、专项训练、应急演练、应急处置（含抢险现场信息交互）；右侧内容区标题改为"应急物资"，保持整体简约蓝科技感的B端后台风格不变

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白色文字，右侧打勾）、司机（紫色图标）、业务员（蓝色图标）、仓管（橙色图标）、品控（绿色图标）、管理员（灰色图标），每个角色有图标+名称+状态标签（已通过/审核中）。底部有'申请新角色'按钮。整体风格与参考图一致：深蓝#1E2A78主色，紫橙点缀，圆角8px，B端企业风格。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白色文字，右侧打勾）、司机（紫色图标）、业务员（蓝色图标）、仓管（橙色图标）、品控（绿色图标）、管理员（灰色图标），每个角色有图标+名称+状态标签（已通过/审核中）。底部有'申请新角色'按钮。整体风格与参考图一致：深蓝#1E2A78主色，紫橙点缀，圆角8px，B端企业风格。手机竖屏，高保真UI设计。