vdi-cloud/ui/design-spec.md

22 lines
1.3 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# VDI Cloud UI 设计说明
## 视觉继承
- **色彩**:以百工万象定版的蜂蜜金橙 `#BD713B` 为主动作色,配合深色 `#151D27 / #1D2733 / #253241` 与浅色 `#F5F7FA / #FFFFFF / #F0F3F7`。
- **结构**:固定左侧组织与导航;右侧采用页面标题、动作区、卡片分组的工作台结构。
- **组件**:18px 大圆角、轻阴影、低对比边框;状态使用绿/黄/红三色,保持与数字员工运行中心一致。
- **交互**:页面在入口内可切换深浅主题;导航可以切换总览、资源池、远程会话、终端策略四个页面。
## VDI 页面映射
| 页面 | 目标 | 关键内容 |
| --- | --- | --- |
| 云桌面总览 | 管理员快速判断系统状态 | 在线桌面、活跃会话、延迟、告警、趋势、资源健康 |
| 桌面资源池 | 管理桌面模板与分配 | Windows / Ubuntu 桌面卡片、GPU、分辨率、状态与连接 |
| 远程会话 | 观察实时串流与诊断 | 画面预览、2K/60 FPS、延迟、GPU/显存、断开操作 |
| 终端与策略 | 统一配置终端体验 | 显示规格、自动恢复、独立光标、USB、断线保护 |
## 使用方式
直接打开 `index.html`,点击左侧导航查看页面;点击右上角月亮/太阳按钮切换主题。