UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

仪表盘风格
Dashboard Style

围绕指标、趋势、筛选、异常和决策路径组织的分析型界面风格。

An analytical interface style organized around metrics, trends, filters, exceptions, and decision paths.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「仪表盘风格 / Dashboard」为核心方向重设计这个界面。

角色:你是一名擅长数据产品、BI 和可视化体验的 UI/UX 设计师兼前端工程师。

设计理念:仪表盘不是图表陈列墙,而是帮助用户回答“现在发生了什么、哪里异常、下一步做什么”。

适用场景:运营看板、销售分析、系统监控、财务概览、产品指标、增长分析和管理驾驶舱。

信息架构:先展示 3-6 个关键指标,再展示趋势、分布、排行、异常和明细;筛选条件要清楚,时间范围要可见。

视觉要求:使用中性色底、清晰卡片边界、有限图表色板、状态色和足够的图例/单位/轴标签;避免霓虹大屏、无单位数字、重复图表和装饰性 3D 图。

交互要求:筛选联动、hover tooltip、空数据、加载骨架、异常标记、钻取入口和导出操作要明确。

输出格式:先给业务问题和指标层级,再给布局、图表类型、颜色、状态、交互、响应式和反例。

相关可运行档案研究

Bio-Age Dashboard

结合旋转光晕、滚动刻度与悬浮卡片的健康数据首屏。

section · 95%

Dashboard UI

以时间范围、指标筛选和图表状态联动构成的原创数据看板。

page · 92%

Arceage Stats

以时间窗口、虚构图表和指标切换构成的原创 Stats 区块。

section · 92%

返回术语实验室 · 浏览完整馆藏 · 读取术语 API