数据大屏

生成提示词

生成一张 16:9 深色科技风数据大屏前端 UI 案例图。

场景主题: 云服务依赖拓扑实时大屏、Cloud Service Dependency Topology、SRE 可观测性战情室、微服务链路监控中心。
核心画面: 中央是大型力导向服务依赖拓扑图，中心节点为 API Gateway，周围环绕 Web Frontend、Mobile API、Auth Service、User Service、Order Service、Message Queue、Database Cluster、Cache Cluster、Search Service 等服务集群。节点用绿色表示 Normal，黄色表示 Warning，红色表示 Error，灰色表示 Offline。中心到各服务之间有蓝色发光依赖连线，异常链路使用红色虚线高亮，拓扑右下角放一个小型全局缩略图。
页面布局: 顶部是产品标识、页面标题、环境筛选、区域筛选、账号筛选、拓扑模式切换、自动刷新时间、数据健康状态和导出按钮。左侧是 Node Explorer 表格，包含节点/服务名、状态、连接数、区域、类型，并带搜索框和分页。中心区域为 Topology Overview，展示总节点数、总连接数、活跃流量和拓扑操作工具。右侧依次展示 Connection Statistics、Dependency Health 环形图、Abnormal Dependencies 异常依赖列表、Risk Score 风险评分、Top Talkers 流量排行。底部展示 Incident Timeline 今日事件时间轴和 Key Metrics Trends 指标趋势卡片。
UI 文案建议: NAUTILUS、Cloud Service Dependency Topology、实时拓扑大屏、Node Explorer、Topology Overview、Connection Statistics、Dependency Health、Abnormal Dependencies、Risk Score、Top Talkers、Incident Timeline、Key Metrics Trends、API Gateway、Database Cluster、Message Queue、Payment Service、Order Service。
视觉风格: 深色云原生运维驾驶舱，黑蓝背景，青蓝霓虹拓扑连线，玻璃拟态面板，细边框、轻微内发光、精密网格背景；绿色/黄色/红色作为健康状态强调色；整体像真实 SaaS 可观测性产品的大屏界面，而不是概念海报。
数据细节: 展示 123 Nodes、256 Total Links、238 Healthy、12 Warning、6 Error、38.7K rps、Risk Score 78/100 等示例指标；异常列表包含 Payment Service → Database Cluster、Inventory Service → Message Queue、Order Service → Payment Service；底部趋势包含 Requests、Error Rate、Avg Latency、DB CPU Usage。
交互暗示: 拓扑图支持 Force/Tree/Circular 切换、节点搜索、缩放、框选、异常链路点击、节点详情联动右侧面板、自动刷新、导出。
避免: 人物、浏览器边框、水印、无关品牌 logo、过度科幻飞船元素、空洞的大面积装饰、纯平面 2D 图标堆砌、无法识别的随机文字。