触摸屏UI界面设计,三级详情页,项目案例详情展示,蓝白渐变科技… - 图片创意预览

触摸屏UI界面设计,三级详情页,项目案例详情展示,蓝白渐变科技…

触摸屏UI界面设计,三级详情页,项目案例详情展示,蓝白渐变科技风格,与前两页风格统一。页面顶部有面包屑导航和返回按钮。左侧展示项目大图,右侧是项目详细介绍文字,包括项目名称、项目简介、技术参数、项目亮

用户头像

GD293937582

2026.08.18
达谙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储能智慧云平台-发电预测页面,浅色高端科技风格,与整套设计体系统一。顶部导航与第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设计,高质量渲染
参考图中的展板版式骨架和绿色能源风格,重新生成全新内容的企业宣传展板。保留参考图的版式分区结构、绿色渐变配色体系、圆角卡片设计、图标+文字的信息呈现方式,但全部替换为新的文案内容和装饰元素。 整体风格:绿色环保能源主题,清新专业的企业展板设计,绿色渐变主色调,白色卡片底,圆角设计,现代简约商务风。 画面分为上下两个展板方案展示,整体为竖版构图。 【上方展板】 顶部深绿色横幅,左侧大字主标题"绿色能源 智创未来",右侧标注"01"编号。 主内容区白色底,绿色装饰线条和叶片元素点缀。 左侧区域【企业概况】: - 绿色标题栏写"企业概况" - 公司名称:"绿能科技发展集团有限公司" - 公司简介小字一段 - 四个数据指标图标+文字:资产总额约860亿元、员工人数约1.8万人、发电装机容量1960万千瓦、新能源占比35% - 右侧配一张现代企业办公楼外景图 中间区域【产业布局】: - 绿色标题栏写"产业布局" - 标语:"构建清洁低碳、多能互补的现代能源产业体系" - 四个圆形图标横向排列:清洁能源、智慧电力、新能源装备、科技研发,每个图标下方有文字说明和数据 - 下方【重点项目展示】:三张项目图片并排,配文字说明 右侧区域【发展历程】: - 绿色标题栏写"发展历程" - 竖向时间轴,五个年份节点:2010、2015、2018、2022、2025,每个节点配绿色圆点和事件说明文字 底部通栏【绿色转型】: - 左侧绿色渐变背景,标题"绿色转型",副标题"双碳目标下的变革" - 中间三个圆形图标:优化能源结构、提升能效水平、践行社会责任 - 右侧【愿景与目标】:三个目标卡片:到2030年清洁能源占比超50%、到2035年综合能源供应能力超3000万千瓦、到2050年全面建成绿色低碳智慧能源企业 【下方展板】 顶部绿色渐变波浪装饰,主标题"绿色能源 智创未来",副标题"推动能源结构优化升级",背景有风力发电机和太阳能板的远景剪影。 左侧区域【企业概况】+【核心优势】: - 企业概况板块(同上简化版) - 核心优势板块:四个图标优势:能源保障能力强、区域协同布局优、清洁转型步伐快、经营效益稳健 中间区域【产业布局】+【重点项目展示】: - 四个产业图标配图片卡片式布局 - 下方重点项目展示三张图 右侧区域【发展历程】: - 竖向时间轴设计 底部通栏【绿色转型】+【愿景与目标】: - 左侧绿色渐变,配风力发电机和太阳能板图标 - 中间三个转型方向图标 - 右侧愿景目标三个数据卡片 - 最右下角配一张山水湖泊自然风光图 所有信息区域必须填充完整合理的内容,不得出现空白框。画面中所有数字必须精确渲染。版式精美,层级分明,专业企业展板设计风格。参考图中的展板版式骨架和绿色能源风格,重新生成全新内容的企业宣传展板。保留参考图的版式分区结构、绿色渐变配色体系、圆角卡片设计、图标+文字的信息呈现方式,但全部替换为新的文案内容和装饰元素。

整体风格:绿色环保能源主题,清新专业的企业展板设计,绿色渐变主色调,白色卡片底,圆角设计,现代简约商务风。

画面分为上下两个展板方案展示,整体为竖版构图。

【上方展板】
顶部深绿色横幅,左侧大字主标题"绿色能源 智创未来",右侧标注"01"编号。
主内容区白色底,绿色装饰线条和叶片元素点缀。

左侧区域【企业概况】:
- 绿色标题栏写"企业概况"
- 公司名称:"绿能科技发展集团有限公司"
- 公司简介小字一段
- 四个数据指标图标+文字:资产总额约860亿元、员工人数约1.8万人、发电装机容量1960万千瓦、新能源占比35%
- 右侧配一张现代企业办公楼外景图

中间区域【产业布局】:
- 绿色标题栏写"产业布局"
- 标语:"构建清洁低碳、多能互补的现代能源产业体系"
- 四个圆形图标横向排列:清洁能源、智慧电力、新能源装备、科技研发,每个图标下方有文字说明和数据
- 下方【重点项目展示】:三张项目图片并排,配文字说明

右侧区域【发展历程】:
- 绿色标题栏写"发展历程"
- 竖向时间轴,五个年份节点:2010、2015、2018、2022、2025,每个节点配绿色圆点和事件说明文字

底部通栏【绿色转型】:
- 左侧绿色渐变背景,标题"绿色转型",副标题"双碳目标下的变革"
- 中间三个圆形图标:优化能源结构、提升能效水平、践行社会责任
- 右侧【愿景与目标】:三个目标卡片:到2030年清洁能源占比超50%、到2035年综合能源供应能力超3000万千瓦、到2050年全面建成绿色低碳智慧能源企业

【下方展板】
顶部绿色渐变波浪装饰,主标题"绿色能源 智创未来",副标题"推动能源结构优化升级",背景有风力发电机和太阳能板的远景剪影。

左侧区域【企业概况】+【核心优势】:
- 企业概况板块(同上简化版)
- 核心优势板块:四个图标优势:能源保障能力强、区域协同布局优、清洁转型步伐快、经营效益稳健

中间区域【产业布局】+【重点项目展示】:
- 四个产业图标配图片卡片式布局
- 下方重点项目展示三张图

右侧区域【发展历程】:
- 竖向时间轴设计

底部通栏【绿色转型】+【愿景与目标】:
- 左侧绿色渐变,配风力发电机和太阳能板图标
- 中间三个转型方向图标
- 右侧愿景目标三个数据卡片
- 最右下角配一张山水湖泊自然风光图

所有信息区域必须填充完整合理的内容,不得出现空白框。画面中所有数字必须精确渲染。版式精美,层级分明,专业企业展板设计风格。
达谙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设计,高质量渲染