触摸屏UI界面设计,二级页面,项目案例列表页,蓝白渐变科技风格… - 图片创意预览

触摸屏UI界面设计,二级页面,项目案例列表页,蓝白渐变科技风格…

触摸屏UI界面设计,二级页面,项目案例列表页,蓝白渐变科技风格,与首页风格统一。页面顶部有面包屑导航和返回按钮,标题为'光储充一体'。主体区域展示6个项目案例缩略图卡片,分两行三列排列,每个卡片有项目

用户头像

GD293937582

2026.08.20
达谙DAAN SmartOps储能智慧云平台首页UI设计,浅色高端科技风格,融合南方电网B端系统的专业感与炫酷能源流动视觉。整体浅青蓝白色调,干净大气又富有科技感。顶部蓝色渐变导航栏:左侧达谙DAAN logo,中间电站切换下拉框(美律电子电站)+ 标签页导航(功率曲线/实时监视/资源概览/成员管理),右侧消息通知带红色角标、告警提示条、超级管理员头像。左侧垂直导航菜单完整保留所有功能模块:实时监视(资源概览、功率曲线、电站列表、大屏管理)、电站监视、运行分析、能源调度、光伏发电、决策分析、运营中心(收益分析、故障分析)、运维中心(诊断中心、工单管理)、配置管理、日志中心、系统管理(个人中心、角色管理、企业信息、成员管理、组织管理、字典管理、数据浏览),每个菜单带线性图标,选中态蓝色高亮发光,可展开子菜单,设计感强。主内容区采用创新布局:顶部中央是大型2.5D等距视角储能电站可视化区域,包含光伏板阵列、储能集装箱、变电站设施、能量流动光线,蓝色能量粒子沿流线流动,形成发储用能源闭环视觉,科技感炫酷。电站可视化上方悬浮四个核心KPI数据卡片:电站数量12、电站状态在线3离线9、装机功率2MW、装机容量2MWh,玻璃态半透明卡片,数字醒目。中部左右分布:左侧今日充放电数据卡片(今日充电量、今日放电量、月充电量、月放电量、总充电量、总放电量),右侧今日收益与告警事件卡片(今日收益环形图、告警事件分布环形图)。下方两大图表区:左侧充放电统计曲线图(蓝色充电线、绿色放电线,近7日/近1月/近1年切换标签),右侧收益统计面积趋势图。最底部电站统计报表表格,含电站类型、名称、状态、充放电量、收益等列,带分页。整体界面设计感强,层次丰富,能源流动视觉炫酷,同时保持B端系统的专业清晰,浅色基调高端大气,高保真UI设计,高质量渲染达谙DAAN SmartOps储能智慧云平台首页UI设计,浅色高端科技风格,融合南方电网B端系统的专业感与炫酷能源流动视觉。整体浅青蓝白色调,干净大气又富有科技感。顶部蓝色渐变导航栏:左侧达谙DAAN logo,中间电站切换下拉框(美律电子电站)+ 标签页导航(功率曲线/实时监视/资源概览/成员管理),右侧消息通知带红色角标、告警提示条、超级管理员头像。左侧垂直导航菜单完整保留所有功能模块:实时监视(资源概览、功率曲线、电站列表、大屏管理)、电站监视、运行分析、能源调度、光伏发电、决策分析、运营中心(收益分析、故障分析)、运维中心(诊断中心、工单管理)、配置管理、日志中心、系统管理(个人中心、角色管理、企业信息、成员管理、组织管理、字典管理、数据浏览),每个菜单带线性图标,选中态蓝色高亮发光,可展开子菜单,设计感强。主内容区采用创新布局:顶部中央是大型2.5D等距视角储能电站可视化区域,包含光伏板阵列、储能集装箱、变电站设施、能量流动光线,蓝色能量粒子沿流线流动,形成发储用能源闭环视觉,科技感炫酷。电站可视化上方悬浮四个核心KPI数据卡片:电站数量12、电站状态在线3离线9、装机功率2MW、装机容量2MWh,玻璃态半透明卡片,数字醒目。中部左右分布:左侧今日充放电数据卡片(今日充电量、今日放电量、月充电量、月放电量、总充电量、总放电量),右侧今日收益与告警事件卡片(今日收益环形图、告警事件分布环形图)。下方两大图表区:左侧充放电统计曲线图(蓝色充电线、绿色放电线,近7日/近1月/近1年切换标签),右侧收益统计面积趋势图。最底部电站统计报表表格,含电站类型、名称、状态、充放电量、收益等列,带分页。整体界面设计感强,层次丰富,能源流动视觉炫酷,同时保持B端系统的专业清晰,浅色基调高端大气,高保真UI设计,高质量渲染
达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染
达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染