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