С какого возраста начинают курс Веб-дизайна?

Веб-дизайн — для детей и подростков от 6 до 18 лет. Для 6–10 — Фотошоп, Иллюстратор, Анимация, цветоведение и основы композиции. Для 10–14 — всё из предыдущего + Figma, UI-компоненты и дизайн сайтов, игр, приложений. Для 14–18 — всё из предыдущих + UX-исследования, прототипы и карьера дизайнера. Первый макет — уже на втором занятии!

Нужны ли навыки дизайна?

Нет, никакого предварительного опыта не нужно. Обучение начинается с нуля — от первых инструментов до готового макета в Figma. Нужен только компьютер с интернетом.

Как проходят онлайн-занятия?

Занятия в Zoom или Google Meet. Преподаватель видит экран ребёнка, помогает в реальном времени. Группы до 6 человек — каждый получает внимание.

Что если ребёнок пропустит занятие?

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

Сколько длятся курсы?

Каждый уровень длится 18 месяцев при 1–2 занятиях в неделю — графика и дизайн для младших, UI/UX в Figma для старших.

Какие есть варианты оплаты?

Вы можете воспользоваться прямой оплатой на счет ФЛП, оплатой через Google Pay, Apple Pay, переводом через платежный шлюз. Если вы за границей – рассчитаем стоимость в удобной валюте.

Курс веб-дизайна для детей и подростков

Курс веб-дизайна
для детей и подростков 6–18 лет
Figma, UI/UX, портфолио
От идеи до готового макета

Подросток научится создавать макеты сайтов в Figma, понимать принципы UI/UX и собирать портфолио дизайнера. Первый пробный урок — бесплатно.

Более 5500 выпускников

Пробный урок бесплатно

Сертификат по окончании

Наш курс

Программа курса Веб-дизайна: что изучают дети и подростки от 6 до 18 лет

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

Графика и дизайн: Photoshop + Illustrator

От растра до вектора, от ретуши до брендинга — 29 тем · 156 занятий

Знакомство с Adobe Photoshop

Растровая и векторная графика: отличия. Цветовые модели RGB/CMYK. Создание и сохранение файлов.

Инструменты выделения

Волшебная палочка, лассо, маска, цветовой диапазон. Трансформация, добавление и пересечение областей выделения.

Слои, штамп и ретушь фотографии

Понятие слоёв и их параметры. Стили слоёв. Ретушь портрета: Clone Stamp, Healing Brush, Liquify.

Работа с текстом в Photoshop

Текстовые слои, деформация надписи, эффекты: огненный текст, железный текст, стили.

Мокапы. Смарт-фильтры. Брендинг

Что такое мокап, создание собственного. Смарт-фильтры. Логотип на коже, дереве, металле.

Художественная обработка фото

Макияж, фотоколлаж, тени и свет, Color Balance, ретушь пейзажа, коррекция перспективы.

Коррекция цвета. Маски слоя

Базовая коррекция, корректирующие слои, тоновые кривые Curves, конвертация в чёрно-белое, сложный коллаж.

Рисуем в Photoshop

Цифровое рисование без планшета. Графический планшет. Кривая Безье, контуры, векторные фигуры.

Анимация в Photoshop

Шкала времени, создание слайдов. Анимация батарейки и часов с независимыми стрелками.

Спецэффекты и особые случаи

Двойная экспозиция, эффект рассыпающегося изображения, 3D-графика, акварельный эффект, восстановление фото.

Введение в Adobe Illustrator

Векторная графика и её применение. Интерфейс Illustrator, документы, шаблоны, навигация.

Манипуляции с объектами и контурами

Копирование, выравнивание, группировка. Рисование линий, типы кистей, инструмент Безье.

Простые фигуры и трансформация

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

Цвет, текстуры и фильтры

Заливки, градиенты, градиентная сетка, текстуры. Прозрачность, режимы смешивания, эффекты.

Слои и маски в Illustrator

Работа с палитрой Layers, типы масок, маски непрозрачности. Точный контроль видимости объектов.

Вспомогательные средства Illustrator

Линейки, направляющие, смарт-направляющие, привязка к сетке — точное рисование.

Текст в Illustrator

Шрифт и атрибуты, текст вдоль кривой, преобразование в кривые, неоновый эффект, визитка.

Специальные средства Illustrator

