一、设计文档

该项目是一个绿色碳管理平台，是一个统计并管理各地区碳排的系统。统计后以更加直观的形式展现出来；统计的来源包括工业碳排、生活碳排以及其他特殊碳排。

这个设计文档里面包含字体规范、色彩规范、间隔、圆角、投影等设计规范。

• 字体规范：标题字体(Heading1、Heading2、Heading3)、正文字体(Body1、Body3)、提示字体、特殊字体等

• 色彩规范：有主题色、警示色、成功色、危险色，每个色系都有对应的梯度值变化，也有相应的token值

二、界面设计

本项目主要的功能就是数据的统计，将统计的数据直观的展示出来。所以该项目大部分设计都是表格和图表设计。该项目的布局比较紧凑，所有的规范都是按照WEB端能显示的最小规范设计。

首页的页面布局除了常规的顶部和左侧的菜单栏，右侧也增加了切换按钮。内容区域分为左中右三部分：

1. 项目列表区：项目列表都使用树形图结构。系统所有左侧项目列表均使用相同的样式和交互规则，降低用户学习成本，更快找到所需内容

2. 地图操作区：显示各地区的碳排量。碳排量可根据颜色和大小判断，鼠标悬浮在碳排圆圈上课显示该地区详细信息

3. Charts区：展示各个指标统计的图表。可根据指标的重要性，对图表进行自定义展示

该项目结构层级多，存在5~6级，一般菜单层级很难做到，并且会增加用户的操作路径，浪费用户时间。因此有些界面采用了拆分的方式，将层级拆分为Tab标签页，这样不仅简化菜单层级，用户操作简单，降低用户的操作成本。

三、部分页面