【方案B:结构优化版】智慧台架看板UI设计,重新设计信息架构。… - 图片创意预览

【方案B:结构优化版】智慧台架看板UI设计,重新设计信息架构。…

【方案B:结构优化版】智慧台架看板UI设计,重新设计信息架构。顶部标题栏左侧为'智慧台架看板',右侧有实时数据时间和告警铃铛图标带数字角标。顶部增加一行'今日总览'结论条:'整体运行良好,台架利用率8

用户头像

131****0031

2026.08.25
参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的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设计风格,界面简洁现代,数据清晰易读,符合运维人员浏览习惯。
高科技数字化生产运营数据看板,深色科技蓝背景,霓虹光效数据可视化风格,16:9横版大屏布局。 顶部主标题:"智能生产运营看板",副标题"实时数据 · 全局掌控",科技感发光字体。 画面分为多个数据模块,布局精美,信息层级分明: 【左上模块】原材料出入库汇总:显示入库总量、出库总量的数字卡片,下方配近7天出入库趋势双折线图,横轴7天日期,纵轴数量,入库线蓝色,出库线青色。 【左中模块】生产计划与完工:显示"月计划数"和"月完工数"两个大数字对比卡片,下方小字显示"本周日计划"和"日报工数",配进度环形图。 【左下模块】车间在制品:两个并排数字卡片,分别显示"冲压车间在制品数"和"焊接车间在制品数",配车间图标。 【中上模块】质量检验-来料:显示"来料检验合格率"大百分比数字,下方配不良原因TOP5横向柱状图,标注5项不良原因名称和占比。 【中下模块】质量检验-过程:显示"过程检验合格率"大百分比数字,下方配不良原因TOP5横向柱状图,标注5项不良原因名称和占比。右侧显示"当月冻结流转卡次数"数字卡片。 【右侧模块】设备运行监控:顶部显示"设备总开机数"大数字,下方配当周每日总开机时长趋势柱状图,横轴周一至周日,纵轴时长小时数。 整体风格:深色渐变背景,蓝紫色霓虹光效,玻璃拟态数据卡片,发光边框,全息投影感,数据图表清晰可读,数字精确醒目,充满未来科技感和智能制造氛围,版式精美,2K超清画质。 画面中所有数据区域、图表、数字卡片必须填充完整合理的数值内容,不得出现空白框或占位符。画面中所有数字必须精确渲染,不得错位、遗漏或编造。高科技数字化生产运营数据看板,深色科技蓝背景,霓虹光效数据可视化风格,16:9横版大屏布局。

顶部主标题:"智能生产运营看板",副标题"实时数据 · 全局掌控",科技感发光字体。

画面分为多个数据模块,布局精美,信息层级分明:

【左上模块】原材料出入库汇总:显示入库总量、出库总量的数字卡片,下方配近7天出入库趋势双折线图,横轴7天日期,纵轴数量,入库线蓝色,出库线青色。

【左中模块】生产计划与完工:显示"月计划数"和"月完工数"两个大数字对比卡片,下方小字显示"本周日计划"和"日报工数",配进度环形图。

【左下模块】车间在制品:两个并排数字卡片,分别显示"冲压车间在制品数"和"焊接车间在制品数",配车间图标。

【中上模块】质量检验-来料:显示"来料检验合格率"大百分比数字,下方配不良原因TOP5横向柱状图,标注5项不良原因名称和占比。

【中下模块】质量检验-过程:显示"过程检验合格率"大百分比数字,下方配不良原因TOP5横向柱状图,标注5项不良原因名称和占比。右侧显示"当月冻结流转卡次数"数字卡片。

【右侧模块】设备运行监控:顶部显示"设备总开机数"大数字,下方配当周每日总开机时长趋势柱状图,横轴周一至周日,纵轴时长小时数。

整体风格:深色渐变背景,蓝紫色霓虹光效,玻璃拟态数据卡片,发光边框,全息投影感,数据图表清晰可读,数字精确醒目,充满未来科技感和智能制造氛围,版式精美,2K超清画质。

画面中所有数据区域、图表、数字卡片必须填充完整合理的数值内容,不得出现空白框或占位符。画面中所有数字必须精确渲染,不得错位、遗漏或编造。