Повышение квалификации
«Figma: интерфейс, инструменты и модульная сетка»
«Figma: интерфейс, инструменты и модульная сетка»
Целью реализации программы повышения квалификации является формирование у слушателей навыков уверенной работы в Figma, включая освоение интерфейса и принципов веб-дизайна: основных инструментов, принципов создания композиции и использования модульной сетки при разработке макетов.
Курс рассчитан на начинающих пользователей, которые хотят освоить Figma с нуля и научиться создавать аккуратные визуальные материалы для работы, учёбы или собственных проектов.
Курс рассчитан на начинающих пользователей, которые хотят освоить Figma с нуля и научиться создавать аккуратные визуальные материалы для работы, учёбы или собственных проектов.
Гибридный
(Занятия проходят по будням в вечернее время или дистанционно синхронно)
(Занятия проходят по будням в вечернее время или дистанционно синхронно)
Формат
Стоимость
Старт
12 000 р.
19 октября
Обучение
36 часов
Кому подойдёт программа
Сотрудникам вузов и образовательных организаций, методистам, студентам и выпускникам — для оформления учебных программ, презентаций, карточек для социальных сетей, анонсов мероприятий, учебных материалов и простых посадочных страниц.
Маркетологам, SMM-специалистам, контент-менеджерам и PR-специалистам — чтобы самостоятельно создавать визуалы для постов, рекламных материалов, презентаций и лендингов без постоянного обращения к дизайнеру.
Начинающим дизайнерам — как первый шаг в графический и интерфейсный дизайн: курс помогает разобраться в интерфейсе Figma, типографике, композиции, изображениях, эффектах и модульных сетках.
Специалистам малого бизнеса, самозанятым и всем, кому необходимо работать над визуальными материалами — чтобы оформлять коммерческие предложения, материалы для соцсетей, карточки товаров, презентации услуг и простые макеты для продвижения.
Figma (Фигма) — это графический онлайн-редактор для совместной работы. В нём можно создать прототип сайта, интерфейс приложения и обсудить правки с коллегами в реальном времени. В Фигме могут работать дизайнеры, маркетологи, менеджеры и разработчики. В Фигме есть основные инструменты для работы с векторными объектами, она позволяет экспортировать дизайн в формат SVG, импортировать векторные объекты из Adobe Illustrator или редактора Sketch.
Программа курса
Занятия проходят в формате сочетания теории и практики в рамках одного занятия.
Необходимое ПО — Figma (бесплатный аккаунт), браузер или десктоп-приложение; аккаунт слушателя нужно создать до начала занятия 1.
Необходимое ПО — Figma (бесплатный аккаунт), браузер или десктоп-приложение; аккаунт слушателя нужно создать до начала занятия 1.
Figma как облачный сервис для интерфейсов, сайтов, презентаций, иконок и прототипов. Регистрация и создание аккаунта, верификация почты. Командная работа (совместная работа до 50 человек), комментарии к проекту.
Практика: Регистрация в Figma, создание первого файла, приглашение в команду/добавление комментария
Практика: Регистрация в Figma, создание первого файла, приглашение в команду/добавление комментария
Меню файла: создание, переименование, копирование, удаление, импорт, сохранение. Права доступа (владелец/редактирование). Страницы: переименование, дублирование, удаление. Слои: создание, удаление, порядок, группировка, свойства (прозрачность, наложение, вкл/выкл/блокировка).
Практика: Организовать файл: несколько страниц, слои со свойствами и группировкой
Практика: Организовать файл: несколько страниц, слои со свойствами и группировкой
Frame как основа листа/страницы/лендинга. Пресеты фреймов (экран телефона, презентация и др.), изменение размеров и пропорций. Вложенные фреймы, свойства (размеры, расположение по осям, скругление углов), Clip content. Сетка фрейма: колонки, настройки.
Практика: Создать несколько фреймов под разные форматы (моб. экран, слайд) с настроенной сеткой
Практика: Создать несколько фреймов под разные форматы (моб. экран, слайд) с настроенной сеткой
Инструменты перемещения: Move (V), Scale (K), панорамирование, масштабирование (Ctrl +/− и колесо), горячие клавиши. Типы графики: растровая, векторная, текст — в чём разница и когда что использовать.
Практика: Отработка горячих клавиш и навигации на рабочем файле
Практика: Отработка горячих клавиш и навигации на рабочем файле
Инструмент «Текст», рамка текста. Свойства: шрифт, начертание, размер, интерлиньяж, трекинг, расстояние между абзацами, выравнивание (по ширине/высоте/блоку).
Практика: Собрать текстовую карточку с заголовком и абзацем по всем настройкам текста
Практика: Собрать текстовую карточку с заголовком и абзацем по всем настройкам текста
Инструменты фигур (прямоугольник, эллипс, линия и др.) и рисования (Pen/кривые). Основные параметры фигур: заливка, обводка, углы.
Практика: Нарисовать композицию из фигур и произвольных форм
Практика: Нарисовать композицию из фигур и произвольных форм
Группировка объектов, вложенные группы. Панель выравнивания: по краям, по центру, распределение объектов.
Практика: Собрать и выровнять составную композицию из фигур и текста
Практика: Собрать и выровнять составную композицию из фигур и текста
Вставка изображений, обрезка, заливка изображением (Image fill), масштабирование внутри фигуры/фрейма.
Практика: Собрать карточку с изображением и текстом (по аналогии с занятием 5)
Практика: Собрать карточку с изображением и текстом (по аналогии с занятием 5)
Эффекты: тени (drop shadow, inner shadow), размытие (blur) и их настройка. Подготовка объектов к выгрузке и экспорт в нужном формате и масштабе.
Практика: Добавить эффекты к элементам композиции и экспортировать готовые ассеты
Практика: Добавить эффекты к элементам композиции и экспортировать готовые ассеты
Понятие вертикального ритма и baseline grid («тетрадка в линейку» с заданным шагом). Два подхода: выравнивание строки по линии или размещение строки между линиями. Разбор примеров.
Практика: Разбор готовых макетов: найти и обозначить вертикальный ритм
Практика: Разбор готовых макетов: найти и обозначить вертикальный ритм
Построение базовой сетки под свой шаг (кратно интерлиньяжу). Настройка Layout Grid (Rows, шаг, без межколоночного расстояния). Подгонка типографики и элементов под сетку, смена шага сетки.
Практика: Построить собственную базовую сетку и выровнять по ней макет из занятия 5/8
Практика: Построить собственную базовую сетку и выровнять по ней макет из занятия 5/8
Сборка цельной композиции (карточка/мини-лендинг) с применением текста, изображений, эффектов и модульной сетки. Разбор и обратная связь по работам.
Защита итоговой работы: демонстрация и краткий рассказ о принятых решениях
Защита итоговой работы: демонстрация и краткий рассказ о принятых решениях
КАК ПРОЙТИ ОБУЧЕНИЕ
Отправляйте заявку
Читать далее
Подписывайте договор и оплачивайте участие
Читать далее
Получите доступ к личному кабинету
Читать далее
Обучайтесь очно или дистанционно
Читать далее
Итоговая аттестация
Читать далее
Получите удостоверение о повышении квалификации
Читать далее
Основная информация
- Форма обученияГибридный (Занятия проходят по будням в вечернее время или дистанционно синхронно)
- Срок обучения36 часов
- Документ об образованииУдостоверение о повышении квалификации с занесением данных диплома в Федеральный реестр документов об образовании
- ТребованияСреднее профессиональное, высшее (бакалавриат, специалитет) образование
Стоимость
Стоимость обучения
12 000 ₽
Запишитесь на курс сейчас
И мы свяжемся с вами в ближайшее время
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности
Контакты
Куць Полина Михайловна
Специалист образовательной поддержки
Телефон: (3822) 908-950
Email: ipktgasu@mail.ru
ул. Розы Люксембург, д. 13, Томск
Email: ipktgasu@mail.ru
ул. Розы Люксембург, д. 13, Томск
Получить подробную презентацию программы на email!
