一、团队的协作流程

本项目是进行UI视觉改版，对功能交互的设计较少。系统为线上正在使用的系统，所以尽可能迎合现在用户的习惯去设计，避免改变现有的交互逻辑。所以进行设计改版之前，对设计步骤进行拆分，分为三个阶段：了解阶段、准备阶段、实现阶段。

• 了解阶段：了解该系统现有的功能，一级操作交互逻辑；了解大厂设计规范是如何建立的；了解如何将系统功能模块化设计

• 准备阶段：参考大厂设计系统，建立属于自己的设计规范文件，例如：色彩规范系统、统一的token、组件系统的搭建

• 实现阶段：对现有系统的界面进行模块化拆分，利用搭建的组件系统设计改版界面

二、设计文档

上面提到需要建立自己的设计规范文件，这个设计文档里面包含字体规范、色彩规范、间隔、圆角、投影等设计规范。

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

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

三、页面设计

因项目保密协定，页面进行了和谐处理。

界面布局为左侧一级菜单栏(内容固定不变)，顶部为二级菜单栏(随一级菜单改变)；其他区域为内容区，不同界面内容和布局方式会有所不同，举例界面这是分为左中右三个区域：

1. 客户列表区：显示客服人员正在服务的客户或服务过的客户列表，可显示是否在线等

2. 聊天区：将页面设计的更加直观，与平常使用的聊天类软件界面相似，降低用户的学习成本

3. 信息服务区：显示正在服务的客户的基本信息，已办理的业务以及需要办理的业务等信息

四、部分页面