# 企业财务仪表盘设计：范围先于数字

原网页：https://www.jvds.cn/share/ui-design/runo-cash-flow-context-u050
语言：zh-CN
发布：2026-10-14
作者：界达设计工作室（JVDS）

Runo用白底、浅蓝顶部和低饱和图表表现财务工作区。账户选择在概览之前，现金流页又把预测、输入与近期活动放在一处。轻盈视觉适合长期查看，前提是数字所指的账户、期间和币种也足够清楚。

## 核心结论

- 账户选择为数字建立范围，跨账户概括需要单独标明。
- 预测结果旁保留输入、时间与明细关系。

## 账户身份先建立查看范围

首页问候下保留Individual account，卡片随后展示支出、现金与账户条目，Transfer funds放在同一层附近。先选身份再读数字，适合多账户产品的核对顺序。

卡片中也出现跨账户概括，这时需要说明上方选择影响哪些区域。全局与局部可以共存，但标题应直接写范围。界达设计更偏好把[账户、期间和币种](https://www.jvds.cn/share/ui-design/dashboard-metric-selection)靠近主数字，不让读者从模块位置猜统计口径。

浅色环形和柱形能降低视觉压力，解释文字也要稳定可读。账户尾号便于确认具体来源，点击明细后宜保留当前身份，再返回概览。

![Runo首页账户选择、支出环形图、跨账户现金概览与余额条目](https://www.jvds.cn/upload/2026/1008/d187-tp/u050-i1.webp)

账户概览｜当前选择与跨账户汇总需要分别标明

## 用途分流决定后续工作区

设置展示先说明企业账户，再提供Runo Private和Runo Business两类选择。用途分流适合放在前段，因为团队、审批和个人操作的需求可能不同。

后续工作区应持续显示当前空间，并提供可理解的切换。进入转账或其他动作时，再复述来源账户与身份，避免开户时的选择变成唯一提示。

说明页把支付、支出和审批合成总体介绍，适合帮助新用户建立方向。实际设置可按所选用途逐步收集必要信息，使内容范围与当前选择一致。

![企业账户介绍及Runo Private、Runo Business用途选择](https://www.jvds.cn/upload/2026/1008/d187-tp/u050-i2.webp)

入门区｜用途选择决定之后的账户与权限背景

## 预测保留输入与活动关系

现金流页面在概括数字下展示可用月数与分段图，右侧Recent activity保持具体记录，Forecast与Actual提供查看类别。结果、关键输入与明细相邻，便于追问数值来自哪里。

预测和已发生记录应分别命名，并显示期间、数据更新时间及[必要假设](https://www.jvds.cn/share/ui-design/dashboard-data-visualization-mistakes)。切换Actual时，标题、图例和范围一起变化，不能只改变按钮样式。

汇总与活动若用不同币种，应说明原币、汇总币种与换算时间；尚未同步的数据也需留下缺口。这样读者可以沿记录核对输入，避免把漂亮的可用月数当成完整经营结论。

![Runo现金流指标、预测与实际切换、输入字段和近期活动](https://www.jvds.cn/upload/2026/1008/d187-tp/u050-i3.webp)

预测区域｜结果旁保留关键输入及记录入口

## 常见问题

### 财务卡只放大余额够吗？

主数还需要账户、期间、币种及明细入口。数字突出后，解释范围也应保持可见。

### 预测与实际可以放在同一面板吗？

可以通过明确切换或分区组织，标题、图例和期间应同步，假设与已发生记录要区分。

## 设计检查清单

- 局部与全局统计范围明确。
- 动作前确认空间与来源账户。
- 预测时间、币种及输入可查。

## 统一财务概览的统计范围

企业财务产品可先整理账户、币种与期间，再连接现金流概览、预测和活动明细。

界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可一起梳理页面内容、界面结构与实现需求。

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