Содержание пакета (2 курса)
1. Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство 5.00
Знакомство
4 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
3.
Установка Figma
↗
4.
Как отправлять домашние задания на проверку
↗
Базовый модуль по Figma
5 уроков
1.
Создание первого проекта
↗
2.
Учимся работать со шрифтами
↗
3.
Изучаем направляющие и Grid сетки
↗
4.
Учимся работать с цветами и градиентами
↗
5.
Домашнее задание. Подбор шрифта и цветов для проекта
↗
Профильный модуль по Figma
5 уроков
1.
Учимся работать с Autolayout
↗
2.
Разбираемся что такое компоненты и для чего они нужны
↗
3.
Учимся работать со стилями
↗
4.
Знакомимся с эффектами
↗
5.
Домашнее задание. Проектирование компонента инпута
↗
Создаём лендинг для аренды спецтехники
14 уроков
1.
Создаём UI KIT: стили для текста
↗
2.
Создаём UI KIT: стили для цветов
↗
3.
Создаём UI KIT: создаём кнопки
↗
4.
Создаём UI KIT: создаём поля ввода
↗
5.
Создаём первый экран ч. 1
↗
6.
Создаём первый экран ч. 2
↗
7.
Создаём каталог спецтехники ч. 1
↗
8.
Создаём каталог спецтехники ч. 2
↗
9.
Создаём форму обратной связи
↗
10.
Создаём блок с контактами
↗
11.
Создаём подвал сайта
↗
12.
Адаптируем сайт под мобильные устройства ч. 1
↗
13.
Адаптируем сайт под мобильные устройства ч. 2
↗
14.
Домашнее задание. Ревью проделанной работы
↗
Правила создания композиции
2 урока
1.
Что такое F-паттерн
↗
2.
Что такое Z-паттерн
↗
UX-дизайн
5 уроков
1.
Визуальная коммуникация
↗
2.
Портрет аудитории и мудборд
↗
3.
Пользовательские сценарии и паттерны их использования
↗
4.
Юзабилити
↗
5.
Гипотезы
↗
Итоговая работа UX-дизайн Экзамен
1 урок
1.
Итоговая работа
↗
Создаём дизайн интерфейса CRM системы
18 уроков
1.
Создаём блок навигации ч. 1
↗
2.
Создаём блок навигации ч. 2
↗
3.
Создаём информационные блоки
↗
4.
Создаём блок "Последние заказы"
↗
5.
Создаём блок "Постоянные клиенты"
↗
6.
Создаём страницу с задачами ч. 1
↗
7.
Создаём страницу с задачами ч. 2
↗
8.
Создаём страницу с задачами ч. 3
↗
9.
Создаём кнопку добавления новой задачи
↗
10.
Создаём страницу с заказами
↗
11.
Создаём страницу с добавлением нового заказа ч. 1
↗
12.
Создаём страницу с добавлением нового заказа ч. 2
↗
13.
Создаём страницу с добавлением нового заказа ч. 3
↗
14.
Создаём страницу с клиентами
↗
15.
Создаём кнопку добавления нового клиента
↗
16.
Создаём страницу с отчётами
↗
17.
Создаём страницу с настройками
↗
18.
Домашнее задание. Ревью проделанной работы
↗
Создаём кейс для Dproifle
3 урока
1.
Создаём кейс в Figma ч. 1
↗
2.
Создаём кейс в Figma ч. 2
↗
3.
Публикуем кейс на Dprofile
↗
Создаём сайт-портфолио на Tilda
3 урока
1.
Создаём главный экран
↗
2.
Создаём блок с портфолио
↗
3.
Создаём блок с контактами и публикуем сайт
↗
Личный проект
10 уроков
1.
Что предстоит сделать
↗
2.
Выбор темы проекта
↗
3.
Дизайн-система
↗
4.
Первая страница
↗
5.
Вторая страница
↗
6.
Третья страница
↗
7.
Четвёртая страница
↗
8.
Пятая страница
↗
9.
Шестая страница
↗
10.
Оформление кейса
↗
Финал
1 урок
1.
Получение сертификата
↗
2. Продвинутый курс по Figma с Личным проектом и Наставничеством
Знакомство
3 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
3.
Как отправлять домашние задания на проверку
↗
Базовая анимация
5 уроков
1.
Анимация загрузки
↗
2.
Анимация кнопки включения
↗
3.
Анимация открывающегося меню
↗
4.
Анимация кнопки
↗
5.
Домашнее задание. Интерактивный UI-экран
↗
Создание сайта в Figma Make
4 урока
1.
Генерация сайта
↗
2.
Настройка сайта
↗
3.
Доработка сайта
↗
4.
Домашнее задание. Лендинг для производителя велосипедов
↗
UX-дизайн
7 уроков
1.
Что такое UX дизайн
↗
2.
UX Исследования
↗
3.
Глубинное интервью
↗
4.
Customer Journey Map
↗
5.
Онлайн-опросы
↗
6.
Юзабилити тестирование
↗
7.
Домашнее задание. UX-исследование продукта
↗
Переменные
3 урока
1.
Знакомство с переменными
↗
2.
Настройка переменных
↗
3.
Домашнее задание. Гибкая дизайн-система
↗
Создаём UI KIT: переменные
5 уроков
1.
Создание переменных для цветов
↗
2.
Создание переменных для размеров ч. 1
↗
3.
Создание переменных для размеров ч. 2
↗
4.
Создание переменных для текста
↗
5.
Домашнее задание. Ревью проделанной работы
↗
Создаём UI KIT: стили
4 урока
1.
Создание стилей для текста ч. 1
↗
2.
Создание стилей для текста ч. 2
↗
3.
Создание стилей для эффектов
↗
4.
Домашнее задание. Ревью проделанной работы
↗
Создаём UI KIT: компоненты
16 уроков
1.
Создаём Accordion
↗
2.
Создаём Button ч. 1
↗
3.
Создаём Button ч. 2
↗
4.
Создаём Button ч. 3
↗
5.
Создаём Button ч. 4
↗
6.
Создаём меню Dialog
↗
7.
Создаём Inputs ч. 1
↗
8.
Создаём Inputs ч. 2
↗
9.
Создаём Inputs ч. 3
↗
10.
Создаём Notification
↗
11.
Создаём Pagination ч. 1
↗
12.
Создаём Pagination ч. 2
↗
13.
Создаём Tabs
↗
14.
Создаём Tags
↗
15.
Создаём Toolips
↗
16.
Домашнее задание. Ревью проделанной работы
↗
Создаём UI KIT: элементы интерфейсов
8 уроков
1.
Создаём формы
↗
2.
Создаём Header
↗
3.
Создаём Footer
↗
4.
Создаём заголовки
↗
5.
Создаём блоки с информацией
↗
6.
Создаём блок с отзывами
↗
7.
Создаём блок с вопросами
↗
8.
Домашнее задание. Ревью проделанной работы
↗
Создаём UI KIT: оформление кейса
7 уроков
1.
Создаём главный экран
↗
2.
Создаём второй экран
↗
3.
Создаём третий экран
↗
4.
Создаём четвёртый экран ч. 1
↗
5.
Создаём четвёртый экран ч. 2
↗
6.
Создаём пятый и шестой экран
↗
7.
Публикация кейса на Dprofile
↗
Личный проект
9 уроков
1.
Что предстоит сделать
↗
2.
Выбор проекта
↗
3.
Первый экран
↗
4.
Второй экран
↗
5.
Третий экран
↗
6.
Четвёртый экран
↗
7.
Пятый экран
↗
8.
Анимация элементов
↗
9.
Оформление кейса
↗
Финал
1 урок
1.
Получение сертификата
↗