Кисти для сложных обводок, оболочки деформации, символы, диаграммы, поздравительная открытка.

Объёмные изображения. 3D в Illustrator

Вращение и вытягивание объектов, 3D-эффекты, здания, прототип телефона, рендеринг, трассировка.

Растровые изображения в Illustrator

Размещение, трансформация, конвертация растр↔вектор. Live Paint, палитра Links, кадрирование.

Подготовка к печати и экспорт

Вылеты, отступы, проверка цвета. Требования типографии, подготовка макета, параметры печати, экспорт.

Подготовка для Web

Команды Slice, экспорт в JPEG, GIF, PNG, SVG. Диалоговое окно Save for Web.

Практические кейсы

Горный пейзаж, набор иконок для продажи, флэт-дизайн, иконки для сайта.

Как получить работу дизайнером

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

Полиграфия. Разработка визитки

Виды полиграфии, размеры и правила. Работа с клиентом и типографией, цветовые профили, практика.

Брендбук и гайдлайн

Общие правила создания, разработка брендбука на заданную тематику. Допечатная подготовка.

Флаеры, буклеты, объявления

Теория полиграфии и допечатной подготовки. Создание собственных макетов по образцу.

Создание логотипа

Разработка логотипа в Illustrator. Создание 6 вариантов реализации одного логотипа.

Модерация социальных сетей

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

🚀

Мобильные игры: дизайн и проектирование

Теория геймдизайна, кнопки, меню, шкалы. Разработка маджонга, пазлов, гонок, монетизация.

UI/UX дизайн в Figma: от макета до портфолио

Figma, UX-исследования, прототипирование и портфолио — 27 тем · 156 занятий

Введение в веб-разработку

Как работают сайты, backend и frontend. Sublime Text, первая HTML-страница, теги, атрибуты, CSS-стили.

Язык HTML

Структура HTML5, основные теги, веб-формы, валидация, таблицы, семантическая вёрстка и стандарты.

История и стандарты

Развитие интернета, WWW, XHTML, блочные и линейные элементы, заголовки H1-H6, редакторы и браузеры.

Основы CSS

Синтаксис CSS, правила каскадности, группировка и наследование стилей, приоритеты.

Селекторы CSS

Комбинированные селекторы, группировка и наследование, приоритеты стилей в CSS.

Ссылки и пути

Тег ссылки, относительные и абсолютные пути, URL/URN, фрагменты страницы, именование папок.

Списки, символы, метаданные

Маркированные и нумерованные списки, Unicode, MIME-типы, метаданные KEYWORDS и DESCRIPTION, SEO-основы.

CSS. Блочная модель и позиционирование

Box model, border/margin/padding, обтекание, навигация, Relative/Absolute/Flex/Fixed.

Шрифты и текст

Шрифтовое и текстовое оформление, выравнивание, интерлиньяж, кернинг, цвет, написание текстов для Web.

Цвета и изображения

Цветовые модели в CSS, форматы JPEG/GIF/PNG, фоновые изображения, градиент, тени, UI-генераторы.

Расположение элементов (CSS)

Relative/Absolute, z-index, селекторы по иерархии, классы и идентификаторы, внешние таблицы стилей.

Таблицы

Структура таблицы, объединение ячеек, оформление классами, карты ссылок, устаревшая табличная вёрстка.

Медиазапросы

Синтаксис медиазапросов, логические операторы, viewport, стратегии адаптивности, ориентиры по размерам экрана.

Псевдоклассы и анимации CSS

Псевдоклассы текста, ссылок, кнопок, оформление списков, библиотека Animate.css, практика блоков.

Итоги базовой вёрстки

Распределение наполнения и оформления, инициатива доступности Web, размещение страниц в интернете.

Адаптивность и кроссбраузерность

Резиновый сайт, media-запросы, Flexbox, сетки, особенности браузеров, инструменты проверки.

Flexbox

Гибкий контейнер, оси, порядок элементов, многострочность, коэффициенты роста/сжатия, выравнивание.

Advanced CSS

Сложные селекторы, !important, псевдо-элементы, трансформации, БЭМ, Bootstrap, SASS/LESS.

Основы JavaScript

Подключение JS, jQuery, обработка событий, показ/скрытие элементов, работа с сетью, JS-фреймворки.

Оформление веб-проекта

Фон, градиенты, тени, типографика, спецсимволы, форматы изображений, Favicon, SVG и Canvas.

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

