# 素材清单

**项目：** AI赋能储能并网保护整定与选型虚拟仿真实验  
**页面：** 实验教学中心门户页  
**整理日期：** 2026-11-05  
**素材原则：** 页面中的主视觉、拓扑图、Logo 与模块图标均为本项目重新绘制；参考站点只用于栏目结构参考，未使用其图片、Logo 或文案。

---

## 一、页面与样式文件

| 文件 | 类型 | 大小 | 用途 |
|---|---|---:|---|
| `index.html` | HTML | 25.0 KB | 门户页结构、栏目内容与资源入口 |
| `assets/css/style.css` | CSS | 32.4 KB | 全套版式、配色、响应式与动效 |
| `assets/js/main.js` | JavaScript | 3.0 KB | 移动端导航、滚动定位、栏目高亮、入场动效 |
| `assets/manifest.json` | JSON | 约 4 KB | 机器可读的素材清单、尺寸、用途与配色 |

页面没有使用外部图片、外部字体、框架或 CDN 依赖，离线打开也能完整显示。

---

## 二、主视觉与工程图

| 文件 | 格式 | 尺寸 | 大小 | 页面位置 | 说明 |
|---|---|---:|---:|---|---|
| `assets/img/hero-storage.svg` | SVG | 1600 × 760 | 11.8 KB | 首屏主视觉 | 夜色储能电站、输电铁塔、电池舱、PCS 与能量流线插画 |
| `assets/img/topology.svg` | SVG | 1400 × 620 | 7.7 KB | 平台特色 | 10 kV 电源 → 电缆 → 变压器 → 0.4 kV 母线 → 负荷 / PCS / 电池舱，含保护与防逆流信号 |
| `assets/img/pattern-blueprint.svg` | SVG | 480 × 480 | 1.1 KB | 深色栏目底纹 | 可平铺的工程蓝图纸网格 |
| `assets/img/logo.svg` | SVG | 64 × 64 | 1.2 KB | 页头、页脚、favicon | 盾形 + 闪电 + 并网节点的项目标识 |

### 主视觉使用建议

- 作为 16:7.6 左右的首屏背景使用，建议叠加深色渐变以保证白色标题可读。
- SVG 可无损放大，适合投影、展板和网页；如需替换为实拍照片，保持同一比例即可。
- 图中没有文字，便于后续替换标题或做多语言版本。

### 拓扑图使用建议

- 图中文字为可编辑文本，可直接在 Illustrator、Figma 或 Inkscape 中修改设备名称、参数与颜色。
- 功率流为青色实线，保护/信号为金色虚线，一次设备为浅色卡片；图例位于左下角。
- 当前参数：10 kV / 0.4 kV、Dyn11、Uk 6%、600 kW / 1218 kWh、21.2 kA / 38 kA、CT 2000/5、速断 1880 A、防逆流 200 ms。

---

## 三、模块图标

统一为 96 × 96 SVG，圆角底色 + 线性图标，适合卡片、导航或课件。

| 文件 | 大小 | 对应模块 | 图形语义 |
|---|---:|---|---|
| `assets/img/icon-ai.svg` | 0.7 KB | DeepSeek 智能伴学 | 芯片 + 星芒，表示 AI 推理与知识检索 |
| `assets/img/icon-quiz.svg` | 0.8 KB | 智能题库训练 | 题单 + 勾选 + 计时，表示组卷与批改 |
| `assets/img/icon-sim.svg` | 0.6 KB | 仿真实验控制台 | 屏幕 + 波形 + 闪电，表示工况运行 |
| `assets/img/icon-setting.svg` | 0.7 KB | 整定与选型工单 | 工单 + 时钟，表示定值校验与整定 |
| `assets/img/icon-report.svg` | 0.7 KB | 能力画像报告 | 六边形雷达，表示六维能力画像 |
| `assets/img/icon-cloud.svg` | 0.7 KB | 云实验室接入 | 云 + 接入节点，表示云端实验入口 |

图标打包：`assets/downloads/module-icons.zip`（6 个 SVG，2.9 KB）。

---

## 四、平台截图

| 文件 | 格式 | 尺寸 | 大小 | 说明 |
|---|---|---:|---:|---|
| `assets/img/platform-home.png` | PNG | 1200 × 767 | 777.8 KB | 实验平台首页“实验总览”界面截图，用于中心概况与资源展示 |

截图来自本项目已部署的实验平台首页，保留了系统拓扑、实时快照、能力矩阵与任务路径等真实界面信息。若平台界面更新，可替换同名文件，不需要改 HTML。

---

## 五、打包下载

| 文件 | 内容 |
|---|---|
| `assets/downloads/module-icons.zip` | 6 个模块 SVG 图标 |
| `assets/downloads/site-source.zip` | `index.html` + 独立 CSS + 交互 JS |
| `assets/downloads/all-assets.zip` | 图片、图标、样式、脚本、页面、清单与上述压缩包（约 825 KB） |

---

## 六、页面栏目与素材对应

| 页面栏目 | 使用素材 |
|---|---|
| 页头 / 页脚 | `logo.svg` |
| 首屏主视觉 | `hero-storage.svg` |
| 中心概况 | `platform-home.png`、`logo.svg` |
| 实验教学项目 | `icon-ai.svg`、`icon-quiz.svg`、`icon-sim.svg`、`icon-setting.svg`、`icon-report.svg`、`icon-cloud.svg` |
| 平台特色 | `topology.svg`、`pattern-blueprint.svg` |
| 教学资源 | 全部素材与压缩包 |
| 整页背景 | `pattern-blueprint.svg`（深色栏目） |

---

## 七、内容来源与边界说明

1. **实验内容**来自原单文件页面《AI赋能储能并网保护整定与选型虚拟仿真实验(1).html》，包括 600 kW / 1218 kWh、10 kV / 0.4 kV、Dyn11、21.2 kA / 38 kA、CT 2000/5、速断 1880 A、防逆流 200 ms、22 步、78 题、6 大工况等参数。
2. **页面结构**参考了西安交通大学核电厂与火电厂系统虚拟仿真实验教学中心的栏目组织方式（顶部标识、横向导航、通栏主视觉、中心简介、实验项目、新闻/公告、页脚），但未复制其视觉素材与文字。
3. **公告内容**为平台使用说明类示例文本，正式发布前可由项目组替换为实际通知。
4. **字体**使用系统字体（思源宋体 / 宋体 / 微软雅黑等）回退，不附带字体文件，避免授权问题。
5. **截图**中的平台界面版权归本项目所有；对外发布前请确认页面内不包含个人账号、API Key 或其他敏感信息。

---

## 八、替换与二次编辑

- 替换主视觉：保持 `assets/img/hero-storage.svg` 文件名，或用同比例 JPG/PNG 并修改 `index.html` 中的 `src`。
- 替换拓扑参数：直接编辑 SVG 文本，或用矢量工具修改后覆盖同名文件。
- 替换模块图标：保持 96 × 96 viewBox，覆盖同名 SVG。
- 修改主题色：在 `assets/css/style.css` 顶部的 `:root` 中调整 `--navy`、`--teal`、`--gold` 等变量。
- 修改栏目文案：直接编辑 `index.html` 对应 `<section>`。