SmartOps储能智慧云平台登录页面设计，浅色简约科技风格。… - 图片创意预览

SmartOps储能智慧云平台登录页面设计，浅色简约科技风格。…

SmartOps储能智慧云平台登录页面设计，浅色简约科技风格。画面左侧为登录卡片区域，右侧为2.5D等距视角的电化学储能电站插画，包含储能集装箱、光伏板、风力发电机、输电塔、能量流动线条，整体为淡蓝色

用户头像

🦋X💋SaSa💕

2026.10.01
达谙DAAN SmartOps能源管理云平台-故障分析页面，高保真UI设计，1920x1080，B端后台系统界面。严格保留原图所有内容模块不增不减。顶部导航栏严格按照参考图第8张一模一样：深蓝色渐变背景，左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标，中间搜索框（搜索电站名称、设备、编号等）带下拉箭头，背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰，右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名，颜色样式完全不变。左侧菜单栏严格按照参考图第8张一模一样：深蓝色背景，白色图标+白色文字，选中项青色高亮文字带青色圆点标记，菜单从上到下：实时监视（展开带箭头）、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析（选中青色高亮带青色圆点，展开箭头）、运维中心，颜色样式完全不变。面包屑：首页 > 故障分析。主内容区整体UI风格参照中国南方电网浅色风格，浅蓝白背景，白色卡片圆角柔和投影，标题带蓝色小竖线+蓝色图标。页面标题"故障分析"带蓝色小竖线，副标题"故障统计、类型分布、趋势分析与历史故障追溯"，右上角全部电站下拉+导出按钮。顶部4个KPI数据卡片并排等宽，渐变色头部但改为浅色精致风格：今日故障（粉红渐变 1起 需及时处理小字）、本月故障（橙色渐变 22起 环比下降12%小字带下降箭头）、故障恢复率（绿色渐变 63.6% 目标95%小字）、平均修复时间（紫色渐变 159分钟 较上月缩短18min小字带下降箭头），每个卡片带圆形装饰图案，白色卡片底+彩色渐变顶部条。中间区域左右两个大卡片：左侧"故障类型分布"卡片，标题带蓝色小竖线+图标，柱状图7根柱子分别为：消防系统告警（红色 4）、SOC波动异常（橙色 4）、市电闪断（青色 5最高）、电池温度过高（绿色 3）、逆变器效率下降（浅紫 2）、冷却系统故障（粉红 2）、绝缘电阻偏低（蓝色 2），柱子圆角渐变填充，X轴为故障类型名称Y轴为数量，数据与原图完全一致。右侧"故障趋势（近30天）"卡片，标题带蓝色小竖线+图标，多折线面积图，三条线分别为紧急（红色）、重要（橙色）、一般（青色），折线有波动起伏有多个波峰波谷，X轴日期从9/5到10/3，图例在下方，渐变半透明填充，浅色精致风格。底部"故障列表"大卡片，标题带蓝色小竖线+图标，右上角搜索故障/设备搜索框+全部级别下拉+全部状态下拉+查询按钮。数据表格：表头浅蓝底色，列包括故障编号、级别（带颜色标签：紧急红/重要橙/一般黄）、故障名称、所属电站、设备、发生时间、恢复时间、修复时长、状态（处理中蓝色标签/已恢复绿色标签）、操作（详情 恢复 蓝色文字），斑马纹行交替，10条数据与原图完全一致（FT202609007消防系统告警处理中、FT202609011 SOC波动异常已恢复233分钟等），底部分页器（共22条 上一页 1 2 3 下一页 10条/页下拉）。整体浅色专业B端UI，图表精致渐变，数据完全保留原图内容。达谙DAAN SmartOps能源管理云平台-故障分析页面，高保真UI设计，1920x1080，B端后台系统界面。严格保留原图所有内容模块不增不减。顶部导航栏严格按照参考图第8张一模一样：深蓝色渐变背景，左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标，中间搜索框（搜索电站名称、设备、编号等）带下拉箭头，背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰，右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名，颜色样式完全不变。左侧菜单栏严格按照参考图第8张一模一样：深蓝色背景，白色图标+白色文字，选中项青色高亮文字带青色圆点标记，菜单从上到下：实时监视（展开带箭头）、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析（选中青色高亮带青色圆点，展开箭头）、运维中心，颜色样式完全不变。面包屑：首页 > 故障分析。主内容区整体UI风格参照中国南方电网浅色风格，浅蓝白背景，白色卡片圆角柔和投影，标题带蓝色小竖线+蓝色图标。页面标题"故障分析"带蓝色小竖线，副标题"故障统计、类型分布、趋势分析与历史故障追溯"，右上角全部电站下拉+导出按钮。顶部4个KPI数据卡片并排等宽，渐变色头部但改为浅色精致风格：今日故障（粉红渐变 1起 需及时处理小字）、本月故障（橙色渐变 22起 环比下降12%小字带下降箭头）、故障恢复率（绿色渐变 63.6% 目标95%小字）、平均修复时间（紫色渐变 159分钟 较上月缩短18min小字带下降箭头），每个卡片带圆形装饰图案，白色卡片底+彩色渐变顶部条。中间区域左右两个大卡片：左侧"故障类型分布"卡片，标题带蓝色小竖线+图标，柱状图7根柱子分别为：消防系统告警（红色 4）、SOC波动异常（橙色 4）、市电闪断（青色 5最高）、电池温度过高（绿色 3）、逆变器效率下降（浅紫 2）、冷却系统故障（粉红 2）、绝缘电阻偏低（蓝色 2），柱子圆角渐变填充，X轴为故障类型名称Y轴为数量，数据与原图完全一致。右侧"故障趋势（近30天）"卡片，标题带蓝色小竖线+图标，多折线面积图，三条线分别为紧急（红色）、重要（橙色）、一般（青色），折线有波动起伏有多个波峰波谷，X轴日期从9/5到10/3，图例在下方，渐变半透明填充，浅色精致风格。底部"故障列表"大卡片，标题带蓝色小竖线+图标，右上角搜索故障/设备搜索框+全部级别下拉+全部状态下拉+查询按钮。数据表格：表头浅蓝底色，列包括故障编号、级别（带颜色标签：紧急红/重要橙/一般黄）、故障名称、所属电站、设备、发生时间、恢复时间、修复时长、状态（处理中蓝色标签/已恢复绿色标签）、操作（详情 恢复 蓝色文字），斑马纹行交替，10条数据与原图完全一致（FT202609007消防系统告警处理中、FT202609011 SOC波动异常已恢复233分钟等），底部分页器（共22条 上一页 1 2 3 下一页 10条/页下拉）。整体浅色专业B端UI，图表精致渐变，数据完全保留原图内容。
xuyasha8108xuyasha8108
电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计，整体UI风格参照慧声智联客服平台的卡片式设计语言。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式(创建时间/修改时间)、机器人类型筛选标签、搜索框、查询按钮、重置按钮。页面大标题'电站管理'，副标题说明文字，顶部4步流程引导条(Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个圆形图标数据卡片横向排列(电站总数12、源网侧储能5、用户侧储能4、备用储能3、总功率16.85MW、总能量32.42MWh)，每个卡片有彩色圆形图标+数值+标题。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为白色圆角卡片带精致阴影，左上角彩色图标+电站名称，数据源标签(PCS系统/EMS系统)，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签(电价配置异常)，卡片右上角更多操作按钮，底部操作栏编辑/删除/对话测试图标按钮。整体浅色B端卡片式风格，蓝白主色调，玻璃拟态感，圆角大，阴影精致，科技感装饰元素，现代企业级后台UI电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计，整体UI风格参照慧声智联客服平台的卡片式设计语言。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式(创建时间/修改时间)、机器人类型筛选标签、搜索框、查询按钮、重置按钮。页面大标题'电站管理'，副标题说明文字，顶部4步流程引导条(Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个圆形图标数据卡片横向排列(电站总数12、源网侧储能5、用户侧储能4、备用储能3、总功率16.85MW、总能量32.42MWh)，每个卡片有彩色圆形图标+数值+标题。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为白色圆角卡片带精致阴影，左上角彩色图标+电站名称，数据源标签(PCS系统/EMS系统)，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签(电价配置异常)，卡片右上角更多操作按钮，底部操作栏编辑/删除/对话测试图标按钮。整体浅色B端卡片式风格，蓝白主色调，玻璃拟态感，圆角大，阴影精致，科技感装饰元素，现代企业级后台UI
xuyasha8108xuyasha8108
达谙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设计，高质量渲染
xuyasha8108xuyasha8108
达谙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设计，高质量渲染
xuyasha8108xuyasha8108
达谙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设计，高质量渲染
🦋X💋SaSa💕🦋X💋SaSa💕
xuyasha8108xuyasha8108
电化学储能电站运维系统-电站管理页面高保真UI设计，卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明，顶部4步流程引导条(浅蓝渐变背景，Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个浅蓝渐变背景数据卡片，每个卡片有淡蓝色渐变背景+白色前景，彩色圆形图标+数值+标题+环比趋势。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色)，左上角彩色图标+电站名称，数据源标签，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签，卡片右上角更多操作按钮，底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台：浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影，现代企业级后台UI电化学储能电站运维系统-电站管理页面高保真UI设计，卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明，顶部4步流程引导条(浅蓝渐变背景，Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个浅蓝渐变背景数据卡片，每个卡片有淡蓝色渐变背景+白色前景，彩色圆形图标+数值+标题+环比趋势。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色)，左上角彩色图标+电站名称，数据源标签，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签，卡片右上角更多操作按钮，底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台：浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影，现代企业级后台UI
xuyasha8108xuyasha8108
用户xv5oZQOq用户xv5oZQOq
达谙DAAN SmartOps能源管理云平台-收益分析-电站收益页面，高保真UI设计，1920x1080，B端后台系统界面。顶部导航栏严格按照参考图样式：深蓝色渐变背景，左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标，中间搜索框（搜索电站名称、设备、编号等）带下拉箭头，背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰，右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名。左侧菜单栏严格按照参考图样式：深蓝色背景，白色图标+白色文字，选中项青色高亮文字带青色圆点标记，菜单从上到下：实时监视（展开，资源概览选中青色）、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析（展开带箭头）、故障分析、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理。面包屑：首页 > 收益分析 > 电站收益。主内容区浅蓝白色背景，整体风格参照中国南方电网数据大屏风格，白色卡片圆角柔和投影。顶部4个KPI数据卡片并排等宽，渐变色头部：今日收益（蓝色渐变 ¥4,321.63 实时更新小字）、本月收益（绿色渐变 ¥54,020 1-9月累计小字）、本年收益（橙色渐变 ¥108,041 2026年度小字）、累计收益（紫色渐变 ¥248,494 项目投运至今小字），每个卡片带圆形装饰图案。中间区域左右分栏：左侧"收益构成"卡片，标题带蓝色小竖线+蓝色图标，大环形图中间显示总收益¥10,8040.69，环形分四段颜色（青色峰谷套利30.4%、绿色调频20.0%、橙色备用28.7%、紫色其他21.0%），下方图例列表带百分比和金额。右侧"收益趋势（近30天）"卡片，标题带蓝色小竖线，右上角单位元下拉，折线面积图渐变填充青色，曲线有明显波动起伏（多个波峰波谷），X轴日期从9/10到10/3，Y轴金额，数据点标注，悬浮提示框样式精致。底部"收益明细"大卡片，标题带蓝色小竖线，右上角搜索框+全类型下拉+查询按钮。数据表格：表头浅蓝底色，列包括日期、电站、收益类型（带彩色标签如峰谷套利/调频/备用/其他）、均价(元/KWH)、收益金额(元)（黄色高亮数字）、占比，斑马纹行交替，10行以上数据数值各不相同，底部分页器（共24条 上一页 1 2 3 下一页 10条/页下拉）。所有数据真实有效有高有低有波动，专业B端UI精致细腻。达谙DAAN SmartOps能源管理云平台-收益分析-电站收益页面，高保真UI设计，1920x1080，B端后台系统界面。顶部导航栏严格按照参考图样式：深蓝色渐变背景，左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标，中间搜索框（搜索电站名称、设备、编号等）带下拉箭头，背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰，右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名。左侧菜单栏严格按照参考图样式：深蓝色背景，白色图标+白色文字，选中项青色高亮文字带青色圆点标记，菜单从上到下：实时监视（展开，资源概览选中青色）、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析（展开带箭头）、故障分析、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理。面包屑：首页 > 收益分析 > 电站收益。主内容区浅蓝白色背景，整体风格参照中国南方电网数据大屏风格，白色卡片圆角柔和投影。顶部4个KPI数据卡片并排等宽，渐变色头部：今日收益（蓝色渐变 ¥4,321.63 实时更新小字）、本月收益（绿色渐变 ¥54,020 1-9月累计小字）、本年收益（橙色渐变 ¥108,041 2026年度小字）、累计收益（紫色渐变 ¥248,494 项目投运至今小字），每个卡片带圆形装饰图案。中间区域左右分栏：左侧"收益构成"卡片，标题带蓝色小竖线+蓝色图标，大环形图中间显示总收益¥10,8040.69，环形分四段颜色（青色峰谷套利30.4%、绿色调频20.0%、橙色备用28.7%、紫色其他21.0%），下方图例列表带百分比和金额。右侧"收益趋势（近30天）"卡片，标题带蓝色小竖线，右上角单位元下拉，折线面积图渐变填充青色，曲线有明显波动起伏（多个波峰波谷），X轴日期从9/10到10/3，Y轴金额，数据点标注，悬浮提示框样式精致。底部"收益明细"大卡片，标题带蓝色小竖线，右上角搜索框+全类型下拉+查询按钮。数据表格：表头浅蓝底色，列包括日期、电站、收益类型（带彩色标签如峰谷套利/调频/备用/其他）、均价(元/KWH)、收益金额(元)（黄色高亮数字）、占比，斑马纹行交替，10行以上数据数值各不相同，底部分页器（共24条 上一页 1 2 3 下一页 10条/页下拉）。所有数据真实有效有高有低有波动，专业B端UI精致细腻。
xuyasha8108xuyasha8108
达谙DAAN SmartOps储能智慧云平台-发电预测页面，浅色高端科技风格，与整套设计体系统一。顶部导航与第4张参考图完全一致：左侧达谙DAAN圆形logo+SmartOps储能智慧云平台文字+汉堡菜单，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标12、预警3/重大1/设备异常2/SOC低4状态标签（椭圆形胶囊样式）、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单与第4张完全一致：实时监视、电站监视、运行分析、能源调度、光伏发电（展开选中，发电预测高亮蓝色背景，子菜单：光伏监控、发电预测、光伏健康度、发电报表）、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。菜单项图标+文字，选中态蓝色背景高亮，子菜单圆点标记。卡片样式参照第7张参考图调整：一级标题带蓝色小竖线+蓝色图标+蓝色标题文字，右上角有查看更多链接，卡片白色底色，圆角统一，轻微柔和投影，卡片内有淡蓝色装饰元素，数据卡片带3D小图标装饰。列表样式参照第5张参考图调整：表头浅蓝底色，行间隔斑马纹，左侧带复选框，操作列蓝色文字链接，分页器在底部居中。主内容区结合第1、2张的发电预测内容：顶部操作栏（查询、生成预测、同步实际发电量按钮），未来三天天气预报区（3天天气下拉选择+刷新预测按钮），4个数据卡片（未来三天预测发电量、近7天日均发电量、有数据天数、未来三天天气），近7天实际发电量与未来3天预测对比曲线图，未来三天预测明细表格，底部预测记录列表（预测编号、场站编号、预测日期、预测类型、预测发电量、实际发电量、预测准确率、天气条件、预测模型、创建时间、操作）。整体浅蓝白配色，专业可信科技通透，高保真UI设计，高质量渲染达谙DAAN SmartOps储能智慧云平台-发电预测页面，浅色高端科技风格，与整套设计体系统一。顶部导航与第4张参考图完全一致：左侧达谙DAAN圆形logo+SmartOps储能智慧云平台文字+汉堡菜单，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标12、预警3/重大1/设备异常2/SOC低4状态标签（椭圆形胶囊样式）、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单与第4张完全一致：实时监视、电站监视、运行分析、能源调度、光伏发电（展开选中，发电预测高亮蓝色背景，子菜单：光伏监控、发电预测、光伏健康度、发电报表）、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。菜单项图标+文字，选中态蓝色背景高亮，子菜单圆点标记。卡片样式参照第7张参考图调整：一级标题带蓝色小竖线+蓝色图标+蓝色标题文字，右上角有查看更多链接，卡片白色底色，圆角统一，轻微柔和投影，卡片内有淡蓝色装饰元素，数据卡片带3D小图标装饰。列表样式参照第5张参考图调整：表头浅蓝底色，行间隔斑马纹，左侧带复选框，操作列蓝色文字链接，分页器在底部居中。主内容区结合第1、2张的发电预测内容：顶部操作栏（查询、生成预测、同步实际发电量按钮），未来三天天气预报区（3天天气下拉选择+刷新预测按钮），4个数据卡片（未来三天预测发电量、近7天日均发电量、有数据天数、未来三天天气），近7天实际发电量与未来3天预测对比曲线图，未来三天预测明细表格，底部预测记录列表（预测编号、场站编号、预测日期、预测类型、预测发电量、实际发电量、预测准确率、天气条件、预测模型、创建时间、操作）。整体浅蓝白配色，专业可信科技通透，高保真UI设计，高质量渲染
xuyasha8108xuyasha8108
达谙DAAN SmartOps储能智慧云平台-电芯实时指标页面，浅色高端科技风格，整体UI风格参照第3张北斗综合服务平台风格。顶部导航延续整套产品统一风格：左侧达谙DAAN圆形logo+SmartOps储能智慧云平台文字+汉堡菜单，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低胶囊状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格：决策分析展开，电芯实时指标高亮选中。整体UI风格参照第3张：卡片白色底色带淡蓝色渐变顶部装饰条，标题带蓝色小图标+蓝色文字，数据卡片带蓝色发光图标，布局紧凑专业。图表样式参照第4-9张：折线图带面积渐变、柱状图圆角渐变、仪表盘精致，配色蓝绿橙红多色。页面内容为电芯实时指标，数据充实不为0：上排三个大卡片：场站温度概况折线图（24小时温度趋势，最高38.2度最低25.6度）、设备温度概况多系列折线图（各设备温度对比）、堆温度概况面积图（多堆温度趋势）。中部储能单元横向滚动条（1#储能单元、2#储能单元...多个，带温度数值和状态颜色）。下排簇温度概况卡片（多个簇的温度数据表格+迷你柱状图）。右侧或底部还有电压实时数据、SOC分布、内阻分布等数据卡片。数据全部为真实有效数值，不为0，有高有低有波动。整体浅蓝白配色，专业可信科技通透，高保真UI设计，高质量渲染达谙DAAN SmartOps储能智慧云平台-电芯实时指标页面，浅色高端科技风格，整体UI风格参照第3张北斗综合服务平台风格。顶部导航延续整套产品统一风格：左侧达谙DAAN圆形logo+SmartOps储能智慧云平台文字+汉堡菜单，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低胶囊状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格：决策分析展开，电芯实时指标高亮选中。整体UI风格参照第3张：卡片白色底色带淡蓝色渐变顶部装饰条，标题带蓝色小图标+蓝色文字，数据卡片带蓝色发光图标，布局紧凑专业。图表样式参照第4-9张：折线图带面积渐变、柱状图圆角渐变、仪表盘精致，配色蓝绿橙红多色。页面内容为电芯实时指标，数据充实不为0：上排三个大卡片：场站温度概况折线图（24小时温度趋势，最高38.2度最低25.6度）、设备温度概况多系列折线图（各设备温度对比）、堆温度概况面积图（多堆温度趋势）。中部储能单元横向滚动条（1#储能单元、2#储能单元...多个，带温度数值和状态颜色）。下排簇温度概况卡片（多个簇的温度数据表格+迷你柱状图）。右侧或底部还有电压实时数据、SOC分布、内阻分布等数据卡片。数据全部为真实有效数值，不为0，有高有低有波动。整体浅蓝白配色，专业可信科技通透，高保真UI设计，高质量渲染
xuyasha8108xuyasha8108
达谙DAAN SmartOps储能智慧云平台-光伏监控页面，浅色高端科技风格，与前三张页面视觉完全统一。顶部导航与第一张参考图完全一致：左侧达谙DAAN圆形logo+汉堡菜单图标，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标17、预警0/重大0/设备异常0/SOC低1状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单与第二张参考图完全一致：实时监视（实时概览、变流器概览、功率曲线、电站列表、大屏管理）、电站监视、运行分析、能源调度、光伏发电（展开选中，光伏监控高亮蓝色背景）、决策分析、运营中心（收益分析、故障分析）、运维中心（诊断中心、工单管理）、配置管理、日志中心、系统管理。菜单项图标+文字，选中态蓝色背景高亮，子菜单圆点标记。主内容区结合第4、5张图的光伏监控内容：面包屑导航（首页/光伏发电/光伏监控），标题"光伏监控"，副标题"光伏发电实时监控与数据统计"。顶部4个彩色渐变数据卡片：实时发电功率（蓝青渐变，42.94kW）、今日发电量（绿色，628.39kWh）、累计发电量（橙色，1309.39kWh）、今日收益（紫色，628.39元）。逆变器状态区域：4个逆变器卡片（1#-4#），分别显示功率、温度、运行状态（正常/温度偏高），顶部状态进度条。中间两大图表：左侧今日发电功率曲线图（面积图，从早到晚抛物线趋势），右侧近7日发电量柱状图。下方发电明细数据表格：设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态，带分页。整体浅蓝白配色，白色圆角卡片，轻微阴影，蓝色发光用于强调，专业可信科技通透，高保真UI设计，高质量渲染达谙DAAN SmartOps储能智慧云平台-光伏监控页面，浅色高端科技风格，与前三张页面视觉完全统一。顶部导航与第一张参考图完全一致：左侧达谙DAAN圆形logo+汉堡菜单图标，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标17、预警0/重大0/设备异常0/SOC低1状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单与第二张参考图完全一致：实时监视（实时概览、变流器概览、功率曲线、电站列表、大屏管理）、电站监视、运行分析、能源调度、光伏发电（展开选中，光伏监控高亮蓝色背景）、决策分析、运营中心（收益分析、故障分析）、运维中心（诊断中心、工单管理）、配置管理、日志中心、系统管理。菜单项图标+文字，选中态蓝色背景高亮，子菜单圆点标记。主内容区结合第4、5张图的光伏监控内容：面包屑导航（首页/光伏发电/光伏监控），标题"光伏监控"，副标题"光伏发电实时监控与数据统计"。顶部4个彩色渐变数据卡片：实时发电功率（蓝青渐变，42.94kW）、今日发电量（绿色，628.39kWh）、累计发电量（橙色，1309.39kWh）、今日收益（紫色，628.39元）。逆变器状态区域：4个逆变器卡片（1#-4#），分别显示功率、温度、运行状态（正常/温度偏高），顶部状态进度条。中间两大图表：左侧今日发电功率曲线图（面积图，从早到晚抛物线趋势），右侧近7日发电量柱状图。下方发电明细数据表格：设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态，带分页。整体浅蓝白配色，白色圆角卡片，轻微阴影，蓝色发光用于强调，专业可信科技通透，高保真UI设计，高质量渲染
xuyasha8108xuyasha8108
达谙DAAN SmartOps储能智慧云平台-光伏监控页面，浅色高端科技风格，与前三张页面视觉完全统一。顶部导航与第一张参考图完全一致：左侧达谙DAAN圆形logo+汉堡菜单图标，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标17、预警0/重大0/设备异常0/SOC低1状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单与第二张参考图完全一致：实时监视（实时概览、变流器概览、功率曲线、电站列表、大屏管理）、电站监视、运行分析、能源调度、光伏发电（展开选中，光伏监控高亮蓝色背景）、决策分析、运营中心（收益分析、故障分析）、运维中心（诊断中心、工单管理）、配置管理、日志中心、系统管理。菜单项图标+文字，选中态蓝色背景高亮，子菜单圆点标记。主内容区结合第4、5张图的光伏监控内容：面包屑导航（首页/光伏发电/光伏监控），标题"光伏监控"，副标题"光伏发电实时监控与数据统计"。顶部4个彩色渐变数据卡片：实时发电功率（蓝青渐变，42.94kW）、今日发电量（绿色，628.39kWh）、累计发电量（橙色，1309.39kWh）、今日收益（紫色，628.39元）。逆变器状态区域：4个逆变器卡片（1#-4#），分别显示功率、温度、运行状态（正常/温度偏高），顶部状态进度条。中间两大图表：左侧今日发电功率曲线图（面积图，从早到晚抛物线趋势），右侧近7日发电量柱状图。下方发电明细数据表格：设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态，带分页。整体浅蓝白配色，白色圆角卡片，轻微阴影，蓝色发光用于强调，专业可信科技通透，高保真UI设计，高质量渲染达谙DAAN SmartOps储能智慧云平台-光伏监控页面，浅色高端科技风格，与前三张页面视觉完全统一。顶部导航与第一张参考图完全一致：左侧达谙DAAN圆形logo+汉堡菜单图标，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标17、预警0/重大0/设备异常0/SOC低1状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单与第二张参考图完全一致：实时监视（实时概览、变流器概览、功率曲线、电站列表、大屏管理）、电站监视、运行分析、能源调度、光伏发电（展开选中，光伏监控高亮蓝色背景）、决策分析、运营中心（收益分析、故障分析）、运维中心（诊断中心、工单管理）、配置管理、日志中心、系统管理。菜单项图标+文字，选中态蓝色背景高亮，子菜单圆点标记。主内容区结合第4、5张图的光伏监控内容：面包屑导航（首页/光伏发电/光伏监控），标题"光伏监控"，副标题"光伏发电实时监控与数据统计"。顶部4个彩色渐变数据卡片：实时发电功率（蓝青渐变，42.94kW）、今日发电量（绿色，628.39kWh）、累计发电量（橙色，1309.39kWh）、今日收益（紫色，628.39元）。逆变器状态区域：4个逆变器卡片（1#-4#），分别显示功率、温度、运行状态（正常/温度偏高），顶部状态进度条。中间两大图表：左侧今日发电功率曲线图（面积图，从早到晚抛物线趋势），右侧近7日发电量柱状图。下方发电明细数据表格：设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态，带分页。整体浅蓝白配色，白色圆角卡片，轻微阴影，蓝色发光用于强调，专业可信科技通透，高保真UI设计，高质量渲染
🦋X💋SaSa💕🦋X💋SaSa💕
fD9y4qvFfD9y4qvF
♔Yhxhx♔Yhxhx
🦋X💋SaSa💕🦋X💋SaSa💕
xuyasha8108xuyasha8108
fD9y4qvFfD9y4qvF
Mr·ZhengMr·Zheng
W贝贝W贝贝
fD9y4qvFfD9y4qvF
fD9y4qvFfD9y4qvF
繁华似茧🐈一点即逝繁华似茧🐈一点即逝
xuyasha8108xuyasha8108
达谙DAAN SmartOps储能智慧云平台-电站监视页面UI重新设计，浅蓝白高端科技风格。整体浅青蓝白色调，融合南方电网B端专业感与科技炫酷，克制而有设计感。顶部蓝色渐变导航栏（浅蓝#4A90D9至青蓝#38B2CE平滑过渡）：左侧达谙DAAN logo，中间电站切换下拉框（美律电子电站）+ 标签页导航（功率曲线/实时监视/电站监视/资源概览），右侧消息通知带红色角标、告警提示条、超级管理员头像。左侧垂直导航菜单完整保留：实时监视（资源概览、功率曲线、电站列表、大屏管理）、电站监视（选中高亮）、运行分析、能源调度、光伏发电、决策分析、运营中心（收益分析、故障分析）、运维中心（诊断中心、工单管理）、配置管理、日志中心、系统管理，每个菜单带线性图标，选中态蓝色高亮。主内容区顶部标签栏：概览、光伏发电、电池储能、EMS管理、拓扑图、分柜管理，当前选中概览。主视觉区采用创新高端布局：顶部电站信息卡片，白色圆角毛玻璃质感，显示电站名称"美律电子电站"、数据最新时间、投运时长11天、电站类型光储充一体化、总功率100kW、能量100kWh、网络状态、项目名称广州美律电子。下方运行状态数据卡片组：运行状态待机、剩余电量0%、日充0kWh、日放0kWh、有功功率0kW、无功功率0kVar、月充月放年充年放累充累放等数据，卡片白色圆角带轻微阴影，关键数据蓝色发光强调。中央核心区域：2.5D等距视角储能电站可视化图，包含光伏板、储能集装箱、变电设施，蓝色能量流动光线连接各设备，粒子沿流线流动，体现能源流动视觉效果，科技感炫酷但克制。下方实时充放电功率曲线图，蓝色充电线绿色放电线，24小时横轴，带SOC切换和时间选择器。整体卡片圆角统一10px，阴影轻微通透，蓝色发光仅用于核心数据强调，保持浅色基调下的干净清爽与高级感，专业可信、科技通透、高级克制，高保真UI设计，高质量渲染达谙DAAN SmartOps储能智慧云平台-电站监视页面UI重新设计，浅蓝白高端科技风格。整体浅青蓝白色调，融合南方电网B端专业感与科技炫酷，克制而有设计感。顶部蓝色渐变导航栏（浅蓝#4A90D9至青蓝#38B2CE平滑过渡）：左侧达谙DAAN logo，中间电站切换下拉框（美律电子电站）+ 标签页导航（功率曲线/实时监视/电站监视/资源概览），右侧消息通知带红色角标、告警提示条、超级管理员头像。左侧垂直导航菜单完整保留：实时监视（资源概览、功率曲线、电站列表、大屏管理）、电站监视（选中高亮）、运行分析、能源调度、光伏发电、决策分析、运营中心（收益分析、故障分析）、运维中心（诊断中心、工单管理）、配置管理、日志中心、系统管理，每个菜单带线性图标，选中态蓝色高亮。主内容区顶部标签栏：概览、光伏发电、电池储能、EMS管理、拓扑图、分柜管理，当前选中概览。主视觉区采用创新高端布局：顶部电站信息卡片，白色圆角毛玻璃质感，显示电站名称"美律电子电站"、数据最新时间、投运时长11天、电站类型光储充一体化、总功率100kW、能量100kWh、网络状态、项目名称广州美律电子。下方运行状态数据卡片组：运行状态待机、剩余电量0%、日充0kWh、日放0kWh、有功功率0kW、无功功率0kVar、月充月放年充年放累充累放等数据，卡片白色圆角带轻微阴影，关键数据蓝色发光强调。中央核心区域：2.5D等距视角储能电站可视化图，包含光伏板、储能集装箱、变电设施，蓝色能量流动光线连接各设备，粒子沿流线流动，体现能源流动视觉效果，科技感炫酷但克制。下方实时充放电功率曲线图，蓝色充电线绿色放电线，24小时横轴，带SOC切换和时间选择器。整体卡片圆角统一10px，阴影轻微通透，蓝色发光仅用于核心数据强调，保持浅色基调下的干净清爽与高级感，专业可信、科技通透、高级克制，高保真UI设计，高质量渲染
xuyasha8108xuyasha8108