Коротко: веб дизайн для дітей 6–12 років — це ще не інтерфейси й не Figma, а графіка: Photoshop, Illustrator, колір, композиція, логотипи й макети для друку. Інтерфейси починаються на другій ступені, з 12 років. Такий порядок не примха: дитина спершу вчиться бачити, а вже потім проєктувати.

Батьки часто чекають, що на курсі веб дизайну семирічна дитина одразу малюватиме сайти. Розповімо чесно, що відбувається насправді — по темах, а не загальними словами.

Чому першій ступені не дають Figma

Figma — інструмент проєктування, а не малювання. Щоб у ній щось зробити, треба вже розуміти, навіщо потрібні поля, чому кнопка не може бути будь-якого розміру і що таке ієрархія. У шість-вісім років цього розуміння ще немає, і робота в Figma перетворюється на перетягування прямокутників.

Тому перші півтора року дитина працює з тим, де результат видно одразу: обробила фотографію — бачить різницю; змінила колір — бачить, що стало гірше або краще. Так набивається око, з якого потім і виростає дизайнер.

Що конкретно вивчають з 6 до 12 років

Ступінь складається з 30 тем і 156 занять. Умовно вона ділиться на три частини.

Photoshop і робота із зображенням (теми 1–10). Знайомство з програмою, інструменти виділення, шари, ретуш фотографії, робота з текстом, мокапи й перші дотики до брендингу, художня обробка, корекція кольору та маски, малювання просто в Photoshop і навіть проста анімація. Це та частина, де діти найчастіше кажуть «ого» — фотографію бабусі можна відреставрувати за одне заняття.

Illustrator і векторна графіка (теми 11–22). Тут дитина переходить від картинок до фігур: контури, трансформації, колір і текстури, шари й маски, робота з текстом, тривимірні об'єкти, підготовка файлу до друку й окремо — підготовка для вебу. Різниця між растром і вектором перестає бути теорією, коли своє ж лого спершу розсипається на пікселі, а потім масштабується без втрат.

Практика й перші «дорослі» завдання (теми 23–30). Візитка, флаєр, буклет, логотип, брендбук і гайдлайн, оформлення сторінок у соцмережах, окремою темою — як отримати роботу дизайнером. Завершується ступінь блоком про дизайн мобільних ігор: це вже місток до інтерфейсів.

Що дитина вміє на виході

  • обробляти фотографії — від ретуші до художньої стилізації;
  • малювати у векторі: іконки, персонажів, прості ілюстрації;
  • зібрати логотип і пояснити, чому він саме такий;
  • підготувати макет до друку й для вебу — це різні файли, і дитина знає різницю;
  • оформити пост, обкладинку, шкільну презентацію так, щоб це не соромно показати.

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

Як виглядає одне заняття

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

Домашнє маленьке й прикладне: доробити те, що почали, або принести приклад — три поганих логотипи, які трапилися на вулиці. На нього йде 15–20 хвилин, і воно не перетворюється на другу школу.

Що робити батькам між заняттями

Найкорисніше — просити показати роботу й питати не «красиво?», а «чому ти зробив так?». Дитина, яка вчиться пояснювати свої рішення, росте швидше за ту, яку просто хвалять.

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

Коли переходити до інтерфейсів

Друга ступінь — 12–18 років — влаштована зовсім інакше: HTML і CSS, блокова модель, адаптивність, Flexbox, основи JavaScript, потім Figma, UI-кіт, прототип, UX-дослідження й анімація інтерфейсів. Завершується дипломною роботою.

Перехід не обов'язково відбувається рівно в дванадцять. Орієнтир простий: дитина почала помічати, що якийсь застосунок незручний, і пояснювати чому. Це і є момент, коли їй стане цікаво проєктувати, а не тільки малювати. Докладніше — у статті з якого віку вчити дитину веб дизайну.

Скільки це триває й скільки коштує

Ступінь розрахована на 18 місяців при двох заняттях на тиждень по 90 хвилин. Один раз на тиждень теж можливо — для 6–9 років цього цілком достатньо, просто програма розтягнеться. Вартість — від 1 800 грн на місяць за одне заняття на тиждень і від 3 600 грн за два; це близько 450 грн за півторагодинний урок у групі до шести дітей.

Перше заняття безкоштовне. На ньому видно те, чого не видно з опису програми: чи витримує дитина півтори години й чи цікаво їй, коли треба не грати, а робити.

Чого на курсі точно немає

Як зрозуміти, що дитині ще рано

Вік у програмі стоїть з шести років, але справа не в цифрі в паспорті. Ознаки, що варто зачекати півроку-рік: дитина не витримує півтори години за одним заняттям навіть із перервою; не впізнає літери настільки, щоб знайти підписи в панелі; засмучується до сліз, коли щось не виходить з першого разу. Жодна з цих речей не про здібності — вони минають самі, і повертатися до питання можна вже наступного сезону.

І навпаки, ознака, що вже час: дитина сама лізе в редактори на телефоні, переробляє аватарки, вимагає «зробити напис як у тому відео». Це готовність, яку не видно в жодному тесті. Якщо до старту ще є час, добре працює простий редактор на кшталт Canva — як саме, описано окремо.

Перші три заняття — по кроках

Щоб не було несподіванок, ось як виглядає початок. Перше заняття: знайомство з групою, відкриття програми, перше просте завдання — щось поміняти на готовій картинці й зберегти. Друге: інструменти виділення, і тут з'являється перший «вау-момент» — об'єкт переїжджає з однієї фотографії в іншу. Третє: шари, і дитина вперше розуміє, що картинка складається з рівнів, які можна рухати окремо.

Далі темп рівний, і майже кожні два-три заняття з'являється закінчена робота. Саме тому в цьому віці не буває довгого періоду «нічого не показують».

Ліворукість, читання і зір

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

Чи зможе дитина займатися, якщо не читає швидко? Так, у перші місяці підписи читає викладач, а інтерфейс дитина запам'ятовує за розташуванням значків. До кінця першого блоку потреба в підказках зазвичай зникає.

Чи не зіпсує це зір? Ризик той самий, що й від будь-якого екрана, і знімається звичним: перерви всередині заняття, світло збоку, екран на відстані витягнутої руки. Заняття двічі на тиждень додає до екранного часу менше, ніж один вечір із телефоном.

Немає академічного малюнка з натури — це інша дисципліна, і вона тут не потрібна. Немає вимоги мати планшет для малювання: усе робиться мишкою. І немає «навчання за вісім уроків»: тридцять тем неможливо пройти за місяць, і ми не робимо вигляд, що можна.