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

  • Автор темы Dr. Dre
  • Дата начала
Dr. Dre

Dr. Dre

Модератор
Регистрация
02.10.20
Сообщения
61,942
Реакции
153,276

ОПИСАНИЕ:

Научись создавать 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
  • Варианты


Курс ведет: Evgen Marfel

О курсе от автора:

Скачать материалы курса
:
Материал может быть удалён по требованию правообладателя
 

Похожие темы