Веб-дизайн в Figma Пиксель Щёлковская

Чем полезны занятия

Обучение состоит из 3 модулей

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

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

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

Результат

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

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

В результате первого модуля, используя полученные навыки, ученики создадут первый лендинг (сайт-одностраничник, созданный в рекламных целях) и его мобильную версию на заданную тематику.

В результате второго модуля, используя полученные навыки, ученики создадут кликабельные прототипы сайта и мобильного приложения из 3-5 экранов.

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

Как мы занимаемся

Занятия проходят в группах по возрастам: 

- младшие школьники,

- старшеклассники.