Любит творчество и хочет освоить цифровой навык для собственных проектов
.png)
Курс создан совместно с центром «Креатех» МГТУ им. Н. Э. Баумана
Веб-дизайн для детей
За 35 уроков ребёнок научится проектировать сайты и интерфейсы в Figma. Он придумает концепцию сайта, сделает эскизы, соберёт интерактивный прототип, адаптирует его для мобильных устройств и проверит удобство интерфейса.
12–16 летЗа весь курс
8 340 ₽13 900 ₽
Доступ навсегда
Этот курс подойдет, если ваш ребенок
Интересуется сайтами и приложениями и хочет понять, как устроены удобные интерфейсы
.png)
Уже пробовал заниматься дизайном и хочет собрать свой первый проект
.png)
Ищет своё направление и хочет попробовать себя в дизайне интерфейсов
.png)
подойдёт ли курс вашему ребёнку
Ответим на вопросы, расскажем о программе и поможем выбрать курс.
На курсе ваш ребёнок
Научится проектировать удобные сайты и интерфейсы
Научится учитывать задачи пользователя, продумывать сценарии, составлять карту пути клиента и проверять удобство интерфейса.
Разберётся, как устроен хороший дизайн
Поймёт, почему одни сайты понятны и удобны, а другие перегружены. Научится работать с цветом, композицией, шрифтами и визуальной иерархией. Сможет объяснить, какие решения помогают пользователю быстро найти нужное.
Освоит Figma и соберёт первые макеты
Научится работать с текстом, изображениями, формами, сетками и компонентами. Создаст постер, соберёт макет страницы и подготовит работу к презентации.
Создаст собственный дизайн-проект
Выберет тему, найдёт референсы и соберёт макет сайта. Адаптирует его для мобильных устройств и создаст интерактивный прототип с кликабельными элементами. Готовая работа пополнит портфолио.
Что говорят о нас дети и родители
Научилась создавать удобные интерфейсы и разработала свой первый интерактивный прототип сайта в Figma для компьютера и телефона.
Я прошла курс «Веб-дизайн» в Ростелеком Лицее. Раньше я думала, что дизайнеры обязательно должны очень хорошо рисовать, а я так не умела. Но оказалось, что в веб-дизайне главное совсем другое. На курсе мы разбирались, как устроены сайты и приложения, что делает их удобными и понятными для пользователей. Больше всего мне понравилось работать в Figma, где я создала свой первый интерактивный прототип — сначала для компьютера, а потом адаптировала его для телефона. Я даже не ожидала, что смогу самостоятельно сделать такой проект, и теперь хочу продолжать изучать веб-дизайн.
Мария
Полина, 17 лет
Полина, 17 лет
Научилась создавать удобные интерфейсы и разработала свой первый интерактивный прототип сайта в Figma для компьютера и телефона.
Елена П., мама, Казань
Освоил Figma и создал собственный дизайн сайта с мобильной версией, убедившись, что для веб-дизайна необязательно уметь рисовать.
Я прошёл обучение на курсе «Веб-дизайн» в Ростелеком Лицее. Раньше я думал, что для работы дизайнером обязательно нужно хорошо уметь рисовать. Но на курсе оказалось, что всё совсем по-другому. Мы изучали основы веб-дизайна, а я научился работать в Figma и даже создал свой собственный сайт с версией для мобильных телефонов. Больше всего мне понравилось наблюдать, как из пустого экрана постепенно получается настоящий проект. Было очень круто увидеть результат своей работы и понять, что я могу самостоятельно создавать дизайн сайтов.
Ольга К., мама, Санкт-Петербург
Илья, 11 лет
Илья, 11 лет
Освоил Figma и создал собственный дизайн сайта с мобильной версией, убедившись, что для веб-дизайна необязательно уметь рисовать.
Ольга К., мама, Санкт-Петербург
Собрала первый лендинг в Figma и адаптировала его под телефон
Я раньше думала, что для веб-дизайна надо очень хорошо уметь рисовать, поэтому сначала немного боялась, что у меня не получится. Но оказалось, что в Figma всё совсем по-другому. Мне больше всего понравилось подбирать цвета и картинки и делать свой лендинг. Было очень приятно, когда из пустого экрана постепенно получился настоящий сайт. Ещё я сделала версию для телефона. Теперь хочу попробовать сделать сайт про свою любимую игру.
Ольга К., мама, Санкт-Петербург
Маша, 12 лет
Маша, 12 лет
Я раньше думала, что для веб-дизайна надо очень хорошо уметь рисовать, поэтому сначала немного боялась, что у меня не получится. Но оказалось, что в Figma всё совсем по-другому. Мне больше всего понравилось подбирать цвета и картинки и делать свой лендинг. Было очень приятно, когда из пустого экрана постепенно получился настоящий сайт. Ещё я сделала версию для телефона. Теперь хочу попробовать сделать сайт про свою любимую игру.
Ольга К., мама, Санкт-Петербург
Освоил Figma и создал интерактивный прототип почти как настоящий сайт
Больше всего на курсе мне понравилась Figma. До этого я её открывал пару раз, но вообще не понимал, зачем там столько инструментов. На курсе научился работать с сетками, компонентами, текстом и картинками. Самое интересное было делать интерактивный прототип, когда нажимаешь на кнопки и макет начинает работать почти как настоящий сайт. Теперь намного лучше понимаю, как вообще создаются сайты до того, как их начинают программировать.
Ольга К., мама, Санкт-Петербург
Даня, 14 лет
Даня, 14 лет
Больше всего на курсе мне понравилась Figma. До этого я её открывал пару раз, но вообще не понимал, зачем там столько инструментов. На курсе научился работать с сетками, компонентами, текстом и картинками. Самое интересное было делать интерактивный прототип, когда нажимаешь на кнопки и макет начинает работать почти как настоящий сайт. Теперь намного лучше понимаю, как вообще создаются сайты до того, как их начинают программировать.
Ольга К., мама, Санкт-Петербург
Освоила UX-подход и создала лендинг от референсов до прототипа
Мне понравилось, что мы не сразу начали рисовать сайт, а сначала смотрели примеры, собирали референсы и думали, для кого вообще его делаем. Я даже стала замечать на обычных сайтах, где неудобно расположена кнопка или плохо читается текст :) В итоге сделала свой макет лендинга и прототип. Некоторые задания с UX сначала казались сложными, особенно User Flow, но потом стало понятно, зачем всё это нужно дизайнеру.
Марина С., мама, Сызрань
Полина, 13 лет
Полина, 13 лет
Мне понравилось, что мы не сразу начали рисовать сайт, а сначала смотрели примеры, собирали референсы и думали, для кого вообще его делаем. Я даже стала замечать на обычных сайтах, где неудобно расположена кнопка или плохо читается текст :) В итоге сделала свой макет лендинга и прототип. Некоторые задания с UX сначала казались сложными, особенно User Flow, но потом стало понятно, зачем всё это нужно дизайнеру.
Марина С., мама, Сызрань
Разобрался в структуре и UX сайта, собрав лендинг и мобильную версию
Я хотел попробовать веб-дизайн, чтобы понять, интересно ли мне дальше развиваться в этом направлении. До курса я считал, что дизайнер в основном выбирает красивые цвета и картинки. Оказалось, что нужно ещё продумывать структуру страницы, поведение пользователя и даже то, что произойдёт после нажатия на кнопку. Больше всего понравилось собирать итоговый лендинг и делать для него мобильную версию. В итоге получился проект, который не стыдно показать другим.
Ирина В., мама, Москва
Никита, 15 лет
Никита, 15 лет
Я хотел попробовать веб-дизайн, чтобы понять, интересно ли мне дальше развиваться в этом направлении. До курса я считал, что дизайнер в основном выбирает красивые цвета и картинки. Оказалось, что нужно ещё продумывать структуру страницы, поведение пользователя и даже то, что произойдёт после нажатия на кнопку. Больше всего понравилось собирать итоговый лендинг и делать для него мобильную версию. В итоге получился проект, который не стыдно показать другим.
Ирина В., мама, Москва
Как устроено обучение
.png)
Ребёнок смотрит видео
Ребёнок смотрит видео
Преподаватель объясняет тему в видеоуроке. Ребёнок смотрит запись в удобном темпе, ставит на паузу и пересматривает сложные моменты. Доступ к видео не ограничен по времени.
.png)
Сразу пробует на практике
Ребёнок закрепляет материал в тестах и самостоятельных работах: анализирует дизайн, создаёт коллаж, постер и макеты в Figma.
.png)
Видит результат
В ходе курса ребёнок создаст дизайн-проект сайта: макет для компьютера, мобильную версию и интерактивный прототип. Готовую работу добавит в портфолио
.png)
Родитель следит за обучением в личном кабинете
В разделе видно, сколько уроков ребёнок посмотрел.
Что в программе курса
Ребёнок изучит основы визуального дизайна, освоит инструменты Figma и научится проектировать веб-интерфейсы. Создаст адаптивный макет сайта и интерактивный прототип
4Модуля
35Уроков
9самостоятельных работ
.png)
Основы веб-дизайна
Модуль 1Уроки 1–10
Темы
- Введение в веб-дизайн
- Что такое визуальный язык: формы, цвет и смысл
- Композиция и баланс элементов на экране
- Цвет в веб-дизайне: контраст, настроение, основы колористики и стандарты доступности (WCAG)
- Типографика на сайтах: шрифтовые пары, иерархия, читаемость
- Пропорции и модульные сетки в интерфейсе
- Принципы современного веб-дизайна
- Поиск и использование визуальных референсов для сайтов и приложений
- Практическая работа. Анализ примеров веб-дизайна
- Практическая работа. Создание коллажа и визуальной подборки по теме будущего сайта
Результат
Ребёнок разберётся в композиции, цвете и типографике, проанализирует примеры веб-дизайна и соберёт визуальную подборку для своего сайта
Знакомство с Figma
Модуль 2Уроки 11–20
Темы
- Figma как графический редактор для проектирования интерфейсов
- Создание проекта и настройка рабочей области
- Основные инструменты работы с формами, текстом и цветом
- Работа со слоями и группами
- Сетки и выравнивание элементов
- Импорт изображений и иконок
- Работа с компонентами и библиотеками
- Экспорт готовых макетов
- Практическая работа. Создание постера в Figma по выбранной теме
- Практическая работа. Подготовка мини-презентации работы по итогам первого и второго модулей
Результат
Ребёнок освоит Figma, создаст постер и подготовит мини-презентацию своей работы
Проектирование веб-интерфейсов в Figma
Модуль 3Уроки 21–32
Темы
- Проектирование веб-интерфейса: основные этапы
- Структура веб-страницы: блоки, сетка и логика
- Основные элементы сайта: заголовок, кнопки, изображения и текстовые блоки
- Работа с переменными и стилями: цвет и типографика на веб-странице
- Создание простого макета лендинга
- Принципы адаптивного дизайна: как подготовить страницу для мобильных устройств
- Создание интерактивного прототипа в Figma
- Финальная сборка и проверка макетов
- Практическая работа. Разработка структуры и макета одностраничного сайта в Figma
- Практическая работа. Добавление мобильной версии одностраничного сайта
- Практическая работа. Подготовка интерактивного прототипа одностраничного сайта
Результат
Ребёнок соберёт макет лендинга, адаптирует его для мобильных устройств и создаст интерактивный прототип
Основы проектирования удобных интерфейсов
Модуль 4Уроки 33–44
Темы
- Пользовательский опыт и удобство интерфейса
- Исследование аудитории: целевая аудитория, сегментация и потребности
- Карта пути клиента: основы построения
- Принципы удобного интерфейса
- Пользовательские сценарии и история пользователя
- Создание сценария пользователя
- Проектирование интерфейсов: эскизы, каркасы страниц и прототипы
- Исследование поведения пользователей: количественные и качественные методы
- Приёмы создания удобного интерфейса
- Ошибки в пользовательском опыте и как их избежать
- Практическая работа. Составление карты пользовательского пути для выбранного продукта
- Практическая работа. Построение сценария пользователя и тестирование выбранного продукта
Результат
Ребёнок исследует аудиторию, составит карту пути клиента и проверит пользовательский сценарий.
Веб-дизайн
Веб-дизайн
Веб-дизайн
За что нас выбирают родители
Видно прогресс ребёнка
В личном кабинете видно, сколько уроков просмотрено и сколько тестов решено
Безопасная среда
Команда Лицея отвечает за содержание курсов. В них нет случайных рекомендаций, лишнего контента и рекламы
Удобный темп
Ребёнок занимается в своём темпе. Доступ к урокам не ограничен по времени
Поддержка кураторов
Кураторы напоминают ребёнку о заданиях и возвращении к занятиям
Лицензия на образовательную деятельность
Программы Ростелеком Лицея соответствуют требованиям закона об образовании
Сколько стоит курс
Оплатите курс один раз — доступ к материалам останется навсегда
8 340 ₽
13 900 ₽
-40%
Купить курс
Что входит
- 35 видеоуроков по веб-дизайну и работе в Figma
- 9 самостоятельных работ, включая создание адаптивного макета сайта и интерактивного прототипа
- Композиция, цвет, типографика, сетки и адаптивный дизайн в Figma
- Исследование аудитории, карта пути клиента, сценарии пользователя и проверка удобства интерфейса
- Поддержка кураторов и статистика прогресса в личном кабинете
- Доступ к материалам без ограничения по сроку
- Именной сертификат по окончании курса
Ответы на частые вопросы
Что такое Ростелеком Лицей?
Ростелеком Лицей — онлайн-платформа с курсами для школьников. Здесь ребёнок смотрит видеоуроки, выполняет задания и собирает проекты, а родитель видит прогресс.
Нужно ли ребёнку уметь рисовать?
Нет. Веб-дизайн — это не академическое рисование. Ребёнок будет работать с цветом, текстом, фотографиями, формами и готовыми визуальными элементами. Главное — интерес к творчеству и желание создавать.
Что, если ребёнок потеряет интерес?
Курс проходит в свободном темпе, а доступ к материалам не ограничен по времени. Ребёнок сможет сделать паузу, пересмотреть уроки и повторить практику. Куратор напомнит об учёбе, если ребёнок давно не заходил на платформу.
Как родитель может следить за обучением?
В личном кабинете видно, сколько уроков ребёнок посмотрел и сколько тестов выполнил.
Что такое веб-дизайн?
Веб-дизайн — это проектирование внешнего вида и структуры сайтов. Дизайнер подбирает цвета и шрифты, размещает кнопки, текст и изображения так, чтобы сайтом было удобно пользоваться. На курсе ребёнок научится работать над оформлением и удобством интерфейса.
Подходит ли курс для новичков?
Да. Курс начинается с основ: ребёнок познакомится с принципами дизайна и постепенно освоит Figma. Опыт работы в дизайнерских программах не нужен
Какой проект создаст ребёнок?
Ребёнок создаст в Figma макет сайта, адаптирует его для мобильных устройств и соберёт интерактивный прототип. В нём покажет, как работают кнопки и переходы между экранами
Сайт будет опубликован в интернете?
Нет. На курсе ребёнок создаёт макет и интерактивный прототип. Публикация сайта в программу не входит. Готовый дизайн он сможет передать разработчику или использовать при сборке сайта в конструкторе.
Хотите попробовать бесплатно?
Познакомьтесь с Лицеем на бесплатных курсах для детей и родителей
Ребёнок
- Попробует себя в программировании, дизайне или фотографии
- Закрепит новые знания в заданиях и создаст первые работы: например, напишет текстовый квест или сделает фотографии с продуманной композицией
- Поймёт, какое направление ему интересно изучать дальше
Для родителей тоже есть курсы: о мотивации к учёбе, эмоциях ребёнка, общении со сверстниками и увлечении компьютерными играми.
Идёт набор группы
Осталось 5 мест
Сегодня курс купили 247 человек
.png)
.png)
.png)
.png)
.png)
.png)
.png)
