[UX/UI Figma] [Evgen Marfel] [Stepik] Создание UI KIT в FIGMA. Делаем и продаем (2023)

[Odyvanchik]

[Evgen Marfel] [Stepik] Создание UI KIT в FIGMA. Делаем и продаем (2023)



Научись создавать UI KIT прямо в FIGMA. Новый курс от ТОП-1 автора по FIGMA на Udemy + Курс по FIGMA в подарок

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

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

80% моих студентов еще во время обучения окупают этот курс.

На курсе мы учимся создавать UI KIT, который можно сразу продавать на маркетплейсах.

Создай несколько крутых UI KIT вместе со мной и получи пассивный заработок. Мы на практике получаем знания и с сразу же их применяем.

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

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

Курс по FIGMA в подарок

Если даже ты не знаешь программу или хочешь освежить знания, то в подарок ты получишь курс по FIGMA совершенно бесплатно.

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

О чём этот курс:

* Вступление

* Как проходить курс. Организационный урок

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

* О чем этот модуль

* Стили для текстов

* Почему именно такие значения для стилей текста?

* Стиль нейтрального цвета

* Логика подбора стилей для главного цвета (Main Color)

* Создаем стили главного цвета

* Доработка цвета. Работа с цветовой моделью HSV

* Практика 01 Работа с плагинами для студента

* Проверяем контраст Главного цвета

* Функциональные цвета

* Ускоряем работу с помощью регулярных выражений

* Создание Layout

* Стили Эффектов

* Добавление пака иконок в UiKit

* Практика 02. Грамотная работа с иконками для UI KIT

Создаём основные элементы UI Kit:

* О чем этот модуль

* Создание тегов(чипсы,бейджи)

* Создаем Аккордеоны

* Подробнее по Аккордеонам

* Создание основного стека кнопок

* Создание дополнительных состояний и стилей кнопок

* Создаем CheckBox

* Практика 03. Создание Радио кнопок

* Создаем модальные окна

* Создание окон уведомления (Notification)

* Практика 04. Создание переключателей (Switch)

* Практика 05. Создание поля ввода текста Textarea

* Разбираем домашнее задание по полям ввода текста. О Слоях

* Добавление функционала к полям ввода

* Создание Dropdown Menu

* Дополнение блока Dropdown

* Блок Select

* Дополняем блок Select

* Практика 06. Создание блока "Рейтинг"

* Создаем Табы

* Создаем блок Вертикальное Меню

* Создание блока Горизонтальное меню

* Практика 07. Создание второстепенных menu item

* Решение задачи по созданию второстепенных пунктов меню

* Создание инпутов

* Создание ячеек для таблиц. Часть 1

* Создание ячеек для таблиц. Часть 2

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

* Практика 08. Документация

* Превью для Ui Kit

* Регистрация в community в качестве автора

* Публикация своего продукта

Курс по Figma 2022:

* Установка Figma

* Простейшие фигуры(Квадрат)

* Работа с цветом

* Работа с изображениями

* Эффекты

* Группа

* Фрейм

* Комьюнити

* Плагины

* Работа с текстом

* Стили

* Настройка constraints

* Обновление Auto Layout 2022

* Auto Layout

* Практика 08. Auto Layout Часть 2

* Компоненты. Часть 1

* Компоненты. Часть 2

* Компоненты. Часть 3

* Компоненты. Часть 4

* Варианты



—————————————————————————

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал