Практический обучающий онлайн-курс по дизайну презентаций в Figma
Курс предназначен для слушателей, желающих научиться создавать яркие и понятные презентации для наглядного и визуально убедительного представления своих идей и продуктов. Участники освоят базовый инструментарий в Figma, научатся основам работы с сетками, композицией и типографикой в презентации.
В рамках курса участники получат практический опыт в создании собственной презентации.
Курс рассчитан на тех, кому необходимо научиться презентовать свои идеи и продукты
Формат проведения: онлайн Курс состоит из лекций и коротких обучающих роликов Количество участников: не ограничено
Чему научатся на курсе
Чему научатся на курсе 1. Владеть базовыми инструменты программы (текст, фигуры, фреймы, слои, колонки, строки) 2. Создавать композиционно целостный слайд и целостную презентацию 3. Владеть базовыми правилами типографики в презентации: - уметь выстраивать иерархию текста - уметь подбирать шрифты - уметь верстать текст в презентации 4. Владеть приемами, помогающими разнообразить дизайн презентации 5. Выстраивать план/сценарий собственной презентации
Что вы сделаете за время обучения
1. Верстка слайдов с использованием изученного инструментария 2. Разработаны 3 слайда с использованием композиционных приемов 3. Составлена иерархия для 3 текстовых стилей 4. Верстка слайдов с использованием плагинов 5. Создадите план для итоговой презентации 6. Сверстаете презентацию
Итоговый проект: сверстанная презентация
Первая тема курса погрузит слушателей в возможности Figma и познакомит учащихся с базовыми инструментами
Цель данной темы — научить участников курса базовым навыкам: работа со слоями, изображениями, формами и фигурами, а также показать основные форматы презентаций
1.1 Базовый инструментарий - Посмотрим на интерфейс Figma, научимся создавать файлы - Поработаем с изображениями (как вырезать/ вставлять в фигуры/ скрывать)
1.2 Рассмотрим фреймы и форматы презентаций
Домашнее задание: Вырезать фотографию; вставить фото в круг, экспортировать в пнг на рабочий стол.
Вторая тема курса ознакомит слушателей с модульными сетками и их возможностями.
Цель данной темы — показать важность сеток в дизайне презентаций, сформировать осознанное отношение к структуре и порядку на слайде, подготовить к технической части
2.1 Лекция: Модульные сетки - Что это? - Почему важны? - Как применимы
2.2 Как создать модульную сетку в Figma
Домашнее задание: Создать 3 варианта модульной сетки для презентации
Третья тема курса ознакомит слушателей с типографикой и базовой версткой текста.
Цель занятия — научить участников курса работать с текстом в Figma, а именно выбирать шрифты, выстраивать иерархию, использовать правила вёрстки для создания читаемых и визуально привлекательных слайдов.
3.1 Лекция: Типографика - Определение типографики - Значение типографики в презентациях - Классификация шрифтов - Ключевые параметры в типографике: шрифт; гарнитура; кегль; межстрочное и межбуквенное расстояние - Типографическая иерархия
3.2 Тест на верстку текста
Домашнее задание: Создать типографическую иерархию для презентации:
H1 — подобрать размер и начертание шрифта для заголовков.
H2 — подобрать размер и начертание шрифта для подзаголовков.
Body — подобрать размер и начертание шрифта для основного текста
Caption — подобрать размер и начертание шрифта для мелкого доп. текста
Четвертая тема курса познакомит слушателей с базовыми композиционными приемами.
Цель этой темы — научить участников курса основам композиционного мышления в дизайне: понять, как с помощью визуальных приёмов (визуальный вес, цветовые акценты, иерархия, модульные сетки и т. д.) управлять вниманием аудитории, выстраивать визуальный порядок и находить композиционный баланс.
Лекция: 4.1 Масштаб + размещение 4.2 Визуальный вес 4.3 Цветовые акценты 4.4 Центр слайда и 4 опорные точки 4.5 Иерархия и сетки
Домашнее задание: сделать слайд с использованием одного или нескольких композиционных приемов.
Пятая тема курса является завершающей. Тема разделена на две части, первая из которых посвящена визуальным приемам, помогающим разнообразить дизайн. Вторая часть посвящена сборке итогового проекта.
Первая часть: визуальные приемы для дизайна 5.1 Визуальные приемы и инструменты: скругления, необычные фигуры, градиент, плагины.
Вторая часть: презентация 5.2 Тематика 5.3 Структура 5.4 Референсы 5.5 Требования
Домашнее задание: доделать презентацию
Технологии и среда обучения: Занятия проходят в онлайн-формате
