Научись создавать UI KIT прямо в FIGMA.
Автор курса: Evgen Marfel
Сайт автора: stepik_org/course/128009/promo
Цена автора: 1990 руб.
Новый курс от ТОП-1 автора по FIGMA на Udemy.
Это не просто курс по дизайну, это курс по созданию современного дизайн-продукта. Далеко не каждый практикующий дизайнер может похвастаться умением создавать такие сложные системы, как 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
- Варианты.
Отзывы
Отзывов пока нет.