Доступно

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

  • Дата начала
Информация
Тип покупки: Оптовая
Цена: 129 РУБ

Организатор: Пёсика Пёсика
Статус:
Доступно
Список участников
Ссылки для скачивания Как распаковать архивы? »
Пёсика
Пёсика
Организатор
Сообщения
Монеты
0.0
Оплачено
10
Купоны
0
Кешбэк
0
Баллы
0
  • @Skladchiki
  • #1

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

Ссылка на картинку
изображение
Научись создавать 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 figma stepik ui kit автор evgen marfel веб дизайн делаем и продаем создание ui kit в figma фигма
Похожие темы
Просмотры
2K
Просмотры
2K
Просмотры
2K
  • Цена: 120 руб
Просмотры
143
Показать больше похожих складчин

Зарегистрируйте учетную запись или войдите, чтобы обсуждать и скачивать материалы!

Зарегистрироваться

Создайте учетную запись. Это быстро!

Авторизоваться

Вы уже зарегистрированы? Войдите здесь.

Сверху