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

Курс веб-дизайну
для дітей і підлітків 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 років. Ступінь 6–12 — Photoshop та Illustrator: колір, композиція, ретуш, логотипи й макети для друку. Ступінь 12–18 — інтерфейси: базова верстка, Figma, UI-кіт, прототипи, UX-дослідження та дипломна робота. Перший макет — уже на другому занятті!

Ні. Курс веб дизайну починається з нуля: малювати від руки й писати код не потрібно. Потрібен комп'ютер з інтернетом — решти навчаємо на заняттях, перший макет дитина збирає вже на другому.

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

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

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

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

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

Курс веб-дизайну для дітей, підлітків і школярів 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