项目介绍
Project Introduction
针对某市检察院会议调度系统设计的调度管理页面，支持不同类型设备入会并进行会议的调度、管理，具有多种调度功能
功能框架
Functional Framework
Case Study · 2024
视频会议终端设备调度管理平台
VCT调度网站设计
UX设计师 / 产品设计
01 · HERO
调度室
调度会议
会议管理
02 · 项目介绍
未调度页面布局
资源列表
展示各类终端设备，并按类型/用户自定义进行分类展示
调度室列表
当前配置的虚拟会议室，用户可开展调度会议
调度中页面布局
资源列表/调度列表
调度列表展示会议中的参会方，并可以进行管理，资源列表可以添加新设备
大屏/业务屏
将设备画面投入大屏展示，具有多种展示的功能
本地预监控/广播源
本地预监可以提前看到画面，方便调取到大屏中，广播源可以将其中的画面广播出去
03 · 功能框架
字体与颜色
Fonts & Color
中文
思源黑体
数字
Droid sans 123456789
颜色
#088EFC
#43CF7C
#E63737
#1C252E
#262626
40px特殊状态
32px大标题
24px标题
18px正文
16px副文
04 · 字体与颜色
响应式布局
Responsive Layout
采用固定侧栏与弹性内容区的组合方式，以 48px 安全间距和 12 栏网格约束页面结构；
内容区域随视口伸缩，栏间距保持一致，让复杂调度信息在不同尺寸下依然清晰有序。
48
48
40
40
40
40
40
40
40
40
40
40
40
06 · 典型页面展示
07 · 功能说明图
未调度下资源列表
在未曾开始调度的场景下，可以通过资源列表查看设备状态，支持勾选设备，选中的设备将会在调度室开启调度时自动拉入会中。
VCS2.0 项目平台
|
XXXX一楼指挥调度中心
300正常
212离线
88调度中
- ▶实训中心(12)1022
- ▶会议终端(12)1022
- ▶前端资源350M分组(12)1022
-
▶前端资源会议终端分组(12)1022
- ▶◎山东省☆
- ▶⚑测试分组1★
- ▶◎移动布控哨兵☆
- ▶◎前端资源视频分组☆
- ▶◎测试分组2☆
- ▶◎融合通信-1☆
- ▶◎主副载体☆
- ▶◎主副载体2☆
- ▶⚑指挥车-01★
- ▶◎单兵电台组☆
- ▶◎无人机前哨☆
- ▶◎应急广播点☆
- ▶◎视频回传链路★
- ▶前端资源350M分组1022
VCS2.0 项目平台
|
XXXX一楼指挥调度中心
300正常
212离线
88调度中
- ▶实训中心(12)1022
- ▶会议终端(12)1022
- ▶前端资源350M分组(12)1022
-
▶前端资源会议终端分组(12)1022
- ▶◎山东省☆
- ▶⚑测试分组1★
- ▶前端资源350M分组1022
VCS2.0 项目平台
|
XXXX一楼指挥调度中心
300正常
212离线
88调度中
- ▶◎系统工程部门三组☆
-
▶消费系列终端组402
- ▶◎消费系列终端组设备0001☆
- ▶◎消费系列终端组设备0002☆
- ▶◎系统部署设备A☆
- ▶◎系统部署设备B☆
调度中调度列表
当调度开启后，页面会自动切换为调度列表。用户也可以切换到左侧资源列表，添加更多终端参加调度。
◆VCS2.0 项目平台XXXX一楼指挥调度中心
300总数
88调度中
212未调度
系统工程部 ♩⋮
- ⌄前端资源350M分组
- ◎前端资源660M分组♩⌁⋮
- ⌄前端视频分组0065
- ⌁前端资源660M分组♩⌁⋮
- ◎avcs009(0217891111)♩⌁⋮
- avcs009(021789111...的共享终端▱
- ◎avcs008(0217891111)♩⌁⋮
- ▣前端资源会议终端分组♩⌁⋮
- ▣山东省⌕⋮
- ◎测试分组1⌕⋮
- ◎移动布控哨兵⌕⋮
- ◎前端资源视频分组⌕⋮
- ◎测试分组2⌕⋮
- ◎融合通信-1⌕⋮
08 · 功能说明图2
大屏管理模块
调度开启时的主控界面，可以对上屏的显示终端进行管理。
多种画面配置，满足不同大屏风格
WCAG无障碍阅读
Web Content Accessibility Guideline
高亮按钮
3.299AA
正文
16.79AAA
二级弹框
15.99AAA
普通按钮
10.86AAA
网页主要字体与背景颜色的对比度，正文与默认按钮均为AAA，高亮按钮为
AA，在小面积高亮色区域满足场景需求。
AVCS669988
组件与元素
Components and Icons
