Онлайн навчання

Курси графіки та дизайну
для дітей і підлітків
Figma, UI/UX, портфоліо
Від ідеї до готового макету

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

Понад 5500 випускників
Пробний урок безкоштовно
Сертифікат після навчання
portfolio.fig — Figma
T
75%
Layers
Hero
Heading
Button
Navbar
Cards
Footer
Fill
W / H
1440
900
🚀
947
Проектів створено
🎓
98%
Задоволених батьків

Технології, яким ми навчаємо

Чому My Computer Academy

Все, що потрібно для старту у програмуванні та IT

Ми не просто вчимо синтаксису — ми виховуємо практиків, що вирішують реальні задачі за допомогою коду.

Досвідчені викладачі

Практикуючі розробники, закохані у свою справу та вміють пояснити складне просто.

Реальні проекти

Учні створюють ігри, сайти та додатки — справжні продукти, а не вправи.

Онлайн навчання

Займайся з будь-якої точки світу через Zoom або Google Meet — без прив'язки до місця.

Сертифікат

Офіційний сертифікат про закінчення курсу — перший крок до портфоліо.

Підтримка 24/7

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

Наш курс

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

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

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

Від растру до вектору, від ретуші до брендингу — 30 тем · 156 занять

01

Знайомство з Adobe Photoshop

Растрова та векторна графіка: відмінності. Колірні моделі RGB/CMYK. Створення та збереження файлів.

02

Інструменти виділення

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

03

Шари, штамп та ретуш фотографії

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

04

Робота з текстом у Photoshop

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

05

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

Що таке мокап, створення власного. Смарт-фільтри. Логотип на шкірі, дереві, металі.

06

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

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

07

Корекція кольору. Маски шару

Базова корекція, коригувальні шари, тонові криві Curves, конвертація у чорно-біле, складний колаж.

08

Малюємо у Photoshop

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

09

Анімація у Photoshop

Шкала часу, створення слайдів. Анімація батареї та годинника з незалежними стрілками.

10

Спецефекти та окремі випадки

Подвійна експозиція, зображення що розсипається, 3D-графіка, акварельний ефект, відновлення фото.

11

Вступ до Adobe Illustrator

Векторна графіка та її застосування. Інтерфейс Illustrator, документи, шаблони, навігація.

12

Маніпуляції з об'єктами та контурами

Копіювання, вирівнювання, групування. Малювання ліній, типи кистей, інструмент Безьє.

13

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

Прямокутники, еліпси, зірки, спіралі, сітки. Виділення та трансформація об'єктів, перетікання.

14

Колір, текстури та фільтри

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

15

Шари та маски в Illustrator

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

16

Допоміжні засоби Illustrator

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

17

Текст в Illustrator

Шрифт та атрибути, текст вздовж кривої, перетворення у криві, неоновий ефект, візитка.

18

Спеціальні засоби Illustrator

Кисті для складних обводок, оболонки деформації, символи, діаграми, вітальна листівка.

19

Об'ємні зображення. 3D в Illustrator

Обертання та витягування об'єктів, 3D-ефекти, будівлі, прототип телефону, рендеринг, трасування.

20

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

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

21

Підготовка до друку та експорт

Вильоти, відступи, перевірка кольору. Вимоги друкарні, підготовка макета, параметри друку, експорт.

22

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

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

23

Практичні кейси

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

24

Як отримати роботу дизайнером

Портфоліо, в чому себе спробувати, професійні ресурси, авторське право, робота зі стоком.

25

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

Види поліграфії, розміри та правила. Робота з клієнтом і друкарнею, колірні профілі, практика.

26

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

Загальні правила створення, розробка брендбуку на задану тематику. Передрукова підготовка.

27

Флаєри, буклети, оголошення

Теорія поліграфії та передрукової підготовки. Створення власних макетів за зразком.

28

Створення логотипу

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

29

Модерація соціальних мереж

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

🚀

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

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

Веб-дизайн та UI/UX: від верстки до портфоліо

HTML, CSS, JS, Figma, анімація та перший фріланс — 28 тем · 156 занять

01

Вступ до веб-розробки

Як працюють сайти, backend і frontend. Sublime Text, перша HTML-сторінка, теги, атрибути, CSS-стилі.

02

Мова HTML

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

03

Історія та стандарти

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

04

Основи CSS

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

05

Селектори CSS

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

06

Посилання та шляхи

Тег посилання, відносні та абсолютні шляхи, URL/URN, фрагменти сторінки, іменування папок.

07

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

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

08

CSS. Блокова модель та позиціонування

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

09

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

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

10

Кольори та зображення

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

11

Розташування елементів (CSS)

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

12

Таблиці

Структура таблиці, об'єднання комірок, оформлення класами, карти посилань, застаріла таблична верстка.

13

Медіазапити

Синтаксис медіазапитів, логічні оператори, viewport, стратегії адаптивності, орієнтири по розмірах екрану.

14

Псевдокласи та анімації CSS

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

15

Підсумки базової верстки

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

16

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

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

17

Flexbox

Гнучкий контейнер, осі, порядок елементів, багаторядковість, коефіцієнти зростання/стиснення, вирівнювання.

18

Advanced CSS

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

19

Основи JavaScript

Підключення JS, jQuery, обробка подій, показ/приховання елементів, робота з мережею, JS-фреймворки.

20

Оформлення веб-проекту

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

21

Знайомство з Figma

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

22

