已添加
登录/注册
移动端UI设计，包含打卡页面和请假审批流程图，简洁现代风格，蓝色为主色调，适合企业办公应用，界面清晰，包含打卡按钮、请假申请表单和流程节点展示
HeyСc
2026.05.29
做同款
设计一个美观的OA办公APP界面，包含首页、通讯录、消息、我的四个主标签页，现代简约UI设计风格，界面整洁清晰，扁平化设计，色彩柔和商务，交互布局合理
GD124016232
「图片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
spirittrap
h'h
1qyu9evlwsKlBgUQ-HB
移动端闹钟APP新建/编辑闹钟页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，辅助色#FF6B6B，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。包含滚轮式时间选择器，时和分滚轮联动；重复选项区域有仅一次、工作日、自定义周勾选选项；包含铃声选择选项、稍后提醒开关、备注输入框；底部有保存和取消按钮。分层规范，组件化拆分，界面清晰干净
GD255784665
微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏，下方通栏导航背景#409EFF，标题为“加班用餐填报”，右侧消息铃铛图标带小红点；页面内容为白底圆角表单卡片；包含加班日期模块：默认显示当日日期，右侧有日历图标；是否加班用餐单选模块，选项是和否，选中态圆点用#409EFF；用餐人数默认1人，带±增减按钮，下方有“添加同行同事”按钮；加班时段三选一：晚加班、周末加班、节假日加班；备注输入框占位文字为“特殊饮食、同行人员、其他说明”；下方双快捷按钮，左侧“一键复制昨日填报”边框#409EFF文字蓝色，右侧“一键撤回当日提交”灰色边框；底部固定通栏提交按钮背景#409EFF，白色文字“提交填报”；页面背景色#F5F7FA，卡片底色#FFFFFF，文字颜色正文#303133，次要文字#606266；整体风格简约清新，符合微信小程序设计规范，卡片圆角8rpx，按钮圆角10rpx，轻微柔和阴影。
Listen猹
设计一款日历APP高保真交互原型界面，包含完整结构和齐全功能，现代简约风格，清晰展示月历视图、日程添加提醒功能入口、页面切换交互效果
1r45oxobocCOt7Xw-HB
设计一款日历APP高保真交互原型界面，包含完整结构和齐全功能，现代简约风格，清晰展示月历视图、日程添加提醒功能入口、页面切换交互效果
1r45oxobocCOt7Xw-HB
参考该参考图的左侧菜单+右侧内容的布局风格，修改为"企业办公统一门户"系统界面，左侧菜单导航，点击后右侧内容区选项卡打开对应内容，首页包含待办、公告/通知、快捷应用、日程模块，区分已开发模块和待开发模块，顶部保留系统名称和个人信息，保持现代简约浅蓝商务后台UI风格
神出错了1
家装小程序个人中心UI设计，9:16比例，简约商务风格，包含用户头像区域、我的装修订单、预约记录、收藏案例、优惠券、客服入口入口，采用分区圆角模块设计，浅蓝作为点缀色，排版整洁，家居服务移动端界面，UI设计清晰明了
高端教学
参考原图的清新简约UI设计风格，生成设备运维APP首页界面： 1. 顶部状态栏：显示时间15:28，包含移动信号、WiFi和电量图标 2. 用户信息区：头像是紫色圆形标识，内含"超"字，账号名"超级管理员"，所属部门"技术部・设备运维组"，右上角有搜索按钮和消息通知按钮，消息按钮带红色角标显示"18" 3. 核心运行数据概览区：3张并列数据卡片，蓝色主题设备卡片显示"在线设备：18/21台 故障设备：3台"，绿色主题安全卡片显示"AI值守摄像头：12路 今日安全事件：2起"，橙色主题能耗卡片显示"今日用能：1,284 kWh 碳排量：0.73 t" 4. 常用功能入口区：2行4列宫格布局，共8个功能入口：第一行从左到右：设备管理、设备体检、楼宇态势、设备处置；第二行从左到右：设备维保、AI值守、设备巡检、能耗管理 5. 业务提醒横幅区：分类标签"安全值守"，标题"AI摄像头布防提醒"，说明文字"核对重点区域摄像头在线与告警状态"，横向卡片横幅搭配监控场景背景图 6. 待办事项区：区域标题"待办事项"，右侧带"流程中心 >"跳转入口，第一条待办工单（设备维保类）状态"待处置"，工单名称"摄像头 CAM-023 年度维保"，明细"编号 WB260506010、类型 零星维修、对应设备 摄像头 - 1"，负责人"超级管理员"，创建时间"2026-05-26 11:19"，第二条仅露出"设备巡检"分类头部，内容被底部导航遮挡 7. 底部主导航栏：共5个Tab入口，当前停留在蓝色高亮的"首页"，依次是：首页（当前选中）、设备、紫蓝渐变圆形主快捷按钮、工作台（右上角红点未读提示）、我的 整体保持清新干净的现代UI设计风格，浅蓝渐变背景，信息分区清晰，层次分明
spirittrap
生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹
高德崇
生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹
高德崇
生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构： 顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」 接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项 然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼] 主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼） 表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」 表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」 操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿） 表格下方是分页器：< 1 2 3 ... > 整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范
1q8ikq3gq43vii6m-HB
生活APP个人中心页面设计，简约风格，头像信息区域清晰，功能列表整齐，配色和谐易临摹
高德崇
生活APP个人中心页面设计，简约风格，头像信息区域清晰，功能列表整齐，配色和谐易临摹
高德崇
参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿
1q2c8q3vwt2k7u4q2-HB
参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿
创意 × 9
1q2c8q3vwt2k7u4q2-HB
物业小程序服务热线页面设计，展示物业总机、工程维修、客服投诉、安保值班四个热线电话，附带物业办公地址和营业时间，点击可唤起拨号弹窗，简约蓝色UI，移动端界面
乐清_
参考图片风格，生成移动端小程序上传服务记录底部弹窗UI设计。蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色圆角弹窗背景。弹窗从上到下布局：1.弹窗顶部，居中标题文字"上传服务记录"，左侧关闭叉号；2.记录类型选择，三个横向排列选项"现场照片"、"服务视频"、"工作日志"，选中态蓝色边框；3.图片上传区，九宫格布局，多个图片缩略图+虚线添加框，显示"+"号；4.文字描述输入框，多行文本框，提示文字"请描述本次服务内容、进展情况..."；5.服务时间选择行，左侧标签"服务时间"，右侧时间文字+箭头；6.弹窗底部，蓝色圆角主按钮"确认上传"，全宽。整体风格：延续参考图政务类小程序风格，底部半屏弹窗，表单布局规整，蓝色系配色，高分辨率UI设计稿
创意 × 9
1q2c8q3vwt2k7u4q2-HB
运动数据app
status404
设计一个简洁美观的日历行程表，包含清晰的月份日期格子和每日行程记录区域，整体风格简约实用，适合办公日程规划使用
1q7g66qdl32gbmbfk-HB
设计一个简洁美观的日历行程表，包含清晰的月份日期格子和每日行程记录区域，整体风格简约实用，适合办公日程规划使用
1q7g66qdl32gbmbfk-HB
将该任务管理APP界面制作成App Store英文上架图，界面清晰完整，适配应用市场展示风格
1qrueebafuJN7veA-HB
将该任务管理APP界面制作成App Store英文上架图，界面清晰完整，适配应用市场展示风格
1qrueebafuJN7veA-HB
[第1屏] 公开课APP首页头屏，展示移动端APP顶部导航区域，包含可切换的"公开课"和"我发布"两个标题标签，当前选中"公开课"标签，下方展示公开课列表页面框架。 [氛围/风格] 现代简约UI设计，专业干净的移动端界面风格，清晰信息层级，扁平化设计，商业UI界面质感，舒适干净色调。 [元素布局] 状态栏在最顶部，下方是导航标签栏，"公开课"标签默认蓝色选中状态，"我发布"标签灰色未选中状态，标签栏下方预留搜索框位置，再往下是公开课列表区域顶部，整体占比合理，界面元素间距舒适。 [光影质感] 扁平简约光影，清晰锐利，界面元素区分明显，无过多渐变阴影，保持清爽干净。 [配色色系] 全局底色 #FFFFFF，主选中色 #165DFF，未选中文字 #666666，分割线 #F5F5F5。 [视角构图] 正视图，移动端竖屏构图，阅读动线从上到下清晰自然。 [文字版式] 顶部导航主标题文字清晰，"公开课"字号18px加粗蓝色，"我发布"字号18px常规灰色，文字不挤压，留白舒适，信息层级区分明确。 [比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。 [负向提示词] 文字错乱，界面变形，布局拥挤，颜色怪异，水印，缺件错件，结构错误。
乐清_
![生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：
顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」
接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项
然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼]
主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）
表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」
表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」
操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）
表格下方是分页器：< 1 2 3 ... >
整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范](https://gd-cms.dancf.com/gd-cms/xi19e5/0/195b7aee-d00c-47c8-9aa1-c469b90bb68629679.jpg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第1屏] 公开课APP首页头屏，展示移动端APP顶部导航区域，包含可切换的"公开课"和"我发布"两个标题标签，当前选中"公开课"标签，下方展示公开课列表页面框架。
[氛围/风格] 现代简约UI设计，专业干净的移动端界面风格，清晰信息层级，扁平化设计，商业UI界面质感，舒适干净色调。
[元素布局] 状态栏在最顶部，下方是导航标签栏，"公开课"标签默认蓝色选中状态，"我发布"标签灰色未选中状态，标签栏下方预留搜索框位置，再往下是公开课列表区域顶部，整体占比合理，界面元素间距舒适。
[光影质感] 扁平简约光影，清晰锐利，界面元素区分明显，无过多渐变阴影，保持清爽干净。
[配色色系] 全局底色 #FFFFFF，主选中色 #165DFF，未选中文字 #666666，分割线 #F5F5F5。
[视角构图] 正视图，移动端竖屏构图，阅读动线从上到下清晰自然。
[文字版式] 顶部导航主标题文字清晰，"公开课"字号18px加粗蓝色，"我发布"字号18px常规灰色，文字不挤压，留白舒适，信息层级区分明确。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 文字错乱，界面变形，布局拥挤，颜色怪异，水印，缺件错件，结构错误。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/ca78e1c2-c98a-403f-baa4-43884ef8cdc07006.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)