8 Требования к дизайну
Дизайн главной страницы должен быть выполнен в едином стиле, соответствующем образовательной тематике платформы, с использованием мягких и нейтральных тонов, для создания комфортной среды для обучения.
В верхней части страницы должна располагаться шапка с логотипом, кнопками входа и регистрации, а также основной навигацией, включающей ссылки на разделы «Курсы», «О проекте», «Форум».
Центральный блок должен содержать приветственный баннер с высококачественным изображением, символизирующим изучение языков, и кратким описанием платформы. Также важно добавить заметную кнопку «Начать обучение», привлекающую внимание пользователя и ведущую к доступным курсам. Пример оформления главной страницы представлен на рисунке 5.
Задействованные параметры:
Background: цвет # FFFFF и изображение;
Кнопка: цвет – #291D9A, шрифт – Work Sans: размер – 16;
Заголовок: цвет – #291D9A, шрифт – Yaldevi Colombo SemiBold, размер – 36;
Текст в шапке: цвет – #1D253C, шрифт – Work Sance, размер – 16.
Рисунок 5 – Главная страница сайта
После главной страницы необходимо разместить секцию с курсами, которые может выбрать пользователь, отталкиваясь от потребностей. Виды курсов должны располагаться в середине страницы, содержать визуальные элементы, олицетворяющие глубину изучения языка, а также описание структур курсов для более понятного восприятия информации пользователем. Пример оформления секции представлен на рисунке 6.
Задействованные параметры:
Background: цвет # F8F8F8;
Заголовок страницы: цвет – #1D253C, шрифт – Work Sance, размер – 43;
Текстовая информация о секции: цвет – #5A6482, шрифт – Work Sance, размер – 19;
Изображение уровня сложности – векторные изображения размером 95х95;
Названия курсов: цвет – #1D253C, шрифт – Work Sance, размер – 24;
Описание курсов: цвет – #5A6482, шрифт – Work Sance, размер – 12;
Рисунок 6 – Секция с выбором курса
Оформление раздела «О проекте» должно быть лаконичным и простым. В верхней части страницы размещается заголовок. Основной текст кратко рассказывает о задачах и ценностях проекта. Для погружения человека в тему проекта используются изображения карты славянских языков. Раздел не должен быть перегружен информацией и изображениями. Пример оформления раздела представлен на рисунке 7.
Задействованные параметры:
Background: цвет # FFFFFF;
Заголовок страницы: цвет – #1D253C, шрифт – Work Sance, размер – 45;
Текстовая информация: цвет – #5A6482, шрифт – Work Sance, размер – 19;
Изображение карты – изображение размером 502х511;
Фоновое изображение – изображение размером 195х123;
Рисунок 8 – Раздел «О проекте»
Дизайн играет важную роль в восприятии образовательной платформы. Единый стиль и лаконичные оттенки создадут комфортную среду для изучения языка. Четкая структура страницы с легко доступными разделами, такими как курсы, форум, информация о проекте, обеспечит удобную навигацию и повысит вовлеченность пользователей. Использование такого подхода поможет пользователям сосредоточиться на изучении языка и сделает процесс обучения более приятным и эффективным.