Содержание пакета (2 курса)
1. UX/UI дизайн в Figma с Личным проектом и Наставничеством
Введение
4 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
3.
Установка Figma
↗
4.
Как отправлять домашние задания на проверку
↗
Базовый модуль
5 уроков
1.
Знакомство с интерфейсом
↗
2.
Работа с текстом и шрифтами
↗
3.
Работа и настройка цвета
↗
4.
Учимся создавать и работать со стилями
↗
5.
Домашнее задание. Подбор цветов и типографики для проекта
↗
Профильный модуль
6 уроков
1.
Учимся создавать и работать с Grid сетками
↗
2.
Основы работы с Autolayout
↗
3.
Учимся создавать и работать с компонентами ч. 1
↗
4.
Учимся создавать и работать с компонентами ч. 2
↗
5.
Работа с нейросетями для UI/UX дизайнера
↗
6.
Домашнее задание. Проектирование экрана авторизации
↗
UX практикум
4 урока
1.
Создание интуитивно понятных интерфейсов
↗
2.
Эсетика и стиль, влияющие на восприятие интерфейсов
↗
3.
Понимание потребностей и поведения пользователей
↗
4.
Проверка дизайна на пользователях и его улучшение
↗
Гайдлайны
4 урока
1.
Что такое гайдлайны
↗
2.
Гайдлайны IOS
↗
3.
Гайдлайны Android
↗
4.
Домашнее задание. Создание интерфейса приложения для IOS
↗
Создаём UI KIT для мобильного приложения
14 уроков
1.
Создаём стили для текста
↗
2.
Создаём стили для цветов
↗
3.
Создаём кнопки ч. 1
↗
4.
Создаём кнопки ч. 2
↗
5.
Создаём Tabs
↗
6.
Создаём фильтры
↗
7.
Создаём Checkbox
↗
8.
Создаём Radio Button и кнопку включения
↗
9.
Создаём рейтинг
↗
10.
Создаём счётчик
↗
11.
Создаём Input
↗
12.
Создаём Dropdown
↗
13.
Создаём поиск
↗
14.
Домашнее задание. Ревью UI KIT
↗
Проектируем мобильное приложение доставки еды
25 уроков
1.
Создаём проект
↗
2.
Создаём экран авторизации ч. 1
↗
3.
Создаём экран авторизации ч. 2
↗
4.
Создаём главный экран ч. 1
↗
5.
Создаём главный экран ч. 2
↗
6.
Создаём главный экран ч. 3
↗
7.
Создаём блок "Рестораны" ч. 1
↗
8.
Создаём блок "Рестораны" ч. 2
↗
9.
Создаём меню ресторана ч. 1
↗
10.
Создаём меню ресторана ч. 2
↗
11.
Создаём меню ресторана ч. 3
↗
12.
Создаём меню ресторана ч. 4
↗
13.
Создаём экран с описанием блюда ч. 1
↗
14.
Создаём экран с описанием блюда ч. 2
↗
15.
Дорабатываем экран с меню
↗
16.
Создаём экран с оформлением заказ ч. 1
↗
17.
Создаём экран с оформлением заказ ч. 2
↗
18.
Создаём экран с оформлением заказ ч. 3
↗
19.
Создаём экран с оформлением заказ ч. 4
↗
20.
Создаём экран с оформлением заказ ч. 5
↗
21.
Создаём экран со статусами заказов ч. 1
↗
22.
Создаём экран со статусами заказов ч. 2
↗
23.
Создаём экран с настройками профиля
↗
24.
Доделываем проект и исправляем ошибки
↗
25.
Домашнее задание. Ревью интерфейса приложения
↗
Анимация мобильного приложения
4 урока
1.
Анимация кнопок и экранов авторизации
↗
2.
Анимация главного экрана и меню ресторана
↗
3.
Анимация экранов заказа и остальных
↗
4.
Домашнее задание. Финальное ревью приложения
↗
Оформление кейса
6 уроков
1.
Регистрация и знакомство с Dprofile
↗
2.
Оформление кейса в Figma ч. 1
↗
3.
Оформление кейса в Figma ч. 2
↗
4.
Оформление кейса в Figma ч. 3
↗
5.
Оформление кейса в Figma ч. 4
↗
6.
Публикация кейса на Dprofile
↗
Создание сайта-портфолио на Tilda
3 урока
1.
Создание сайта-портфолио
↗
2.
Настройка сайта-портфолио
↗
3.
Домашнее задание. Ревью сайта-портфолио
↗
Личный проект
6 уроков
1.
Что предстоит сделать
↗
2.
Выбор проекта
↗
3.
Подбор шрифтов и цветов
↗
4.
Проектирование библиотеки компонентов
↗
5.
Проектирование интерфейса приложения
↗
6.
Оформление и публикация кейса
↗
Заключение
2 урока
1.
Что делать дальше
↗
2.
Получение сертификата
↗
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.
Получение сертификата
↗