Что же такое UI kit?
UI kit (от англ. User Interface - Пользовательский Интерфейс, kit - набор, комплект) - это готовый набор элементов пользовательского интерфейса: кнопки, формы, иконки, навигация, цвета, шрифты и др. И это не просто набор готовых элементов, а набор, который легко изменять и расширять.
UI kit создаётся для того, чтобы стандартизировать дизайн (особенно актуально для сложных интерфейсов), ускорить и упростить последующую разработку дизайна, а также сохранить единую стилистику элементов и логику взаимодействия между ними и много ещё для чего.
UI kit значительно уменьшает время работы, т.к. новые элементы дизайна не нужно рисовать с нуля и есть уже готовые компоненты, на которые можно опереться.
Проходя уроки курса вы постепенно, шаг за шагом будете создавать свой продукт. От созданий базовых стилей текста и цвета, подбора правильного контраста и до готового ui kit, в котором все элементы расширяемы и связаны между собой.
Да! Вы создадите свой собственный профессиональный UI Kit в Фигма. Это правда и это намного проще, чем может показаться.
Это не просто курс по дизайну - это курс по созданию современного дизайн-продукта. Далеко не каждый практикующий дизайнер может похвастаться умением создавать такие сложные системы, как ui kit и профессиональной работой с компонентами.
Вы на практике получаете знания и сразу же их применяете.
Чему вы научитесь
- Углубленное изучение Figma
- Продвинутая практика работы в Figma
- Углубленная работа со сложными компонентами
- Правильный нейминг элементов
- Работа с вариантами
- Продумывание архитектуры проекта
- Создание реального продукта Ui Kit
- Работа с плагинами
- Работа с hot key
В курсе есть максимально эффективные домашние задания
Студент не просто смотрит на то, что делает преподаватель, а включается в процесс, ведь некоторые элементы нужно создавать самостоятельно. Автор дает чёткие инструкции по домашним заданиям, которые нужно выполнять.
Студент их выполняет и после этого получает решение/видео-разбор по ДЗ от автора. Это самый эффективный способ обучения в онлайн формате на сегодняшний день. Студент постоянно находится в тонусе и практикуется.
Весь процесс обучения происходит в Figma- Вы будете пользоваться полезными плагинами и сочетаниями горячих клавиш. Узнаете крутой метод быстрого переименования слоев и объектов при помощи регулярных выражений. Эти подходы в 100 раз ускоряет рутинную работу!
- По ходу курса вы в совершенстве изучите такие сложные темы как: компоненты, варианты, auto layout, стили и научитесь грамотно применять свои знания.
- Гид по стилям. Создадите основу нашего кита: стили цвета, шрифты, эффекты, сетки, иконки и многое другое.
- Библиотека компонентов. В этом модуле вы создадите все основные элементы для нашего ui kit в Figma. Вы не просто «нарисуете» их, а тщательно продумаем каждое состояние и возможности этих элементов. Вообще, вы будете много анализировать, структурировать и думать наперед. Это больше походит на работу проектировщика и архитектора. Вы создадите такие элементы, которые легко изменять, расширять, дополнять новыми свойствами. И это очень важно!
После прохождения курса студент будет работать в программе как настоящий гуру Figma!
Что вы получите, пройдя этот курс?- Уникальную практику работы в Figma
- Уникальные знания по проектированию UI kit и библиотек компонентов
- Готовый дизайн продукт (UI Kit)
- Умение создавать и работать со сложными компонентами и вариантами
- Возможность получать пассивный доход, продавая свои собственные дизайн-продукты
Для кого этот курс- Для начинающих веб дизайнеров
- Для тех, кто хочет создавать собственные дизайн-продукты Ui Kit и получать на этом пассивный доход
- Для тех, кто хочет получить актуальные навыки в профессии web-дизайнера, создать портфолио и стать более востребованным на рынке IT-профессий
Требования для прохождения курса- Хорошее владение графическим редактором Figma
Рекомендуем пройти наш базовый курс Фигма для начинающих:
Figma для Веб дизайнера - с нуля до профессионала
ВСЕ КУРСЫ - Дизайн / Веб-дизайн
