Planning 5.5 UI Redesign

项目背景

FXXX 是国内 EPM|业财一体规划分析平台产品及服务提供商。能够实时聚合多个系统的业务数据。拥有强大计算能力和敏捷的业务规则配置，支持高达上亿业务数据，并具备预测算法和 AI 模型等创新技术，帮助企业加速业财一体化。

在经过几个版本的迭代后，在5.5版本产品在页面UI上需要与产品能力的升级进行一个统一调整，力图给用户呈现出新版的产品变化。

设计目标

提升技术架构，提高开发效率，优化用户体验，确保产品一致性和灵活性。

重构方案

建立Design System

统一各条业务线中的设计规范，建立一套覆盖全面的design system。

Color

颜色分为品牌色、中性色(文字、填空、分割线)、语意色(警示、成功、错误、帮助和其他(数据色)等

Shadows

建立素材库与规范

建立业务组件库

在基础组件之上，根据业务需求，抽象出符合公用的业务组件。

我们的业务组件库里主要是包含了3个产品线中共有的一些业务场景，按照业务类型可以分为6大类，模型、数据流、报表、页面表格、成员选择、可视化。

在每个类别中，我们都提供了多个高质量的组件，涵盖了各种业务场景，并且保持一致的设计语言和风格。同时，我们也提供了详细的文档和教程，方便用户快速上手和使用组件库。

示例页面