ㅤ3 месяцаㅤㅤ12—16 летㅤ

Веб-дизайн для детей

Научим работать в Figma, создавать макеты и интерактивные прототипы. Разберём основы пользовательского опыта, аудиторию и сценарии. В итоге сделаем сайт, составим карту пользовательского пути и всё протестируем
8 340 ₽ ~~13 900 ₽~~

Купить Программа

Разработала визуал для отборочной игры Школы 21 от Сбера

Дизайнер и иллюстратор

Спикер — преподаватель в центре «Креатех» МГТУ им. Баумана

Ученики получат знания от преподавателя одного из лучших вузов страны

Реальные навыки

Дети научатся работать в Figma и создадут свой первый макет сайта с интерактивным прототипом

Лицензия государственного образца

На образовательную
деятельность

Курс состоит из 4 модулей и 35 видеоуроков

Программа курса

Композиция, цвет, типографика, работа с референсами

Введение в веб-дизайн
Что такое визуальный язык: формы, цвет и смысл
Композиция и баланс элементов на экране
Цвет в веб-дизайне: контраст, настроение, основы колористики, WCAG
Типографика в вебе: шрифтовые пары, иерархия, читабельность
Пропорции и модульные сетки в интерфейсе
Принципы современного web-дизайна
Работа с референсами: Как искать и использовать визуальные референсы для сайтов и приложений
Практическая работа 1. Найти и проанализировать 2 примера дизайна (сайт, приложение): отметить удачные решения по цвету, композиции и типографике
Практическая работа 2. Создать небольшой коллаж/мини-мудборд по теме будущего лендинга

Знакомство с Figma

Figma как графический редактор для проектирования интерфейсов
Создание проекта и настройка рабочей области
Основные инструменты работы с формами, текстом и цветом
Работа со слоями и группами
Сетки и выравнивание элементов
Импорт изображений и иконок
Работа с компонентами и библиотеками
Экспорт готовых макетов
Создание постера в Figma на выбранную тему
Подготовка мини-презентации своей работы на основе результатов самостоятельной работы

Проектирование веб-интерфейсов в Figma

Проектирование веб-интерфейса: основные этапы
Структура веб-страницы: блоки, сетка и логика
Основные элементы сайта: заголовки, кнопки, изображения, текстовые блоки
Работа с переменными и стилями: цвет и типографика на веб-странице
Создание простого макета лендинга. Часть 1
Создание простого макета лендинга. Часть 2
Принципы адаптивного дизайна: как подготовить страницу для мобильных устройств
Создание интерактивного прототипа в Figma
Финальная сборка и проверка макетов
Разработка структуры и макета лендинга в Figma
Создание адаптивной версии лендинга для мобильных устройств
Подготовка интерактивного прототипа лендинга

Основы UX-дизайна

Понятие UX-дизайна и юзабилити: пользовательский опыт как результат взаимодействия пользователя с интерфейсом
Исследование аудитории: целевая аудитория, сегментация, потребности
Основы построения карты пути клиента — CJM
Принципы юзабилити
Пользовательские сценарии
Создание User Flow — пользовательского потока
Проектирование пользовательских интерфейсов: от скетча до прототипа
Исследования пользовательского поведения: количественные и качественные методы
UX-паттерны — шаблоны пользовательского опыта: что делает интерфейс удобны
Ошибки в UX (пользовательском опыте) и как их избежать
Составляем карту пользовательского пути (CJM) для выбранного продукта
Строим User Flow (пользовательский поток) и проводим на базе него тестирование выбранного продукта. Выявляем проблемы и предлагаем решения для их устранения

Стоимость курса

Чему ещё дети научатся на курсе:
Не просто рисовать, а выстраивать логику удобного интерфейса
Превращать статичные макеты в интерактивные прототипы с кликабельными элементами, имитирующие реальное взаимодействие пользователя
Готовить проект к передаче и грамотно оформлять работу для презентации

8 340 ₽

13 900 ₽

-40%

Сертификат

О прохождении курса

Уроки курса оформлены в интерактивном формате

Это помогает ученикам сохранять интерес к занятиям

Оформить курс

Теория

Лекции разбиты на видеозаписи по 15 минут. После теоретической части идёт практическая

Практика

Интерактивные задания, которые помогают лучше запоминать теорию. Тесты проверяются автоматически. При ошибках платформа даёт подсказки

Закрепление

К урокам прилагаются конспекты для повторения изученного

За что ученики выбирают курс веб-дизайна для детей

Развитие дизайн-мышления

Учим детей разрабатывать адаптивные версии интерфейсов, которые хорошо выглядят на мобильных устройствах

Ученик видит свою статистику успеваемости в личном кабинете

Урок 1Прогресс 58%

Урок 2Прогресс 0%

В уроках качественные картинка и звук

Преподаватели

Не уверены, что понравится курс веб-дизайна для детей?

Попробуйте бесплатный курс по основам дизайна. Познакомим с композицией, цветом, типографикой и сеткой. Ребёнок научится применять знания на практике и разовьёт насмотренность

Попробовать бесплатно Каталог всех курсов

Ответы на частые вопросы

Что такое Ростелеком Лицей?

Лицей — это интерактивная образовательная платформа для школьников и их родителей. Здесь ученики получают и углубляют знания на практике, улучшают успеваемость и занимаются в дистанционном формате.

Что входит курс по веб-дизайну?

Курс состоит из 35 видеоуроков и включает в себя 9 самостоятельных домашних работ без проверки.

Как оценить платформу перед покупкой?

Для ознакомления доступны бесплатные пробные курсы. Чтобы попробовать один из наших бесплатных курсов, зарегистрируйтесь.

Как мне контролировать обучение ребёнка на курсе по веб-дизайну?

На платформе есть раздел «Успеваемость», в котором видно количество просмотренных уроков и решённых тестов.

Подходит ли курс веб-дизайна для новичков?

Да, для обучения не нужно уметь рисовать или работать с дизайнерским программным обеспечением.

Выдаётся ли сертификат в конце обучения?

Да, вы получите именной сертификат, который можно положить в портфолио.