Освоите самый популярный софт для веб- и UI/UX-дизайна Figma — основной инструмент веб- и UI/UX-дизайнеров по всему миру. Именно в Фигме создаются все сайты, сервисы и мобильные приложения, которыми вы пользуетесь ежедневно. Чему вы научитесь на курсе: 1) Профессионально работать в Figma Познакомитесь с интерфейсом программы и её основными возможностями. Освоите продвинутые функции программы, изучите работу с компонентами и Auto Layout 2) Разрабатывать дизайн мобильных приложений В курсе вы научитесь создавать дизайн мобильных приложений на примере приложения для банка 3) Создавать продуктовые лендинги В ходе обучения с нуля разработаете стильный одностраничный сайт для товара или услуги 4) Создавать интерактивные прототипы с анимацией Изучите прототипирование и умную анимацию в Figma. Чтобы наглядно демонстрировать заказчику, как клиенты будут пользоваться сайтом или приложением 5) Создавать многостраничные интерфейсы Освоите продвинутые функции программы и научитесь создавать сложные интерфейсы на примере дашборда 6) Правильно оформлять портфолио и искать работу Расскажем, как оформить портфолио и начать карьеру в сфере дизайна. Узнаете, как грамотно использовать знания из курса и устроиться в студию Содержание курса: Курс разработан таким образом, что вы будете изучать Figma на практике, создавая сайты, интерфейсы и приложения. На курсе вы сделаете все типы интерфейсов и пройдёте все этапы их проектирования. Итоговые работы вы сможете добавить в портфолио. Помимо этого, мы включили в курс главы по основам графического дизайна, а также финальную главу о том, как успешно начать карьеру в веб- и UI/UX-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором в студию (младшим дизайнером). Глава 1. Основы Figma 15 занятий В первой главе вы познакомитесь с интерфейсом Figma и научитесь работать с ключевыми инструментами этой программы. Для закрепления полученных знаний в финале этой главы вы под руководством автора создадите первый экран сайта. Вы изучите:
Как начать пользоваться Фигмой
Интерфейс программы
Фреймы и группы
Слои и привязки
Маски
Типографика
Стили и эффекты слоёв
Работа с векторными объектами
Создание интерфейсных кнопок
Функция Multi-edit
Главное меню
Практика. Делаем первый экран сайта
Глава 2. Дополнительные функции Figma 9 занятий В этой главе вы познакомитесь с дополнительными функциями Figma, которые упрощают и ускоряют работу. Вы изучите:
Комьюнити
История версий
Преимущества платной версии
Режим разработчика
Передача файлов в разработку
FigJam
Figma Slides
Создаем экран приложения с помощью комьюнити
Глава 3. Продвинутые техники 11 занятий В этой главе вы познакомитесь с продвинутыми техниками работы в Figma. Начнёте уверенно работать в Figma с компонентами, вариантами, функцией Auto-layout и модульной сеткой. Для закрепления полученных знаний в финале этой главы вы под руководством автора создадите полноценный лендинг. Вы изучите:
Функция Auto layout
Модульные сетки и направляющие
Компоненты
Свойства компонентов
Варианты
Фишки Фигмы для ускорения работы
Практика. Делаем лендинг с использованием компонентов
Практика. Делаем мобильную версию лендинга
Глава 4. Основы графического дизайна 7 занятий этой главе вы познакомитесь с основными принципами графического дизайна, которые лежат в основе любого изображения и макета. Это важные и необходимые знания для любого дизайнера, который хочет создавать визуально привлекательные сайты и приложения. Вы изучите:
Композиция
Контраст
Приближённость
Иерархия
Практика. Рисуем иллюстрацию в Figma
Практика. Делаем постер
Глава 5. Сложные интерфейсы 5 занятий В этой главе вы будете создавать современную панель управления (дэшборд). На этом примере вы научитесь проектировать опыт взаимодействия пользователя с продуктом. Также подготовите полноценный UI-kit для передачи в разработку. Вы изучите:
Практика. Создаём панель управления (дэшборд) c UI-kit
Подготовка UI-kit к передаче в разработку
Библиотеки для командной работы
Полезные плагины
Глава 6. Мобильное приложение 5 занятий В этой главе вы создадите дизайн для банковского мобильного приложения. На этом примере вы научитесь проектировать опыт взаимодействия пользователя с приложением. Также подготовите полноценный UI Kit для передачи в разработку. Вы изучите:
Специфика работы с мобильными приложениями
Практика. Создание мобильное приложение с нуля
UI-kit для приложения
Глава 7. Прототипирование и анимация 7 занятий В этой главе вы научитесь работать с инструментами прототипирования. Научитесь создавать кликабельные прототипы, которые помогут вам наглядно показать заказчику, как будет работать сайт или приложение. Вы изучите:
Прототипирование и простая анимация в Figma
Умная анимация
Интерактивные компоненты
Переменные
Прототипирование с переменными
Больше практических примеров
Глава 8. Портфолио и советы по поиску работы 5 занятий Сейчас активно растёт спрос на веб- и UI/UX-дизайнеров. Поэтому в этой главе мы решили разместить несколько важных занятий, которые помогут вам успешно начать вашу карьеру в этой сфере. Вы изучите:
Портфолио и социальные сети для дизайнера интерфейсов
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах Вы не можете прикреплять файлы к сообщениям Вы не можете скачивать файлы