YesCoding
11–17 летОнлайн, из любого города

Курс дизайна для детей 11⁠–⁠17 лет: сайты и графика в Figma

Ребёнок рисует баннеры, плакаты и макеты сайтов в Figma — программе, в которой делают дизайн сайтов и приложений. Учится ставить главное на виду, подбирать шрифты и цвета и проверять, удобно ли сайтом пользоваться. Занимаемся индивидуально, с нуля.

Подросток дома за письменным столом, снят из-за плеча, на шее наушники с микрофоном. На экране ноутбука графический редактор: макет сайта про хлеб с Марса, поверх него розовые колонки сетки, заголовок выделен рамкой. На столе графический планшет и блокнот с образцами цветовЗаголовок, выделенный рамкой с ручками, плашка с его размером и ряд из четырёх цветов палитры

Преподаватель рядом весь урок: смотрит на тот же экран и подсказывает сразу.

11–17
лет
36 ч
в уровне
27
тем в уровне
45–60
минут занятие
Индивидуально
с преподавателем
от 1 200 ₽
за занятие

Графический и веб-дизайн для подростков: расположение, шрифт и цвет

Над каждым сайтом и плакатом дизайнер решает четыре вопроса: что человек заметит первым, как выровнять блоки, какой шрифт взять к заголовку и какие цвета сочетаются. Ребёнок разбирает их по одному и сразу пробует в Figma на своём макете.

Окно графического редактора. Слева список слоёв макета: главный экран, шапка, заголовок, кнопка, планета, фон. В середине первый экран сайта «Марсианский хлеб»: тёмно-красный космос, оранжевая планета, крупный заголовок «Хлеб из марсианской пшеницы» и красная кнопка «Заказать». Поверх макета шесть полупрозрачных розовых колонок сетки. Заголовок выделен синей рамкой с ручками, под ним плашка с размером. Справа панель свойств выделенного: шрифт, кегль 48, цвет и сетка из шести колонок

Первый уровень: двадцать семь тем

36 часов

Сначала теория дизайна, потом задача в Figma на ту же тему. За уровень ребёнок делает четыре проекта от начала до конца.

  1. Инструменты FigmaФигуры, линии, заливки, фотографии и текст — всё, из чего рисуют в Figma. Каждый инструмент ребёнок пробует на отдельной задачеЭкран графического редактора: фотография тигрёнка в лесу, поверх неё выделен квадратный фрагмент с головой тигрёнка, рядом размер фрагмента
  2. Разбор чужих сайтовРебёнок смотрит, как сделаны сайты, которые ему нравятся, и собирает из картинок доску идей для своего приложения
  3. Композиция и выравниваниеКак сделать главное заметным и выровнять блоки по невидимым линиям — сетке. Проект части: переделать готовый макет так, чтобы всё стояло ровно
  4. Шрифт и цветКакие шрифты сочетаются и как подобрать цвета. В конце части — проверочный тест и свой проект
  5. Удобный сайт и финальный проектКак сайт выглядит на телефоне и на компьютере. Ребёнок проверяет, удобно ли человеку: найдёт ли он нужную кнопку, где запутается. Потом рисует сайт по заданию, как от заказчика, и делает финальный проект
Двадцать семь тем по порядку
  1. 01Введение в Figma
  2. 02Фреймы и шейпы. Создание фигур
  3. 03Перо и создание фигур
  4. 04Векторные сетки, булевы группы и флэтен
  5. 05Градиенты
  6. 06Работа с изображениями и масками
  7. 07Текстовые слои
  8. 08Компоненты
  9. 09Насмотренность и мудборды
  10. 10Сбор мудборда собственного приложения
  11. 11Основы композиции
  12. 12Работа с сетками
  13. 13Практика работы с сетками в Figma
  14. 14Проект по переделке дизайна по сетке
  15. 15Типографика
  16. 16Проверочный тест по типографике
  17. 17Работа со шрифтами в Figma
  18. 18Цвет
  19. 19Подбор различных цветовых палитр в Figma
  20. 20Проект
  21. 21Адаптивность
  22. 22Как работать с изображениями
  23. 23Техническое задание на дизайн
  24. 24Создание проекта по техническому заданию
  25. 25Пользовательские сценарии
  26. 26Юзабилити
  27. 27Финальный проект

