# 财务AI工作台信息设计：摘要怎样回到明细

原网页：https://www.jvds.cn/share/ui-design/stratum-financial-context-u121
语言：zh-CN
发布：2026-10-20
作者：界达设计工作室（JVDS）

Stratum AI把概览、历史记录和AI摘要安排在同一套浅绿工作台中。财务AI工作台信息设计不能只让总额醒目，还需要让人知道当前范围，并能从一句摘要回到具体记录。这组图的可借鉴之处，是它已经为不同阅读深度建立了栏目，接下来可以把栏目之间的联系做得更明确。

## 工作区与视图分成两层

结构图从引导、注册进入主工作台，主工作台再连接Workspace、Assets、AI Insights等分支。Workspace之下安排Overview、History、Transactions，说明对象层和阅读视图层可以分开讨论。绿色线突出一条主要路径，其他分支以浅线保留。

这类图有助于理解栏目关系，却不等于完整操作流程。概览进入历史时是否保留日期条件，切换工作区后摘要是否更新，仍需要页面中的范围提示来说明。路径线表达去处，界面状态表达当前所在，二者缺一都会影响后续核对。

对同时查看多个来源的工作台，当前对象应持续可辨认。即使采用较轻的背景和简化导航，也不能把账户或工作区身份只留在最初进入的一页。

![Stratum AI工作区与概览历史等视图流程](https://www.jvds.cn/upload/2026/1008/d187-tp/u121-i1.webp)

中部Workspace分支｜结构路径明确后，还要补全切换时的范围保留

## 余额卡与曲线需要共同的比较口径

概览先列Total Balance、USDT Balance和BTC Balance，卡片用不同颜色连接下方曲线，Year、Month、Week、Day控制时间尺度。右侧环形图和每周摘要使用独立卡片，使主趋势保持较大阅读空间。

名称与单位帮助认数值，但卡片同时出现欧元、美元和资产数量，趋势纵轴则使用美元。公共坐标应交代是否经过统一折算，图例与悬浮提示也需要采用同一口径；实线转虚线的部分则应说明其阶段含义。单靠相近颜色并不能把不同尺度的数据自然变成可比较对象。

右下摘要把Spending Alert与AI Recommendation分开，上方助手另有问题入口。界达设计工作室（JVDS）认为，提醒和建议保持不同身份是好起点；每条内容若附带所属期间与[原记录入口](https://www.jvds.cn/share/ui-design/ai-citations-source-grounding-ux)，读者就能判断它是在描述已发生事项，还是提出下一步选择。

![余额卡、趋势图与资本分布环形图](https://www.jvds.cn/upload/2026/1008/d187-tp/u121-i2.webp)

概览左侧图表｜不同资产单位与公共纵轴需要明确换算口径

## 历史列表给摘要一个可以核对的落点

History表格以Activity、Order ID、Type、Time、Date、Price、Status分列，顶部可以按活动或编号搜索。完成与拒绝状态既有颜色也有文字，订单编号又提供稳定线索，比仅按Logo寻找一条记录更明确。

可见示例中，部分日期或金额列出现Assets，与列标题含义不相符。这类错位需要逐值校对，不能只检查表格整齐。缺少内容时应说明未提供或不适用，填入熟悉词语并不会让记录更完整。

如果摘要带着[范围进入列表](https://www.jvds.cn/share/ui-design/filter-sort-ux-enterprise-product)、突出相应记录，返回后又保留原范围，概览和明细就能成为同一次核对的两个尺度。Stratum AI的启发是保留这些尺度，而不是让所有内容只能通过提问找回；结构清楚之后，数据与摘要的对应才有可靠位置。

![Stratum AI历史记录列表与文字状态](https://www.jvds.cn/upload/2026/1008/d187-tp/u121-i3.webp)

表格Date和Price列｜示例值所属字段需要逐行校对

## 把摘要与记录连接起来

账户、经营和财务工作台，可以先建立对象范围与视图层级，再连接图表、摘要和明细记录，让不同深度的信息可相互核对。

界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可协助规划工作台导航、数据图表与历史列表。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)