На этом направлении дети осваивают Figma — популярный инструмент для создания макетов сайтов и приложений. Курс построен на практике: ребята проектируют сайт интернет-магазина игрушек — делают главную страницу и мобильную версию, создают внутренние страницы, настраивают переходы и собирают кликабельный прототип. По ходу занятий дети знакомятся с основами UX/UI-дизайна, учатся продумывать логику интерфейса и анимировать элементы.
Ребята узнают:
— чем занимается UX/UI-дизайнер
— из каких блоков состоит интерфейс интернет-магазина
— как выстроить пользовательский путь на сайте
— как адаптировать макет под мобильные устройства
— какие инструменты Figma нужны для интерактивного прототипа
Интенсив состоит из 5 занятий по 1,5 часа и знакомит детей с проектированием интерфейсов через создание «живого» макета в Figma.
Пример занятияРазбираем структуру интернет-магазина на примерах: ключевые блоки и страницы. Затем собираем главную страницу из готовых элементов (логотип, поиск, корзина, меню, слайдер, карточки товаров) и оформляем ее инструментами Figma.
Методический план - Структура интернет-магазина: прототип и дизайн главной страницы
- Интерактив: компоненты, стили, прототипы в Figma
- Мобильная версия главной страницы, привязки и адаптация
- Внутренние страницы: «О нас», «Доставка и оплата», «Каталог», «Карточка товара», «Контакты»
- Корзина и заказ: кликабельный прототип и анимация интерфейса