Курс веб-дизайна для детей 9-13 лет

Полный курс длится 9 месяцев,

начало 18 октября

Сложность

Начинающий

Тип обучения

Курс

Формат обучения

С проверкой домашнего задания

Сертификат

Да

Стоимость курса

800 ₽

есть рассрочка

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

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

В рамках третьего модуля ученики познакомятся с основами верстки текста в Figma, изучат стили веб-дизайна (глассморфизм и минимализм), познакомятся с эффектами параллакса и маски для работы над проектами. Поработают с различными наборами готовых иллюстраций в Figma. Также будут изучены основы бизнес-эмпатии, ученики узнают, что такое продукт и как с ним работать. Освоят новый конструктор сайтов Tilda. Полученные знания и навыки позволят в дальнейшем создавать кликабельные прототипы сайтов с анимационными эффектами, в различных стилях дизайна.

Что вы получите после обучения

Сертификат, ссылками на который можно делиться с другими людьми

Образовательная организация

Детская школа программирования и робототехники Pixel

2 отзыва

Школа PIXEL (Пиксель) — курсы программирования и робототехники для детей. Занимаемся очным и дистанционным обучением, федеральная сеть из 15 филиалов в Москве и Московской области. Образовательная деятельность ведется на основании государственной лицензии №77635

Онлайн-школа "Пиксель" — это обучение детей программированию, новые знакомства и перспектива в мире инноваций. Мы учим детей программированию, созданию игр и веб-дизайну. Показываем возможности развития в мире высоких технологий

Программа курса

1 модуль

Методический план модуля:

Основы дизайна. Основные инструменты Figma;
Работа с мудбордом, ассоциативным полем;
Изучение модульных сеток, работа с адаптивным и “резиновым" дизайном;
Композиция. Основные правила и принципы создания крепкой и сбалансированной композиции;
Типографика – подбор шрифтовых пар, основные принципы работы с типографикой. Шрифтовые стили;
Цвет. Баланс цвета. Создание палитр для проекта. Стили;
Что такое компоненты и варианты в Figma;
Что такое auto layouts в Figma. Основные принципы организации проектов и макетов в Figma;
UI-кит. Зачем создавать дизайн-системы и как их организовывать в Figma;
Адаптивность. Что это такое и как создаются мобильные версии сайтов;
Как работать с иллюстрациями и изображениями. Навыки поиска, редактирования и подбора графических элементов для проекта;
Работа с заказчиком, как аргументировать стилистическое решение. Зачем нужны рекламные сайты (лендинги) и как создать продающий.

2 модуль

Методический план модуля:

Прототипирование в Figma. Состояния элементов в прототипе;
Виды анимации в Figma;
Изучение пользовательских сценариев;
Паттерны взаимодействия и Юзабилити;
Виды исследований. Аудит приложения;
Изучение готовых сайтов. Гипотезы и редизайн;
Плагины и применение их в работе над проектом;
Проектирование иконок в Figma;
Прототипирование сайта. Навигация, переходы между страницами;
Создание мини-приложения. Часть 1: особенности работы над мобильным приложением;
Создание мини-приложения. Часть 2: работа над пользовательским сценарием и паттернами;
Прототипирование мобильного приложения.

3 модуль

Методический план модуля:

Верстка текста. Роль текста в дизайне;
Композиция и стили в веб-дизайне. Минимализм;
Стили в веб-дизайне. Глассморфизм;
Эффекты в фигме. Маски;
Анимация в интерфейсе. Параллакс;
Бизнес-эмпатия. Тренажер насмотренности;
Что такое продукт и как с ним работать;
Иллюстрации для интерфейса;
Создание лендинга в конструкторе сайтов Tilda;
Все инструменты работы в Figma;
Создание сайта танцевального клуба с параллакс-эффектом;
Прототипирование сайта танцевального клуба.