Курс Figma
Освойте Figma для макетов сайтов и приложений: от первых экранов до интерактивного прототипа.
О курсе
В Figma удобно продумать интерфейс до разработки: собрать экраны, связать повторяющиеся элементы и показать сценарий в прототипе. На курсе вы пройдёте этот путь на одном макете сайта или приложения.
Чему научитесь
- Фреймы, слои, сетки и работа с текстом и изображениями.
- Повторно используемые элементы, варианты и стили интерфейса.
- Auto Layout и подготовка экранов для разных устройств.
- Связи между экранами, презентация решения и передача макета разработчику.
Программа обучения
Для каждого раздела указан ориентировочный объём в парах. Одна пара — два академических часа. Состав и темп занятий можно уточнить под вашу цель и подготовку.
Рабочая среда1 пара
- Фреймы, слои, сетки и работа с текстом и изображениями.
- Структура файла: страницы, фреймы и именование слоёв
- Сетки и направляющие для ровной композиции
- Работа с текстовыми стилями, изображениями и цветом
Компоненты2 пары
- Повторно используемые элементы, варианты и стили интерфейса.
- Главный компонент и его экземпляры на разных экранах
- Варианты кнопок, полей и состояний интерфейса
- Обновление повторяющегося элемента через единый источник
Адаптивные макеты2 пары
- Auto Layout и подготовка экранов для разных устройств.
- Auto Layout для карточек, меню и форм
- Ограничения размеров и поведение блоков при изменении ширины
- Проверка макета телефона и настольного экрана
Прототип и передача2 пары
- Связи между экранами, презентация решения и передача макета разработчику.
- Связь экранов и переходы в интерактивном прототипе
- Подготовка комментариев и спецификаций для разработки
- Проверка целостности компонентов перед передачей макета
Библиотека интерфейса2 пары
- Единые правила цвета, типографики и отступов
- Компоненты для кнопок, полей и карточек
- Документирование состояний элементов
- Проверка, что изменение компонента не ломает экраны
Проверка решения1 пара
- Прохождение основного сценария в прототипе
- Поиск неочевидных переходов и недостающих состояний
- Сбор замечаний к макету
- Правки до передачи разработчику
Практическая работа и результат
Создаёте макет интерфейса с компонентами, стилями и кликабельным прототипом.
В процессе вы применяете темы программы к одной задаче, проверяете результат и исправляете ошибки вместе с преподавателем. Так после занятий у вас остаётся законченная учебная работа, а не только записи с объяснениями.
С чего начать
Начать можно без опыта в дизайне. Если часть тем уже знакома, программу можно сместить в сторону более сложной практики.
Продолжить обучение
Эта тема входит в программу «Компьютерная графика и дизайн». Если вам нужно освоить направление целиком, обсудите с менеджером полную программу или отдельные занятия по этой теме.
Как проходят занятия
Аудитории, оборудование и практика — как это выглядит изнутри.
