Содержание курса
О чем этот курс
2 урока
1.
Вступление
↗
2.
Как проходить курс. Организационный урок
↗
Создаем стили для UI Kit
15 уроков
1.
О чем этот модуль
↗
2.
Стили для текстов
↗
3.
Почему именно такие значения для стилей текста?
↗
4.
Стиль нейтрального цвета
↗
5.
Логика подбора стилей для главного цвета (Main Color)
↗
6.
Создаем стили главного цвета
↗
7.
Доработка цвета. Работа с цветовой моделью HSV
↗
8.
Практика 01 Работа с плагинами для студента
↗
9.
Проверяем контраст Главного цвета
↗
10.
Функциональные цвета
↗
11.
Ускоряем работу с помощью регулярных выражений
↗
12.
Создание Layout
↗
13.
Стили Эффектов
↗
14.
Добавление пака иконок в UiKit
↗
15.
Практика 02. Грамотная работа с иконками для UI KIT
↗
Создаем основные элементы Ui Kit
27 уроков
1.
О чем этот модуль
↗
2.
Создание тегов(чипсы,бейджи)
↗
3.
Создаем Аккордеоны
↗
4.
Подробнее по Аккордеонам
↗
5.
Создание основного стека кнопок
↗
6.
Создание дополнительных состояний и стилей кнопок
↗
7.
Создаем CheckBox
↗
8.
Практика 03. Создание Радио кнопок
↗
9.
Создаем модальные окна
↗
10.
Создание окон уведомления (Notification)
↗
11.
Практика 04. Создание переключателей (Switch)
↗
12.
Практика 05. Создание поля ввода текста Textarea
↗
13.
Разбираем домашнее задание по полям ввода текста. О Слоях
↗
14.
Добавление функционала к полям ввода
↗
15.
Создание Dropdown Menu
↗
16.
Дополнение блока Dropdown
↗
17.
Блок Select
↗
18.
Дополняем блок Select
↗
19.
Практика 06. Создание блока "Рейтинг"
↗
20.
Создаем Табы
↗
21.
Создаем блок Вертикальное Меню
↗
22.
Создание блока Горизонтальное меню
↗
23.
Практика 07. Создание второстепенных menu item
↗
24.
Решение задачи по созданию второстепенных пунктов меню
↗
25.
Создание инпутов
↗
26.
Создание ячеек для таблиц. Часть 1
↗
27.
Создание ячеек для таблиц. Часть 2
↗
Выкладываем наш Ui Kit В Community Figma
4 урока
1.
Практика 08. Документация
↗
2.
Превью для Ui Kit
↗
3.
Регистрация в community в качестве автора
↗
4.
Публикация своего продукта
↗
Курс по Figma 2022
21 урок
1.
Установка Figma
↗
2.
Простейшие фигуры(Квадрат)
↗
3.
Работа с цветом
↗
4.
Работа с изображениями
↗
5.
Эффекты
↗
6.
Группа
↗
7.
Фрейм
↗
8.
Комьюнити
↗
9.
Плагины
↗
10.
Работа с текстом
↗
11.
Обновление стилей 2023
↗
12.
Стили
↗
13.
Настройка constraints
↗
14.
Обновление Auto Layout 2022
↗
15.
Auto Layout
↗
16.
Практика 08. Auto Layout Часть 2
↗
17.
Компоненты. Часть 1
↗
18.
Компоненты. Часть 2
↗
19.
Компоненты. Часть 3
↗
20.
Компоненты. Часть 4
↗
21.
Варианты
↗