Что получается на занятиях

Есения нарисовала макет сайта пиццерии на этом курсе, а потом на курсе создания сайтов превратила картинку в сайт.

Первый экран сайта пиццерии Dough Pizza: крупное фото пиццы, меню сверху и две кнопки заказа
Сайт для пиццерииработа ученицыЕсения, 13 лет · макет нарисовала на веб-дизайне
Тёмный фон, по нему сеть из белых линий и белых точек-узлов, часть треугольников между линиями залита фиолетовым
Рисунок из точек и линийтема 04

После каждого уровня — диплом

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

Как заниматься и сколько это стоит

Занятия индивидуальные: на занятии только ребёнок и преподаватель. Занятие длится 45 или 60 минут: выбираете, как ребёнку легче держать внимание.

45 минут

1 200 ₽за занятие
Занятий в уровне
48
Если раз в неделю
около года

Ребёнку легче держать внимание до конца занятия.

60 минут

1 600 ₽за занятие
Занятий в уровне
36
Если раз в неделю
около девяти месяцев

За час успеваем и разобрать тему, и доделать проект.

Занятия оплачиваются пакетом по 8 занятий: по 45 минут — 9 600 ₽, по 60 минут — 12 800 ₽.

−10% за второе направление и столько же за второго ребёнка из одной семьи — например, к дизайну добавляете математику. Вместе скидки не складываются.

Темп задаёт ребёнок: над своим макетом он может просидеть два занятия или пройти тему за одно. Расписание подбираем под ваши дни.

Первое занятие — бесплатно45 минут, индивидуально. Знакомимся с Figma и переделываем первый экран сайта про Марс. Готовиться не нужно.
Записаться
Экран ноутбука: окно графического редактора с макетом сайта на сетке, сверху полоса видеосвязи с двумя участниками

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

Занимаемся в Телемосте — это видеосвязь Яндекса, ссылку на занятие присылает менеджер. Ребёнок включает демонстрацию экрана, и преподаватель видит, что он делает: подсказывает следующий шаг и помогает, если что-то не выходит.

От ребёнкаПечатать латиницейЧитать простые английские слова: меню Figma по-английскиСкладывать, вычитать и умножать
От компьютераМикрофон и наушники или колонкиПроцессор Intel Core i3 или похожийОперативная память от 4 ГбWindows 10; на Windows 7 занятия тоже идут

Figma открывается в браузере или отдельной программой — как удобнее. Если сомневаетесь, потянет ли компьютер, скажите преподавателю на первом занятии: проверим вместе.

Куда идти после курса

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

  1. Первый уровеньТот, что описан выше: 36 часов, двадцать семь тем, четыре проекта.
  2. Второй уровеньСайт под телефон, планшет и компьютерМакет, в котором нажимаются кнопки, и анимацияНейросети в дизайнеШесть тем: как сайт подстраивается под экран, почему дизайн начинают с телефона, кликабельные макеты, нейросети, анимация, разница между фотографией и рисунком из фигур.

Направления для того же возраста, 11⁠–⁠17 лет. Макет, нарисованный здесь, можно превратить в сайт на курсе создания сайтов — так сделала Есения.

Первое занятие по дизайну — бесплатно

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

Перезвоним за 15 минут.

Мои дети занимаются в YesCoding уже второй год — программированием и веб-дизайном. Очень довольны как мы, так и дети. Занятия проходят индивидуально, преподаватели внимательные, хорошо объясняют материал и умеют заинтересовать.
Sergei KotusovЯндекс.Карты · 11 июня 2025Читать в источнике

Вопросы, которые задают до первого урока

Дизайн мы начинаем с 11 лет — это старшая ступень, 11–17. Меню Figma на английском: к одиннадцати ребёнок читает английские буквы и простые слова, этого хватает, чтобы начать с нуля. Кто младше — начинает с Roblox, Minecraft или мобильной разработки, это 9–11 лет; совсем маленькие — со Scratch, 7–9. Если ребёнок уже занимался, возьмём ступень выше. Что подойдёт именно вашему, преподаватель скажет на бесплатном первом занятии.

Бесплатнопервое занятие