企业级智慧农业App 4G卡管理与缴费页面设计,白色背景为主,… - 图片创意预览

企业级智慧农业App 4G卡管理与缴费页面设计,白色背景为主,…

企业级智慧农业App 4G卡管理与缴费页面设计,白色背景为主,顶部深墨绿色导航栏写着白色"4G卡管理"。下方三个统计胶囊横向排列:正常20张绿色背景、即将到期3张橙色背景、已欠费1张红色背景。再下方黄

用户头像

1q2rqdj61m-...

2026.08.08
精确复刻参考图的版式骨架、配色体系和氛围,将横版改为竖版(60×150cm,比例2:5),上下分区布局。画面分为上下两大区块: 【上半区-大流量卡】 - 背景:蓝色渐变科技感背景,顶部有黄色装饰条 - 左侧:5G SIM卡产品图,白色卡面带金色芯片和蓝色"5G"字样,100%还原参考图中SIM卡外形 - 主标题:"大流量卡"白色粗体大字 - 副标题:白色笔刷底纹条上写"多种套餐 流量不限" - 卖点:三个黄色对勾图标+文字"全国通用"、"不限APP"、"高速稳定" - 右侧:蓝色WiFi信号波纹图标 【下半区-极速宽带】 - 背景:深紫色渐变科技感背景,带蓝色光效流线 - 左侧:白色双天线路由器产品图,100%还原参考图中路由器外形、天线、指示灯细节 - 主标题:"极速宽带"白色粗体大字,"宽带"二字为黄色,右侧带黄色闪电图标 - 促销标签:红色笔刷形状标签上写白色大字"免费" - 底部卖点:三个圆形图标+文字"上网快"(闪电图标)、"更稳定"(盾牌图标)、"覆盖广"(WiFi图标) 【整体要求】 - 竖版构图,上下两大区块面积各占约一半,中间用斜切分割线过渡 - 配色与参考图完全一致:上蓝下紫,黄白红点缀 - 科技感商业海报风格,光影柔和,质感高级 - 所有文字清晰可读,字体风格与参考图一致 - 画面中所有数字必须精确渲染,不得错位、遗漏或编造 - 画面中所有信息区域必须填充完整合理的内容,不得出现空白框或占位 - 版式精美,四周留安全边距精确复刻参考图的版式骨架、配色体系和氛围,将横版改为竖版(60×150cm,比例2:5),上下分区布局。画面分为上下两大区块:

【上半区-大流量卡】
- 背景:蓝色渐变科技感背景,顶部有黄色装饰条
- 左侧:5G SIM卡产品图,白色卡面带金色芯片和蓝色"5G"字样,100%还原参考图中SIM卡外形
- 主标题:"大流量卡"白色粗体大字
- 副标题:白色笔刷底纹条上写"多种套餐 流量不限"
- 卖点:三个黄色对勾图标+文字"全国通用"、"不限APP"、"高速稳定"
- 右侧:蓝色WiFi信号波纹图标

【下半区-极速宽带】
- 背景:深紫色渐变科技感背景,带蓝色光效流线
- 左侧:白色双天线路由器产品图,100%还原参考图中路由器外形、天线、指示灯细节
- 主标题:"极速宽带"白色粗体大字,"宽带"二字为黄色,右侧带黄色闪电图标
- 促销标签:红色笔刷形状标签上写白色大字"免费"
- 底部卖点:三个圆形图标+文字"上网快"(闪电图标)、"更稳定"(盾牌图标)、"覆盖广"(WiFi图标)

【整体要求】
- 竖版构图,上下两大区块面积各占约一半,中间用斜切分割线过渡
- 配色与参考图完全一致:上蓝下紫,黄白红点缀
- 科技感商业海报风格,光影柔和,质感高级
- 所有文字清晰可读,字体风格与参考图一致
- 画面中所有数字必须精确渲染,不得错位、遗漏或编造
- 画面中所有信息区域必须填充完整合理的内容,不得出现空白框或占位
- 版式精美,四周留安全边距
参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的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设计风格,界面简洁现代,数据清晰易读,符合运维人员浏览习惯。
参考原图的清新简约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设计风格,浅蓝渐变背景,信息分区清晰,层次分明参考原图的清新简约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设计风格,浅蓝渐变背景,信息分区清晰,层次分明