🎨 Дизайн [Максим Кузнецов] [VideoSmile] Супер Figma (2024)

Автор: VideoSmile - Максим Кузнецов
Название: Супер Figma (2024)



Освоите самый популярный софт для веб- и 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-дизайнеров. Поэтому в этой главе мы решили разместить несколько важных занятий, которые помогут вам успешно начать вашу карьеру в этой сфере.
Вы изучите:

• Портфолио и социальные сети для дизайнера интерфейсов
• Где применить полученные навыки
• Советы для устройства в студию
• Заключение от автора

Подробнее:

Скачать: