页面整体布局采用上面顶部菜单、左侧操作栏、中右为内容三部分。采用iframe布局框架，页面整体为自适应，右侧可以无限拉伸。 左侧数据目录使用ztree开发，通过对数据的绑定，实现数据的动态化。 右侧内容区域使用Tab切换，叠加数据采用滑动的方式更改页面的参数，并且可以调整数据的优先级。

根据甲方提供的原型图，自己结合自己的理解将主要信息，次要信息图形可视化等对系统页面从四个方面进行重设计（布局、色调、交互方式、图标设计）。 使页面看起来有重点并且不会单调乏味操作流程上减少用户操作步骤，做到为用户提前想一步、让用户少操作一次。 中间热门云标签基于echarts开发，数据的可视化，使用户在处理数据的过程中更加直观、便捷、快速和 。并且有着很好的交互性，在使用过程中更容易被用户接受（相对于读表的时代）。

数据资源页面采用了当下最流行的卡片风格，增强点击感，不会造成视觉混乱而发生错误点击的情况。使页面更加有条例，它更直观的给用户知道这一块卡片里的内容是代表一个整体，一个模块的信息。方便后期维护与延展。 当鼠标移入卡片会出现过度的反转效果，具体介绍每个栏目的具体信息。