本文仅用户个人学习记录使用，意在提高自己的交互设计感觉，仅此而已，欢迎指正.

设计参考截图

参考点

• 【我的团队】是一个菜单组，主要包含了当前登录用户参与的所有团队，因此是一个可以 折叠/展开的菜单组，展开的时候可以看到有关的团队以及【新建团队】,点击新建团队的时候为了避免用户跳转到其他页面，因此这里使用 dialog 的方式让用户快速创建新的团队名字

• 新建团队后左边的 content 会展示团队的 name 以及团队的项目&成员/权限/团队设置等功能，当项目为空的时候会有一个 empty placeholder 和一个 新建项目的 button，点击新建项目之后使用 dialog 完成用户新建项目的必填信息

• 新建项目之后会出现对项目的常见操作： 比如 修改项目的名称 & 克隆项目 & 移动项目 & 删除项目 & 搜索过滤 & 导入项目，点击项目卡片后将会跳转到项目的设置和主要内容
• 可以对【我的团队】里的团队进行拖拽排序，当鼠标 hover 到对应的团队项的时候，会出现拖拽的 icon，鼠标放到 拖拽 icon 上边后有 cusor-move 的效果，意在告诉用户这是一个可拖拽的行为

• 【成员/权限管理】模块，对应的 button 高亮，显示当前团队有关成员的信息统计，还有可以对成员列表进行 filter，以及【邀请成员】
• 点击邀请成员的时候仍然使用了 dialog 的方式，邀请的方式有 链接邀请/邮箱邀请，邀请的时候可以设置邀请人在当前项目的权限，邀请的链接是禁用的，防止用户不小心改动到邀请的连接
• 在成员列表中，可以对邀请之后的成员进行权限调整

• 可以对团队进行设置，设置分为了基础信息设置和危险设置，比如设置团队的名称 & 自己在团队内的昵称等