# Дизайн-макет IT-продукта образовательной платформы

## 1. Общее описание

Данный дизайн-макет представляет собой пользовательский интерфейс веб-платформы электронного обучения, предназначенной для использования в составе цифровой образовательной среды. Продукт ориентирован на обучающихся и обеспечивает доступ к учебным курсам, заданиям, тестированию, аналитике прогресса и вспомогательным образовательным материалам.

Макет разработан с учётом принципов UX/UI-дизайна, доступности и визуальной иерархии информации.

---

## 2. Целевая аудитория

- студенты колледжей и вузов  
- слушатели программ дополнительного и корпоративного обучения  
- преподаватели (в режиме просмотра прогресса обучающихся)

---

## 3. Назначение продукта

Платформа предназначена для:
- организации дистанционного обучения;
- сопровождения учебных курсов;
- контроля успеваемости и активности обучающихся;
- централизованного доступа к образовательным ресурсам.

---

## 4. Структура пользовательского интерфейса

### 4.1 Боковое навигационное меню

Левая часть интерфейса содержит основное меню навигации:
- **Главная** — обзор текущего состояния обучения;
- **Мои курсы** — список активных и завершённых курсов;
- **Задания** — доступ к текущим и прошедшим заданиям;
- **Тесты** — раздел контроля знаний;
- **Прогресс** — визуализация результатов обучения;
- **Сообщения** — коммуникация с преподавателями и системой.

---

### 4.2 Главная панель (Dashboard)

Центральная часть экрана включает:
- приветственный блок с призывом начать обучение;
- кнопку быстрого перехода к новому уроку;
- визуальные индикаторы недельных целей (пройденные уроки, выполненные тесты).

---

### 4.3 Раздел «Мои курсы»

Курсы представлены в виде карточек, каждая из которых содержит:
- название дисциплины;
- тематическую иллюстрацию;
- статус курса (новый, в процессе, продолжается).

Пример курсов:
- «Основы программирования»
- «История Средних веков»
- «Математика: Алгебра и функции»

---

### 4.4 Учебная активность

Дополнительные информационные блоки:
- **Текущее задание** с указанием дедлайна;
- **Результаты тестов** с отображением оценки;
- **Полезные материалы** (видеоуроки, справочники);
- **Предстоящие вебинары** с возможностью подключения.

---

## 5. Визуальное оформление

- Цветовая палитра: сине-белая с акцентными элементами (зелёный, голубой);
- Стиль: современный, минималистичный, ориентированный на образовательный контент;
- Использование карточек и иконок для повышения читаемости;
- Адаптация под экранные разрешения настольных устройств.

## Дизайн-макет интерфейса

![Дизайн-макет образовательной платформы](Макет.png)