Фреймы, компоненты, Auto Layout, стили — современный инструмент UI-дизайнера и верстальщика.

UI-кит и прототип в Figma

Design System, цветовые токены, варианты компонентов, интерактивный прототип для клиента.

UX Research и проектирование

User Persona, Customer Journey Map, wireframes, usability testing — думаем как пользователь.

Анимация CSS и JavaScript

Keyframes, transitions, GSAP, Lottie — живые эффекты на сайте без Flash и дополнительных плагинов.

Adobe Photoshop для Web

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

Motion Design: анимация интерфейсов

Smart Animate в Figma, микроанимации, After Effects для лого — как сделать дизайн живым.

Ведение собственных проектов и фриланс

Upwork, Behance, GitHub Pages — портфолио, ставки, NDA, первый контракт на веб-дизайн.

🚀

Инструменты верстальщика. Дипломная работа

Домен и хостинг, Git, таск-трекеры, сборщики, минификаторы. Публикация собственного сайта.

📅

Длительность 18 месяцев · 1–2 раза/нед

🎂

Возраст 6–18 лет · любой уровень

👥

Группа До 6 человек · внимание каждому

🌐

Формат Онлайн (Zoom / Google Meet)

Сертификат My Computer Academy

Подтвердит, что вы прошли курс, а также станет дополнительным аргументом при трудоустройстве

Именной сертификат по завершении курса

Подтверждает уровень и специализацию

Признаётся работодателями IT-сферы

Курсы веб дизайна для детей и подростков — онлайн по всей Украине

Курс веб-дизайна для детей, подростков и школьников 6–18 лет. Начинаем с простого: Фотошоп, Иллюстратор, растровая и векторная графика, Canva, работа с цветом и композицией, первые баннеры. Дальше — Figma, Анимация, макеты сайтов и приложений, UI/UX, прототипы и собственное портфолио. Старшие ученики разбирают дизайн-системы и готовят кейс, который не стыдно показать. Занятия проходят онлайн в Zoom, поэтому присоединиться можно из любого города Украины. Группа до 6 учеников — преподаватель видит экран каждого ребёнка и подсказывает сразу. Первый урок бесплатный. В Днепре также работают офлайн-занятия.

Если вы за пределами страны. Дизайнер работает с заказчиками из разных городов и государств — и обучение построено так же: Figma живёт в браузере, файл открывается отовсюду, нужно лишь стабильное подключение. Час занятия подбираем под ваше местное время. Преподаватель тот же, группа так же до шести учеников, язык уроков украинский. Счёт можно закрыть картой иностранного банка через любой из двух платёжных сервисов на сайте. О выборе ступени: младшим ближе графика и первые баннеры, где результат виден за один урок; подросткам 12–18 — Figma, макеты интерфейсов и UI/UX, потому что там уже нужно терпение к деталям. Если не уверены, куда отдавать ребёнка, приходите на бесплатный пробный: преподаватель посмотрит, с чем она справится, и скажет честно, а не продаст курс подлиннее.

Отзывы

Отзывы родителей о курсах веб дизайна для детей и подростков

★★★★★

Дочь 8 лет в восторге от Canva — уже делает открытки и баннеры для всей семьи. Говорит, что это «её дело». Удивительно наблюдать за таким увлечением!

Л.О.

Людмила Олищук

мама, Днепр

Дочь 12 лет начала учить Figma и уже за 2 месяца сделала первый мобильный прототип. Преподаватель объясняет не только как, но и почему. Очень качественный подход!

С.К.

Светлана Клименко

мама, Харьков

★★★★☆

Мальчик 15 лет хотел в UI/UX. За 6 месяцев освоил Figma, сделал Design System и собрал первый кейс для Behance. Уже получил первый заказ на фрилансе!

Р.П.

Роман Петренко

папа, Запорожье

Записала дочь 17 лет — после курса она знает и UX Research, и Motion Design, и Handoff. Лучшая подготовка для поступления на дизайн-специальность!

М.Д.

Марина Данченко

Курс веб-дизайна для детей и подростков 6–18 лет Figma, UI/UX, портфолио От идеи до готового макета

Всё, что нужно для старта в веб дизайне и IT

Индивидуальный темп

Малые группы

Реальные проекты

Онлайн обучение

Сертификат

Поддержка 24/7