Содержание пакета (4 курса)
1. UX/UI в Figma с нуля для начинающих 4.80
Введение
3 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
3.
Установка Figma
↗
Базовый модуль
4 урока
1.
Знакомство с интерфейсом
↗
2.
Работа с текстом и шрифтами
↗
3.
Работа и настройка цвета
↗
4.
Учимся создавать и работать со стилями
↗
Профильный модуль
5 уроков
1.
Учимся создавать и работать с Grid сетками
↗
2.
Основы работы с Autolayout
↗
3.
Учимся создавать и работать с компонентами ч. 1
↗
4.
Учимся создавать и работать с компонентами ч. 2
↗
5.
Работа с нейросетями для UI/UX дизайнера
↗
UX практикум
4 урока
1.
Создание интуитивно понятных интерфейсов
↗
2.
Эсетика и стиль, влияющие на восприятие интерфейсов
↗
3.
Понимание потребностей и поведения пользователей
↗
4.
Проверка дизайна на пользователях и его улучшение
↗
Гайдлайны
3 урока
1.
Что такое гайдлайны
↗
2.
Гайдлайны IOS
↗
3.
Гайдлайны Android
↗
Создаём UI KIT для мобильного приложения
13 уроков
1.
Создаём стили для текста
↗
2.
Создаём стили для цветов
↗
3.
Создаём кнопки ч. 1
↗
4.
Создаём кнопки ч. 2
↗
5.
Создаём Tabs
↗
6.
Создаём фильтры
↗
7.
Создаём Checkbox
↗
8.
Создаём Radio Button и кнопку включения
↗
9.
Создаём рейтинг
↗
10.
Создаём счётчик
↗
11.
Создаём Input
↗
12.
Создаём Dropdown
↗
13.
Создаём поиск
↗
Проектируем мобильное приложение доставки еды
24 урока
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.
Доделываем проект и исправляем ошибки
↗
Анимация мобильного приложения
3 урока
1.
Анимация кнопок и экранов авторизации
↗
2.
Анимация главного экрана и меню ресторана
↗
3.
Анимация экранов заказа и остальных
↗
Оформление кейса
6 уроков
1.
Регистрация и знакомство с Dprofile
↗
2.
Оформление кейса в Figma ч. 1
↗
3.
Оформление кейса в Figma ч. 2
↗
4.
Оформление кейса в Figma ч. 3
↗
5.
Оформление кейса в Figma ч. 4
↗
6.
Публикация кейса на Dprofile
↗
Создание сайта-портфолио на Tilda
2 урока
1.
Создание сайта-портфолио
↗
2.
Настройка сайта-портфолио
↗
Заключение
2 урока
1.
Что делать дальше
↗
2.
Получение сертификата
↗
2. Веб-дизайн в Figma: ключ к успеху. С нуля 4.90
Знакомство
3 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
3.
Установка Figma
↗
Базовый модуль по Figma
4 урока
1.
Создание первого проекта
↗
2.
Учимся работать со шрифтами
↗
3.
Изучаем направляющие и Grid сетки
↗
4.
Учимся работать с цветами и градиентами
↗
Профильный модуль по Figma
4 урока
1.
Учимся работать с Autolayout
↗
2.
Разбираемся что такое компоненты и для чего они нужны
↗
3.
Учимся работать со стилями
↗
4.
Знакомимся с эффектами
↗
Создаём лендинг для аренды спецтехники
13 уроков
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
↗
Правила создания композиции
2 урока
1.
Что такое F-паттерн
↗
2.
Что такое Z-паттерн
↗
UX-дизайн
5 уроков
1.
Визуальная коммуникация
↗
2.
Портрет аудитории и мудборд
↗
3.
Пользовательские сценарии и паттерны их использования
↗
4.
Юзабилити
↗
5.
Гипотезы
↗
Итоговая работа UX-дизайн Экзамен
1 урок
1.
Итоговая работа
↗
Создаём дизайн интерфейса CRM системы
17 уроков
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.
Создаём страницу с настройками
↗
Создаём кейс для Dproifle
3 урока
1.
Создаём кейс в Figma ч. 1
↗
2.
Создаём кейс в Figma ч. 2
↗
3.
Публикуем кейс на Dprofile
↗
Создаём сайт-портфолио на Tilda
3 урока
1.
Создаём главный экран
↗
2.
Создаём блок с портфолио
↗
3.
Создаём блок с контактами и публикуем сайт
↗
Финал
1 урок
1.
Получение сертификата
↗
Знакомство (старый)
4 урока
1.
Вступление и знакомство с профессией
↗
2.
Ссылка на закрытый чат в Telegram
↗
3.
Обновление курса от 28.07.24
↗
4.
Установка Figma
↗
Основы Figma (старый)
4 урока
1.
Создаём первый проект и работаем с размерами
↗
2.
Учимся работать со шрифтами
↗
3.
Направляющие и сетки
↗
4.
Экспорт слоёв и фреймов
↗
Профильный модуль Figma (старый)
6 уроков
1.
Магия Autolayout
↗
2.
Компоненты
↗
3.
Стили
↗
4.
Эффекты
↗
5.
Структура организации проекта
↗
6.
Анимация
↗
Создаём первый сайт (старый)
5 уроков
1.
Разбираем техническое задание
↗
2.
Создаём UI KIT
↗
3.
Создаём первый экран сайта
↗
4.
Создаём основной контент сайта
↗
5.
Адаптируем сайт под мобильные устройства
↗
Основы дизайна (старый)
2 урока
1.
Правила создания правильной композиции
↗
2.
Типографика в веб-дизайне
↗
Работа с фотографией (старый)
2 урока
1.
Где искать фотографии для своих проектов
↗
2.
Обработка фото в Figma
↗
Создание интернет-магазина автозапчастей (старый)
12 уроков
1.
Разбираем техническое задание
↗
2.
Разбираем сайты конкурентов
↗
3.
Создание UI KIT
↗
4.
Создание Header
↗
5.
Создание первого экрана сайта
↗
6.
Создание основного контента сайта
↗
7.
Создание страницы каталога
↗
8.
Создание страницы товара
↗
9.
Создание страницы корзины
↗
10.
Создание страницы оформления заказа
↗
11.
Создание страницы с личным кабинетом
↗
12.
Создание второстепенных страниц
↗
Дизайн мобильных приложений (старый)
2 урока
1.
Дизайн мобильного приложения погоды
↗
2.
Дизайн мобильного приложения погоды для Android
↗
Кейс на Behance (старый)
2 урока
1.
Оформление кейса на Behance
↗
2.
Публикация кейса
↗
Создание портфолио на Notion (старый)
2 урока
1.
Что такое Notion и зачем он нужен
↗
2.
Создаем портфолио на Notion
↗
Создаем сайт-портфолио (старый)
4 урока
1.
Разработка UI KIT и верстка главного экрана
↗
2.
Создание блока преимуществ и портфолио
↗
3.
Создание блока с ценами
↗
4.
Создание блока с формой обратной связи
↗
Финал (старый)
2 урока
1.
Куда идти дальше?
↗
2.
Финал!
↗
3. Дизайнер сайтов на Tilda. С нуля до PRO 4.70
Знакомство
3 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
3.
Знакомство с интерфейсом Tilda
↗
Создание сайта транспортной компании
4 урока
1.
Создаём Header и главный баннер
↗
2.
Создаём блок с преимуществами и этапами работы
↗
3.
Создаём блок с ценами и форму обратной связи
↗
4.
Создаём Footer и подключаем CRM
↗
Создание сайта на Zero Block с помощью Autolayout
16 уроков
1.
Создаём Header и учимся работать с Autolayout
↗
2.
Адаптируем Header
↗
3.
Создаём главный баннер
↗
4.
Адаптируем главный баннер
↗
5.
Создаём каталог спецтехники ч. 1
↗
6.
Создаём каталог спецтехники ч. 2
↗
7.
Создаём каталог спецтехники ч. 3
↗
8.
Адаптируем каталог спецтехники
↗
9.
Создаём форму обратной связи
↗
10.
Адаптируем форму обратной связи и создаём блок с преимуществами
↗
11.
Создаём блок с контактами и добавляем Яндекс Карту
↗
12.
Создаём якорные ссылки
↗
13.
Подключаем CRM систему
↗
14.
Создаём анимацию
↗
15.
Подключаем Яндекс Вебмастер и Метрику
↗
16.
Учимся работать в Яндекс Метрике
↗
Знакомство с Figma и создание сайта-портфолио
5 уроков
1.
Создаём Header
↗
2.
Создаём главный баннер
↗
3.
Создаём блок с портфолио
↗
4.
Создаём блок с услугами и ценами
↗
5.
Создаём блок с контактами
↗
Перенос сайта из Figma в Tilda в один клик
7 уроков
1.
Перенос всех блоков
↗
2.
Правка главного экрана и Header
↗
3.
Адаптация главного экрана
↗
4.
Адаптация блока с портфолио
↗
5.
Адаптация блока с услугами и ценами
↗
6.
Адаптация блока с контаками
↗
7.
Подключение CRM системы
↗
Разбираемся с модулем для интернет-магазинов
2 урока
1.
Создаём блоки с товарами
↗
2.
Подключаем полезные функции
↗
Финал
1 урок
1.
Что делать дальше
↗
Знакомство (старый)
3 урока
1.
Вступление и знакомство с профессией
↗
2.
Ссылка на закрытый чат в Telegram
↗
3.
Знакомство с Tilda
↗
Создание сайта строительной компании (старый)
5 уроков
1.
Создание Header'a и главного экрана
↗
2.
Создание блока с этапами строительства и каталогом проектов
↗
3.
Создание блока с отзывами и формой обратной связи. Tilda CRM
↗
4.
Создание блока с контактами и подключение Яндекс Карты
↗
5.
Дороботка сайта
↗
Базовый модуль по Figma (старый)
5 уроков
1.
Установка Figma
↗
2.
Создаём первый проект и работаем с размерами
↗
3.
Учимся работать со шрифтами
↗
4.
Направляющие и сетки
↗
5.
Экспорт слоёв и фреймов
↗
Профильный модуль по Figma (старый)
6 уроков
1.
Магия Autolayout
↗
2.
Компоненты
↗
3.
Стили
↗
4.
Эффекты
↗
5.
Структура организации проекта
↗
6.
Анимация
↗
Создание лендинга в Figma (старый)
5 уроков
1.
Разбираем техническое задание
↗
2.
Создаём UI KIT
↗
3.
Создаём первый экран сайта
↗
4.
Создаём основной контент сайта
↗
5.
Адаптируем сайт под мобильные устройства
↗
Создание лендинга на Zero Block (старый)
10 уроков
1.
Первоначальная настройка
↗
2.
Создание Header'a
↗
3.
Создание главного экрана
↗
4.
Создание блока с преимуществами
↗
5.
Создание формы обратной связи и подключение к Tilda CRM
↗
6.
Создание FAQ и подключение скрипта
↗
7.
Создание Footer'a
↗
8.
Создание анимаций в Zero Block
↗
9.
Подключение домена к сайту
↗
10.
Подключение Яндекс Метрики
↗
Создание интернет-магазина (старый)
4 урока
1.
Создание основного контента сайта
↗
2.
Добавление товаров в каталог
↗
3.
Создание корзины и подключение оплаты
↗
4.
Подключение Метрики и создание второстепенных страниц
↗
Создание сайта портфолио (старый)
5 уроков
1.
Создание главного экрана
↗
2.
Создание блока с достижениями
↗
3.
Создание блока с портфолио и подключение Pop up меню
↗
4.
Создание блока с ценами
↗
5.
Создание формы обратной связи и подключение к Tilda CRM
↗
Финал! (старый)
2 урока
1.
Куда идти дальше?
↗
2.
Финал
↗
4. Продвинутый курс по Figma: Анимация, UX-дизайн, переменные 5.00
Знакомство
2 урока
1.
Информация о курсе
↗
2.
Как проходить курс
↗
Базовая анимация
4 урока
1.
Анимация загрузки
↗
2.
Анимация кнопки включения
↗
3.
Анимация открывающегося меню
↗
4.
Анимация кнопки
↗
Создание сайта в Figma Make
3 урока
1.
Генерация сайта
↗
2.
Настройка сайта
↗
3.
Доработка сайта
↗
UX-дизайн
6 уроков
1.
Что такое UX дизайн
↗
2.
UX Исследования
↗
3.
Глубинное интервью
↗
4.
Customer Journey Map
↗
5.
Онлайн-опросы
↗
6.
Юзабилити тестирование
↗
Переменные
2 урока
1.
Знакомство с переменными
↗
2.
Настройка переменных
↗
Создаём UI KIT: переменные
4 урока
1.
Создание переменных для цветов
↗
2.
Создание переменных для размеров ч. 1
↗
3.
Создание переменных для размеров ч. 2
↗
4.
Создание переменных для текста
↗
Создаём UI KIT: стили
3 урока
1.
Создание стилей для текста ч. 1
↗
2.
Создание стилей для текста ч. 2
↗
3.
Создание стилей для эффектов
↗
Создаём UI KIT: компоненты
15 уроков
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
↗
Создаём UI KIT: элементы интерфейсов
7 уроков
1.
Создаём формы
↗
2.
Создаём Header
↗
3.
Создаём Footer
↗
4.
Создаём заголовки
↗
5.
Создаём блоки с информацией
↗
6.
Создаём блок с отзывами
↗
7.
Создаём блок с вопросами
↗
Создаём UI KIT: оформление кейса
7 уроков
1.
Создаём главный экран
↗
2.
Создаём второй экран
↗
3.
Создаём третий экран
↗
4.
Создаём четвёртый экран ч. 1
↗
5.
Создаём четвёртый экран ч. 2
↗
6.
Создаём пятый и шестой экран
↗
7.
Публикация кейса на Dprofile
↗
Финал
1 урок
1.
Получение сертификата
↗