数据大屏
收集数据监控、业务分析、运营驾驶舱和实时指挥类大屏模板,适合快速复用页面结构和生成提示词。
KCDS-001
指标网格大屏
数据监控实时监控核心业务指标,快速发现异常。
实时指标异常预警监控墙
KCDS-001
KCDS-002
左右分栏监控大屏
数据监控左侧展示趋势图表,右侧展示实时事件流。
事件流趋势图运行监控
KCDS-002
KCDS-008
非对称聚焦大屏
数据监控主要关注一个核心指标,辅以多个次要指标。
核心指标时间轴实时变化
KCDS-008
KCDS-016
热力图网格大屏
数据监控网格展示大量数据的热力分布。
热力图容量管理高密度数据
KCDS-016
KCDS-019
仪表盘集群大屏
数据监控多个仪表盘并排展示关键指标,适合设备、资源和系统健康状态监控。
仪表盘阈值监控健康度
KCDS-019
KCDS-024
极坐标径向图大屏
数据监控以环形和径向方式展示周期性数据,适合小时、月份、方向和多维对比。
极坐标周期分布径向图
KCDS-024
KCDS-025
实时流数据大屏
数据监控实时滚动展示流式数据,适合日志、订单、交易、消息和事件监控。
实时流日志监控事件追踪
KCDS-025
场景说明
主要关注一个核心指标,辅以多个次要指标。
左侧核心指标像聚光灯,右侧辅助指标像卫星。
核心指标时间轴实时变化
信息结构
1左侧核心指标区
2右侧辅助指标栏
3底部趋势时间轴
生成提示词
生成一张 16:9 中文数据可视化大屏前端 UI 案例图。 场景主题: 非对称聚焦大屏,主要关注一个核心指标,辅以多个次要指标。 核心画面: 左侧核心指标像聚光灯,右侧辅助指标像卫星。 页面布局: 1. 左侧核心指标区;2. 右侧辅助指标栏;3. 底部趋势时间轴。帮我做一个非对称聚焦大屏。左侧占最大空间,展示一个核心指标的超大数值、实时变化动画和主趋势图;右侧纵向排列辅助指标;底部放置 24 小时时间轴和关键事件标注。核心指标变化时需要有数字跳动和柔和发光反馈。 中文 UI 文案: 非对称聚焦大屏、数据监控、核心指标、时间轴、实时变化、实时更新、异常预警、趋势分析、处置进度、数据更新时间。 视觉风格: 深色高端科技风,背景使用石墨黑、深蓝或近黑渐变;数据高光使用青蓝、翡翠绿、琥珀、警示红和白色;卡片采用玻璃拟态、细边框、柔和发光、HUD 网格和精密图表线条;整体像真实可交付的前端大屏截图。 交互与状态: 需要表现可点击筛选、悬停提示、自动刷新、模块独立加载、空状态、错误重试、异常高亮、数据滚动或实时更新动效;交互控件要自然融入大屏,不要像普通后台表单。 细节要求: 画面比例 16:9,模块层级清晰,中文短标签尽量清楚可读;包含真实业务数字、趋势箭头、图例、状态标签、时间戳、排行榜或告警列表等细节;远距离观看主指标醒目,近距离查看仍有丰富信息密度。 避免: 英文、乱码、品牌 logo、水印、浏览器边框、人物、营销海报风、空洞装饰、单调纯蓝背景、纯静态线框图。

