4.77 из 5
4.77
158 отзывов на Udemy

Веб дизайн в Figma 2022 Продвинутый уровень. Создание Ui Kit

Создание реального Ui Kit В Figma. Работа с продвинутыми инструментами веб дизайна в Figma. Работаем, как профессионалы
Инструктор:
Evgen Marfel
596 студентов зачислены
Изучение всех инструментов Figma
Углубленное изучение Figma
Практика работы в Figma
Углубленная работа со сложными компонентами
Правильный нейминг элементов
Работа с вариантами
Продумывание архитектуры проекта
Создание реального продукта Ui Kit
Работа с плагинами
Работа с hot key

Привет

Это курс по веб дизайну в Figma Создание Ui Kit. Да, мы создадим свой собственный профессиональный ui kit в фигма. Это правда и это намного проще, чем может показаться.

Это не просто курс по дизайну, это курс по созданию современного дизайн-продукта. Далеко не каждый практикующий дизайнер может похвастаться умением создавать такие сложные системы, как ui kit и профессиональной работой с компонентами.

Проходя уроки курса мы постепенно, шаг за шагом будем создавать свой продукт. От созданий базовых стилей текста и цвета, подбора правильного контраста и до готового ui kit в котором все элементы расширяемы и связаны между собой.

Мы на практике получаем знания и с сразу же их применяем.

В курсе есть максимально эффективные домашние задания. На данный момент их 7. Студент не просто смотрит на то, что делает преподаватель, а включается в процесс, ведь некоторые элементы нужно создавать самостоятельно. Автор дает четкие инструкции по домашним заданиям, которые нужно выполнять. Студент их выполняет и после этого получает решение по дз от автора. Это самый эффективный способ обучения в онлайн формате на сегодняшний день. Студент постоянно находится в тонусе и практикуется. Важнее практики в нашем деле нет ничего.

Весь процесс обучения происходит в Figma. Нас ничего не будет отвлекать. Мы будем пользоваться полезными плагинами и сочетаниями горячих клавиш. Узнаем крутой метод быстрого переименования слоев и объектов при помощи регулярных выражений. Это в 100 раз ускоряет рутинную работу. Не говоря уж о супер полезных для повседневной работы плагинах. После курса студент будет работать в программе как настоящий гуру фигмы

По ходу курса мы в совершенстве изучим такие сложные темы как: компоненты, варианты, auto layout, стили и научимся грамотно применять свои знания.

Модули, доступные уже сегодня

Гид по стилям
Мы создадим основу нашего кита. Стили цвета, шрифта, эффектов, сеток, добавим иконки и многое друге

Библиотека компонентов
В этом модуле мы создадим все основные элементы для нашего ui kit. Мы не просто «нарисуем» их, мы тщательно продумаем каждое состояние и возможности этих элементов. Вообще, мы будем очень много думать и думать наперед. Это больше походит на работу проектировщика и архитектора. Мы создадим такие элементы, которые легко изменять и расширять. Дополнять их новыми свойствами, а это очень важно.

Модуль по Figma
Это качественный курс по всем инструментам программы. Если у тебя есть пробелы по этим знаниям – начни прохождение курса с этого модуля.

Что получает студент, пройдя этот курс?

– Уникальную практику работы в Figma
– Уникальные знания по проектированию ui kit и библиотек компонентов
Готовый дизайн продукт(UI Kit)
– Умение создавать и работать со сложными компонентами и вариантами
– Возможность получать пассивный доход, продавая свои собственные дизайн-продукты

Отдельно хочу отметить, что по итогу у студента будет не просто очередной дизайн-кейс по выдуманному заданию, а настоящий продукт, который может приносить создателю прибыть и которым могут пользоваться другие дизайнеры. Это реальная работа, которую можно “потрогать”

Придумывай крутое название для своего ui kit и записывайся на курс. Если курс не понравится, течении 30 дней можно вернуть потраченные средства.

Буду рад рассказать тебе секреты создания ui kit на практике

О чем этот курс

1
Вступление
2
Как проходить курс. Организационный урок

Создаем стили для UI Kit

1
О чем этот модуль
2
Стили для текстов
3
Почему именно такие значения для стилей текста?
4
Стиль нейтрального цвета
5
Логика подбора стилей для главного цвета (Main Color)
6
Создаем стили главного цвета
7
Доработка цвета. Работа с цветовой моделью HSV
8
Практика 01 Работа с плагинами для студента
9
Проверяем контраст Главного цвета
10
Функциональные цвета
11
Ускоряем работу с помощью регулярных выражений
12
Создание Layout
13
Стили Эффектов
14
Добавление пака иконок в UiKit
15
Практика 02. Грамотная работа с иконками для UI KIT

Создаем основные элементы Ui Kit

1
О чем этот модуль
2
Создание тегов(чипсы,бейджи)
3
Создаем Аккордеоны
4
Создание основного стека кнопок
5
Создание дополнительных состояний и стилей кнопок
6
Создаем CheckBox
7
Практика 03. Создание Радио кнопок
8
Создаем модальные окна
9
Создание окон уведомления (Notification)
10
Практика 04. Создание переключателей (Switch)
11
Практика 05. Создание поля ввода текста Textarea
12
Разбираем домашнее задание по полям ввода текста. О Слоях
13
Добавление функционала к полям ввода
14
Создание Dropdown Menu
15
Дополнение блока Dropdown
16
Блок Select
17
Дополняем блок Select
18
Практика 06. Создание блока "Рейтинг"
19
Создаем Табы
20
Создаем блок Вертикальное Меню
21
Создание блока Горизонтальное меню
22
Практика 07. Создание второстепенных menu item
23
Решение задачи по созданию второстепенных пунктов меню
24
Создание инпутов
25
Создание ячеек для таблиц. Часть 1
26
Создание ячеек для таблиц. Часть 2

Выкладываем наш Ui Kit В Community Figma

1
Практика 08. Документация
2
Превью для Ui Kit
3
Регистрация в community в качестве автора
4
Публикация своего продукта

Курс по Figma 2022

1
Установка Figma
2
Простейшие фигуры(Квадрат)
3
Работа с цветом
4
Работа с изображениями
5
Эффекты
6
Фрейм
7
Комьюнити
8
Плагины
9
Работа с текстом
10
Стили
11
Настройка constraints
12
Auto Layout
13
Практика 08. Auto Layout Часть 2
14
Компоненты. Часть 1
15
Компоненты. Часть 2
16
Компоненты. Часть 3
17
Компоненты. Часть 4
18
Варианты
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
a7b72aa82248e6bddd663d45bc4aced8
3-дневная гарантия возврата денег

Включает

8 часов видео по запросу
5 статей
Полный пожизненный доступ
Доступ с мобильного и ТВ
Сертификат об окончании
Веб дизайн в Figma 2022 Продвинутый уровень. Создание Ui Kit
Цена:
0,16 ₽ 1,390 ₽