微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏-Listen猹-稿定 AI

创意预览图

微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏，下方通栏导航背景#409EFF，标题为“加班用餐填报”，右侧消息铃铛图标带小红点；页面内容为白底

用户头像

Listen猹

2026.07.06

移动端闹钟APP新建/编辑闹钟页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，辅助色#FF6B6B，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。包含滚轮式时间选择器，时和分滚轮联动；重复选项区域有仅一次、工作日、自定义周勾选选项；包含铃声选择选项、稍后提醒开关、备注输入框；底部有保存和取消按钮。分层规范，组件化拆分，界面清晰干净

移动端闹钟APP新建/编辑闹钟页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，辅助色#FF6B6B，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。包含滚轮式时间选择器，时和分滚轮联动；重复选项区域有仅一次、工作日、自定义周勾选选项；包含铃声选择选项、稍后提醒开关、备注输入框；底部有保存和取消按钮。分层规范，组件化拆分，界面清晰干净

设计一款日历APP高保真交互原型界面，包含完整结构和齐全功能，现代简约风格，清晰展示月历视图、日程添加提醒功能入口、页面切换交互效果

设计一款日历APP高保真交互原型界面，包含完整结构和齐全功能，现代简约风格，清晰展示月历视图、日程添加提醒功能入口、页面切换交互效果

1r45oxobocCOt7Xw-HB

设计一款日历APP高保真交互原型界面，包含完整结构和齐全功能，现代简约风格，清晰展示月历视图、日程添加提醒功能入口、页面切换交互效果

设计一款日历APP高保真交互原型界面，包含完整结构和齐全功能，现代简约风格，清晰展示月历视图、日程添加提醒功能入口、页面切换交互效果

1r45oxobocCOt7Xw-HB

产品操作界面教学图片，左上角标注数字角标③，展示点击"一键预埋"按钮的操作界面，突出显示"一键预埋"按钮，标注说明系统自动在指定日期生效，简洁清晰的教学截图风格，适合教程内容展示

产品操作界面教学图片，左上角标注数字角标③，展示点击"一键预埋"按钮的操作界面，突出显示"一键预埋"按钮，标注说明系统自动在指定日期生效，简洁清晰的教学截图风格，适合教程内容展示

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

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

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼] 主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）表格下方是分页器：< 1 2 3 ... > 整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：
顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」
接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项
然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼]
主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）
表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」
表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」
操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）
表格下方是分页器：< 1 2 3 ... >
整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范

1q8ikq3gq43vii6m-HB

参考图片风格，生成移动端小程序企业需求提交表单页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

设计一个简洁美观的日历行程表，包含清晰的月份日期格子和每日行程记录区域，整体风格简约实用，适合办公日程规划使用

设计一个简洁美观的日历行程表，包含清晰的月份日期格子和每日行程记录区域，整体风格简约实用，适合办公日程规划使用

1q7g66qdl32gbmbfk-HB

设计一个简洁美观的日历行程表，包含清晰的月份日期格子和每日行程记录区域，整体风格简约实用，适合办公日程规划使用

设计一个简洁美观的日历行程表，包含清晰的月份日期格子和每日行程记录区域，整体风格简约实用，适合办公日程规划使用

1q7g66qdl32gbmbfk-HB

微信小程序弹窗设计，日期选择弹窗，位于页面底部，包含日历组件，提供快速切换当天/次日按钮，支持自定义日期选择；配色主色#409EFF，卡片圆角8rpx，白底，符合小程序设计规范，尺寸适配750×1624页面。

微信小程序弹窗设计，日期选择弹窗，位于页面底部，包含日历组件，提供快速切换当天/次日按钮，支持自定义日期选择；配色主色#409EFF，卡片圆角8rpx，白底，符合小程序设计规范，尺寸适配750×1624页面。

基于原图片进行修改，将列表中“回复”这个文字选项修改为“互动消息”，保持原界面布局、配色、图标和其他内容都不变

基于原图片进行修改，将列表中“回复”这个文字选项修改为“互动消息”，保持原界面布局、配色、图标和其他内容都不变

安防集成平台后台门禁历史记录查询页面，白色背景商务风，每个门对应历史开门记录列表，人员车辆分开显示，白色底色商务设计

安防集成平台后台门禁历史记录查询页面，白色背景商务风，每个门对应历史开门记录列表，人员车辆分开显示，白色底色商务设计

将设置页面里的“收货地址”文字修改为“地址管理”，保持整体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

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配小程序竖屏尺寸。

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配小程序竖屏尺寸。

6adhucitqSFIi0g-HB

基于提供的友易APPlogo，设计青绿色简约现代风格的APP订单列表页界面，保留青绿色主题配色，布局包含订单卡片、状态标签，适配手机端

基于提供的友易APPlogo，设计青绿色简约现代风格的APP订单列表页界面，保留青绿色主题配色，布局包含订单卡片、状态标签，适配手机端

在这张消息中心界面图片的聊天空白版块中，缩小简图和“暂无消息~”文字的尺寸，让图案文字在页面中居中排版，整体布局更加美观，参考提供的浅蓝色简约文档搜索风格简图，保持原图整体布局、配色和界面风格不变

在这张消息中心界面图片的聊天空白版块中，缩小简图和“暂无消息~”文字的尺寸，让图案文字在页面中居中排版，整体布局更加美观，参考提供的浅蓝色简约文档搜索风格简图，保持原图整体布局、配色和界面风格不变

按照图这样的风格、颜色，做一张健康管理的UI界面（里面包括三个功能：体征监测、用药提醒、在线问诊）

按照图这样的风格、颜色，做一张健康管理的UI界面（里面包括三个功能：体征监测、用药提醒、在线问诊）

爱上鲨鱼的人鱼112

健康饮水提醒小程序个人中心页面，包含个人目标调整入口、我的杯具管理、饮品类型偏好设置、数据备份与清除按钮，整体风格清新简约浅蓝色调，UI布局清晰现代

健康饮水提醒小程序个人中心页面，包含个人目标调整入口、我的杯具管理、饮品类型偏好设置、数据备份与清除按钮，整体风格清新简约浅蓝色调，UI布局清晰现代

运动数据app

运动数据app

将图1的任务管理APP界面，替换到图2的iPad壳套展示图中，制作成2064×2752px的App Store上架图

将图1的任务管理APP界面，替换到图2的iPad壳套展示图中，制作成2064×2752px的App Store上架图

1qrueebafuJN7veA-HB

订货系统供应商多店绑定页面

订货系统供应商多店绑定页面

喜鹊帮帮姣姣

在原图设置页面的“企业入驻”选项下方新增“规则中心”一栏，保持整体UI样式和排版一致，其余内容不变

在原图设置页面的“企业入驻”选项下方新增“规则中心”一栏，保持整体UI样式和排版一致，其余内容不变

移动端闹钟APP首页闹钟列表页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。顶部导航标题“闹钟”，右上角有“+”新增按钮；中间是多个闹钟条目卡片，每个卡片包含时间、重复周期、开关按钮、备注标签，支持左滑删除；底部有四个Tab导航：闹钟、计时器、秒表、就寝，当前选中“闹钟”tab。分层规范，组件化拆分，界面干净清晰

移动端闹钟APP首页闹钟列表页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。顶部导航标题“闹钟”，右上角有“+”新增按钮；中间是多个闹钟条目卡片，每个卡片包含时间、重复周期、开关按钮、备注标签，支持左滑删除；底部有四个Tab导航：闹钟、计时器、秒表、就寝，当前选中“闹钟”tab。分层规范，组件化拆分，界面干净清晰