UI-кіт та прототип у Figma

Design System, кольорові токени, варіанти компонентів, інтерактивний прототип для клієнта.

23

UX Research та проектування

User Persona, Customer Journey Map, wireframes, usability testing — думаємо як користувач.

24

Анімація CSS та JavaScript

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

25

Adobe Photoshop для Web

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

26

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

Smart Animate у Figma, мікроанімації, After Effects для лого — як зробити дизайн живим.

27

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

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

🚀

Інструменти верстальника. Дипломна робота

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

📅
Тривалість 9–18 місяців · 1–2 рази/тиж
🎂
Вік 6–18 років · будь-який рівень
👥
Група До 6 осіб · увага кожному
🌐
Формат Онлайн (Zoom / Google Meet)
Записатись на пробний урок
Процес

Як записатися на курс Веб-дизайну

Всього 4 кроки від заявки до першого проекту.

01

Залиш заявку

Заповни форму нижче — ми передзвонимо протягом 30 хвилин і підберемо відповідний курс.

02

Безкоштовний пробний урок

Дитина спробує заняття без зобов'язань. Побачиш формат, познайомишся з викладачем.

03

Старт навчання

Оплачуєш курс, отримуєш доступ до матеріалів і розкладу. Заняття 1–2 рази на тиждень по 90 хвилин.

04

Створюєш проект

Наприкінці курсу дитина представляє власний проект і отримує сертифікат.

Академія в цифрах

Наші учні та їхні досягнення в цифрах

0+
Випускників
Дітей успішно завершили навчання
0+
Дизайн-проєктів
Від Canva-постерів до Figma UI/UX кейсів
FigmaCanvaUI/UXПортфоліо
0%
Задоволених сімей
Батьки рекомендують нас друзям
0
Років на ринку
Надійна школа з досвідченою командою

Вартість та формати занять з Веб-дизайну

Курси стартують кожного місяця Ми підберемо Вам групу або індивідуального педагога під Ваш рівень та напрямок
ДЛЯ СТАРТУ

Одинарні дитячі групи

  • 9–18 місяців, один раз на тиждень, 90 хв
  • Доступ до матеріалів назавжди
  • Мала група до 6 дітей
від
1 800 грн/міс
Записатись на пробне
ДЛЯ ДОРОСЛИХ

Індивідуальний дорослий курс

  • Індивідуально 2–3 рази на тиждень
  • Доступ до матеріалів курсу назавжди
  • Від півтора до восьми місяців
від
9 450 грн/курс 12 000
Записатись на пробне

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

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

  • Іменний сертифікат по завершенні курсу
  • Підтверджує рівень та спеціалізацію
  • Визнається роботодавцями IT-сфери
My Computer Academy
Свідоцтво №___
Видано: _______________
У тому, що він(вона) в 20__ закінчив курс навчання за фахом:
Проблеми батьків

Чому Веб-дизайн — перший крок підлітка в IT-кар'єру

Дізнайтеся, як наш курс вирішує головні проблеми батьків

Дитина проводить багато годин за комп'ютером без користі

У нас дитина направляє цей час на розвиток реальних навичок програмування, які мають попит на ринку праці.

Цікавиться технологіями, але не знає, з чого розпочати

Python — ідеальна точка входу. Синтаксис простий, результати видно швидко. От і перші проєкти!

Швидко втрачає інтерес до кружків

У нас кожне заняття — це нові проєкти: ігри, боти, анімація. Дитина бачить результат, хоче більше.

Офлайн-заняття незручні та забирають час на дорогу

Пропонуємо гібридний формат: онлайн по графіку дитини або офлайн групи у Дніпрі. Вибирайте самі.

Відгуки

Відгуки батьків про курси Веб-дизайну та дизайну для дітей

★★★★★

Донька 8 років у захваті від Canva — вже робить листівки та банери для всієї родини. Говорить що це «її справа». Дивовижно спостерігати за таким захопленням!

Л.О.
Людмила Оліщук
мама, Дніпро
★★★★★

Донька 12 років почала вчити Figma і вже за 2 місяці зробила перший мобільний прототип. Викладач пояснює не тільки як, а й чому. Дуже якісний підхід!

С.К.
Світлана Клименко
мама, Харків
★★★★☆

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

Р.П.
Роман Петренко
тато, Запоріжжя
★★★★★

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

М.Д.
Марина Данченко
мама, Дніпро
Корисні статті

Статті для батьків та учнів

Поради, огляди курсів і відповіді на часті запитання

Часті питання

Часті питання про курси програмування для дітей

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

Абсолютно ніяких. Всі курси починаються з нуля. Потрібен тільки комп'ютер з інтернетом.

Заняття у Zoom або Google Meet. Викладач бачить екран дитини, допомагає в реальному часі. Групи до 5 осіб — кожен отримує увагу.

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

Дитячі курси тривають 9–18 місяців при 1–2 заняттях на тиждень. Конкретна тривалість залежить від напрямку та навантаження.

Ви можете скористатись прямою оплатою на рахунок ФОП, оплатою через Google Pay, Apple Pay, переказом через платіжний шлюз. Якщо ви за кордоном — розрахуємо вартість у зручній валюті.

Запишіться на
пробний урок

Залиш заявку — передзвонимо протягом 30 хвилин, запишемо дитину на безкоштовне перше заняття.

або напишіть нам напряму

Натискаючи кнопку, ви погоджуєтесь з політикою конфіденційності.