Курс «Веб-дизайн Figma для детей от 12 лет»

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

Курс графического дизайна для детей онлайн-школы программирования «Пиксель» представляет собой комплексную программу, которая включает в себя теоретические и практические занятия. На уроках дети узнают о базовых принципах графического дизайна и web-дизайна, освоят популярный в среде разработки графический редактор Figma и блочный конструктор сайтов Tilda, научатся работать с макетами и создавать уникальные дизайнерские решения.

Содержание онлайн-курса «Веб-дизайн Figma для детей от 12 лет»:

1. Изучение Figma. Правила композиции.
2. Адаптивный дизайн.
3. Основы прототипирования.
4. Популярные стили в веб-дизайне и анимационные приемы.
5. Создание одностраничника в конструкторе сайтов Tilda.

В итоге дети усилят свои навыки и таланты в области графического и веб-дизайна. Благодаря курсу, дети смогут сделать первый шаг к получению востребованной профессии и успешной карьере в IT-индустрии.

1 модуль | Веб-дизайн для старших школьников: знакомство с Figma

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

Ученики на занятиях:

• Научатся составлять ассоциативную карту, матрицу посыла бренда (инструменты для определения стилистики будущего продукта).
• Узнают, что такое мудборд, как работать с ним и доносить свою идею заказчикам.
• Получат рекомендации о том, как собирать графику и фотографии к проекту, где это искать, где вдохновляться.
• Узнают основы композиции и правила работы с модульными сетками.
• Научатся самостоятельно настраивать сетки и гармонично распределять по ним объекты.
• Узнают, что такое адаптивный дизайн и как он создается, попробуют это на практике.
• Получат навыки подбора шрифтовых пар и цветовых палитр для проекта.

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

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

2 модуль | Веб-дизайн для подростков: создание прототипов

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

Ученики на занятиях:

• Освоят основные варианты анимации в Figma.
• Изучат пользовательские сценарии и научатся создавать их, исходя из потребностей пользователей.
• Узнают, как усовершенствовать дизайн, самостоятельно проведут редизайн сайта.
• Научатся использовать плагины в работе над проектами.
• Изучат основы прототипирования.
• Будут закреплять навыки на практике, создавая новые проекты.

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

• Прототипирование в Figma, состояния элементов в прототипе.
• Виды анимации в Figma.
• Изучение пользовательских сценариев.
• Паттерны взаимодействия. Кастомный дизайн, Гайдлайны и Юзабилити.
• Виды исследований, аудит приложения.
• Изучение готовых сайтов и приложений, гипотезы и редизайн.
• Что такое плагины и как применять их в работе над проектом.
• Что нужно знать об иконках и как проектировать их в Figma.
• Прототипирование сайта, навигация между страницами.
• Особенности проектирования мобильного приложения.
• Как создать мини-приложение с учетом пользовательского сценария и паттернов.
• Прототипирование мобильного приложения.

3 модуль | Веб-дизайн для детей: верстка в Tilda

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

Ученики на занятиях:

• Освоят основные правила верстки текста (копирайтинга).
• Изучат самые популярные стили в веб-дизайне.
• Узнают, что такое продукт и как с ним работать.
• Научатся использовать иллюстрации в своих проектах.
• Изучат новые приемы анимационных эффектов в Figma.
• Будут закреплять навыки на практике, создавая новые проекты.

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

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

• Формат
  В группе с наставником
  Живые вебинары / Видеоуроки
  Обучение в ЛК на сайте автора
• Количество уроков
  36
• Продолжительность
  9 месяцев
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  Строго по расписанию
• Домашние задания
  ЕстьС проверкой
• Документ об обучении
  Сертификат Освоение программы курса
• Сопровождение
  Куратором
• Общение с группой
  Форум или чат внутри ЛК
• Техническая поддержка
  В рабочее времяЧат в вкЧат в мессенджереЭлектронная почтаТелефон