Графический дизайн Figma

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

Данный урок посвящен созданию первого рекламного баннера в программе Figma. В
ходе занятия учащиеся научатся создавать новый проект, выбирать необходимый
формат рабочей области, размещать графические элементы, работать с
фотографиями, текстом и простыми объектами.

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

Ссылка на файл Figma:
https://www.figma.com/design/xgJZOh8sjoAza6f42zOEoy/2-
%D1%83%D1%80%D0%BE%D0%BA?node-id=601-15&t=IlIySdc1vKrezfkh-1

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

Данный урок посвящен созданию рекламного постера мероприятия Space Expo. В
ходе занятия учащиеся научатся подготавливать рабочую область, размещать
основные изображения, выстраивать композицию будущего макета, оформлять
заголовки и создавать основу современного рекламного дизайна.
Во время практической работы будут рассмотрены принципы построения
композиции, размещения фотографий, использования градиентов, создания
визуального контраста и правильного распределения свободного пространства.
Учащиеся научатся определять главные акценты макета и выстраивать визуальную
иерархию элементов.
Для выполнения практической части учащимся будет предоставлен файл Figma с
заранее подготовленными материалами. Внутри файла размещены фотографии,
текстовые материалы, иконки, градиенты и другие графические элементы,
необходимые для создания постера Space Expo. Все материалы уже организованы
внутри проекта, что позволит учащимся сразу приступить к выполнению
практической работы.

Данный урок является продолжением работы над рекламным постером Space Expo. В
ходе занятия учащиеся завершат оформление макета, научатся работать с
информационными блоками, использовать иконки, выделять важные элементы
композиции и создавать завершенный современный рекламный материал.
Во время практической работы учащиеся проверят правильность выравнивания
объектов, расстояния между элементами, читаемость текста и общий визуальный

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

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

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

Для выполнения практической работы учащимся будет предоставлен файл Figma с
подготовленными материалами. Внутри файла размещены фотографии, текстовые
материалы, иконки, декоративные элементы и градиенты, необходимые для
создания афиши Summer Fest. Все материалы уже организованы внутри проекта, что
позволит учащимся сразу приступить к выполнению практической работы.

Ссылка на файл Figma:
https://www.figma.com/design/NRUjscJJRzWH8H8F1hZkno/6-
%D1%83%D1%80%D0%BE%D0%BA--%D0%9A%D1%83%D1%80%D1%81%D1%8B-
?node-id=601-15&t=GJJ1ly0xwFvkYmrl-1

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

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

Для выполнения практической работы учащимся будет предоставлен файл Figma,
содержащий все необходимые материалы для создания карточки товара. Внутри
файла размещены фотографии товара, текстовые материалы, характеристики,
иконки и дополнительные графические элементы. Использование заранее
подготовленного файла позволит сосредоточиться на изучении принципов
построения современной карточки товара без необходимости самостоятельного
поиска исходных материалов.

Ссылка на файл Figma:
https://www.figma.com/design/LfvNqX7IOJoVrnN2pom0NA/7-8-
%D1%83%D1%80%D0%BE%D0%BA--%D0%9A%D1%83%D1%80%D1%81%D1%8B-
?node-id=601-15&t=u4VgVw8QJyrJgYCH-1

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

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

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

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

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

Для выполнения практической работы учащимся будет предоставлен файл Figma с
подготовленными материалами. Внутри проекта уже размещены изображения,
текстовые материалы, иконки и другие графические элементы, необходимые для
создания презентации. Это позволит учащимся сосредоточиться на изучении
структуры слайдов, композиции и принципов оформления презентационных
материалов.

Ссылка на файл Figma:
https://www.figma.com/design/cyrbN1hzL69iMsbazCPmW3/9-10-
%D1%83%D1%80%D0%BE%D0%BA--%D0%9A%D1%83%D1%80%D1%81%D1%8B-
?node-id=601-15&t=IkH35tN5HAzAIJuh-1

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