Видеокурс "Супер Figma"
-
Автор: Максим Кузнецов
Самый полный обучающий курс по дизайну сайтов, сервисов и мобильных приложений в программе Figma для начинающих
- 40 практических занятий
- Сертификат о прохождении курса
- Никаких ограничений по времени
- Обратная связь и кураторство
- Чат в Telegram
Курс разработан таким образом, что вы будете изучать Figma на практике, создавая веб-сайты, интерфейсы и приложения. Таким образом шаг за шагом, под руководством автора вы познакомитесь с возможностями Figma и сможете положить итоговые работы в портфолио.
Помимо этого, мы включили в курс главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне.
После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию.
- ГЛАВА №1. ОСНОВЫ FIGMA
- Пользовательский интерфейс
- Фреймы и группы
- Слои и ограничения
- Маски
- Типографика
- Стили и эффекты слоёв
- Работа с векторными объектами
- Комьюнити
- История версий
- Преимущества платной версии
- Передача файла в разработку
- FigJam
- Делаем первый экран сайта
- ГЛАВА №2. ПРОДВИНУТЫЕ ТЕХНИКИ
- Модульные сетки и направляющие
- Компоненты
- Варианты
- Auto-layout
- Фишки Figma для ускорения работы
- Делаем лендинг с использованием компонентов
- ГЛАВА №3. ОСНОВЫ ГРАФИЧЕСКОГО ДИЗАЙНА
- Композиция
- Контраст
- Приближённость
- Иерархия
- Рисуем иллюстрацию в Figma
- Делаем постер
- ГЛАВА №4. СЛОЖНЫЕ ИНТЕРФЕЙСЫ
- Создаём приложение
- Полезные плагины
- Создаём панель управления (дэшборд) c UI Kit'ом
- Подготовка UI KIT'а к передаче в разработку
- Библиотеки для командной работы
- ГЛАВА №5. ПРОТОТИПИРОВАНИЕ И АНИМАЦИЯ
- Прототипирование и простая анимация в Figma
- Умная анимация
- Интерактивные компоненты
- Больше практических примеров
- БОНУС
- Портфолио и социальные сети для дизайнера интерфейсов
- Где применить полученные навыки
- Советы для устройства в студию
- Заключение
В первой главе вы познакомитесь с интерфейсом Figma и научитесь работать с ключевыми инструментами этой программы. Для закрепления полученных знаний в финале этой главы вы под руководством автора создадите первый экран сайта. Домашнее задание Самостоятельно сделать первый экран сайта (можно взять свою тему или выбрать из списка предложенных). В этой главе вы познакомитесь с продвинутыми техниками работы в Figma. Начнёте уверенно работать в Figma с компонентами, вариантами, функцией Auto-layout и модульной сеткой. Для закрепления полученных знаний в финале этой главы вы под руководством автора создадите полноценный лендинг. Домашнее задание Самостоятельно сделать лендинг (можно взять свою тему или выбрать из списка предложенных). В этой главе вы познакомитесь с основными принципами графического дизайна, которые лежат в основе любого изображения и макета. Это важные и необходимые знания для любого дизайнера, который хочет создавать визуально привлекательные сайты и приложения. Домашнее задание Самостоятельно сделать постер. Нарисовать иллюстрацию в Figma (опционально). В этой главе вы будете создавать мобильное приложение и дэшборд. На этих примерах вы научитесь проектировать опыт взаимодействия пользователя с продуктом, будь это мобильное приложение или веб-сайт. Также подготовите полноценный UI-kit для передачи в разработку. Домашнее задание Сделать приложение или дэшборд с UI Kit'ом. В этой главе вы научитесь работать с инструментами прототипирования. Научитесь создавать кликабельные прототипы, которые помогут вам наглядно показать заказчику, как будет работать сайт или приложение. Домашнее задание Сделать собственный интерактивный прототип для приложения или дэшборда из предыдущей главы. Портфолио и советы по поиску работы Сейчас активно растёт спрос на веб-дизайнеров и дизайнеров интерфейсов. Поэтому в бонусной главе мы решили разместить несколько важных занятий, которые помогут вам успешно начать карьеру в веб- или UI/UX-дизайне. |