Содержание курса
16
разделов
110
уроков
1
тест
13 ч.
обн. 17 мая 2026
1. Введение
6 уроков
341
341
18м
0
Открытый
1.1
О чем курс
↗
114
114
3м 53с
0
Закрытый
1.2
Скачайте материалы к курсу
↗
58
58
0м 29с
0
Закрытый
1.3
Это мультиязычный курс
↗
56
56
7м 56с
0
Закрытый
1.4
Как проходить курс
↗
52
52
4м 43с
0
Закрытый
1.5
Как задавать вопросы
↗
51
51
3м 27с
0
Закрытый
1.6
Оставайтесь со мной на связи!
↗
10
10
0м 12с
0
2. Типографика
10 уроков
674
674
98м
0
Открытый
2.1
Консистентность — это самое главное
↗
186
186
3м 23с
0
Открытый
2.2
Самый первый UX\UI в мире
↗
111
111
4м 54с
0
Закрытый
2.3
Правильные настройки текста в веб-дизайне
↗
54
54
10м 54с
0
Закрытый
2.4
Типы шрифтов
↗
52
52
4м 42с
0
Закрытый
2.5
Как выбрать шрифт для проекта
↗
51
51
11м 31с
0
Закрытый
2.6
Как креативно форматировать текст
↗
52
52
9м 29с
0
Закрытый
2.7
Как форматировать текст в Figma
↗
49
49
23м 32с
0
Закрытый
2.8
Практика #1 — Отформатируйте текст красиво
↗
44
44
26м 38с
0
Закрытый
2.9
Что такое глифы
↗
39
39
5м 34с
0
Закрытый
2.10
Подводим итоги раздела
↗
36
36
4м 12с
0
3. Насмотренность и вдохновение
5 уроков
181
181
29м
0
Закрытый
3.1
Дилема дизайнера
↗
37
37
5м 46с
0
Закрытый
3.2
Ресурсы для насмотренности
↗
36
36
9м 16с
0
Закрытый
3.3
Плагины для насмотренности
↗
36
36
6м 38с
0
Закрытый
3.4
Стили сайтов в веб-дизайне
↗
37
37
6м 53с
0
Закрытый
3.5
Используйте нейросети для насмотренности
↗
35
35
4м 33с
0
4. Сетки и направляющие
7 уроков
225
225
66м
0
Закрытый
4.1
Типы сеток
↗
37
37
9м 53с
0
Закрытый
4.2
Создайте неудобную сетку
↗
33
33
2м 27с
0
Закрытый
4.3
Анализируйте чужие сетки
↗
32
32
15м 47с
0
Закрытый
4.4
Итоги — Типографика и сетки
↗
31
31
3м 59с
0
Закрытый
4.5
Практика # 2 — Разместите контент в сетке
↗
32
32
3м 59с
0
Закрытый
4.6
Практика # 2 — Выполненная ч. 1
↗
30
30
12м 48с
0
Закрытый
4.7
Практика # 2 — Выполненная ч. 2
↗
30
30
22м 41с
0
5. Первый проект
15 уроков
306
306
136м
0
Закрытый
5.1
Задача и описание проекта
↗
33
33
8м 56с
0
Закрытый
5.2
Дополнение. Где брать фото
↗
29
29
3м 42с
0
Закрытый
5.3
Создаем модульную сетку
↗
25
25
5м 8с
0
Закрытый
5.4
Создаем Hero Section, часть 1
↗
26
26
17м 2с
0
Закрытый
5.5
Создаем Hero Section, часть 2
↗
23
23
8м 23с
0
Закрытый
5.6
Создаем вторую секцию сайта
↗
18
18
22м 34с
0
Закрытый
5.7
Создаем третью секцию сайта
↗
17
17
10м 43с
0
Закрытый
5.8
Делаем первый баннер
↗
19
19
8м 55с
0
Закрытый
5.9
Создаем четвертую секцию сайта
↗
16
16
8м 13с
0
Закрытый
5.10
Делаем второй баннер
↗
16
16
4м 44с
0
Закрытый
5.11
Делаем пятую секцию
↗
15
15
8м 13с
0
Закрытый
5.12
Создаем шестую секцию
↗
16
16
7м 40с
0
Закрытый
5.13
Создаем footer сайта
↗
15
15
6м 39с
0
Закрытый
5.14
Меняем шрифт и делаем навигационное меню
↗
18
18
14м 30с
0
Закрытый
5.15
Завершаем сайт
↗
20
20
10м 8с
0
6. Отступы
3 урока
60
60
11м
0
Закрытый
6.1
Правило прямого угла
↗
22
22
4м 22с
0
Закрытый
6.2
Какие отступы использовать?
↗
20
20
4м 0с
0
Закрытый
6.3
Использование пустого пространства в дизайне
↗
18
18
3м 50с
0
7. Визуальная иерархия
8 уроков
149
149
55м
0
Закрытый
7.1
Что такое визуальная иерархия
↗
19
19
4м 8с
0
Закрытый
7.2
Уровни визуальной иерархии
↗
22
22
2м 19с
0
Закрытый
7.3
Какой элемент важнее
↗
19
19
3м 45с
0
Закрытый
7.4
Как использовать серый цвет
↗
19
19
4м 38с
0
Закрытый
7.5
Делайте наоборот. Уберите акценты с ненужного
↗
18
18
2м 39с
0
Закрытый
7.6
Практика # 3 — Настройте визуальную иерархию
↗
19
19
2м 2с
0
Закрытый
7.7
Практика #3 — Выполненная ч. 1
↗
18
18
12м 49с
0
Закрытый
7.8
Практика #3 — Выполненная ч. 2
↗
15
15
26м 24с
0
8. Границы и скругление элементов
2 урока
32
32
9м
0
Закрытый
8.1
Каким должено быть скругление углов
↗
16
16
5м 41с
0
Закрытый
8.2
Консистентное скругление углов
↗
16
16
4м 26с
0
9. Цвет
14 уроков
238
238
77м
0
Закрытый
9.1
Проблема подхода 60·30·10
↗
18
18
5м 38с
0
Закрытый
9.2
Как создавать цветовую шкалу
↗
17
17
5м 0с
0
Закрытый
9.3
Создаем шкалу на практике
↗
17
17
8м 15с
0
Закрытый
9.4
Правило 60·30·10 и шкала цвета
↗
17
17
4м 44с
0
Закрытый
9.5
Необязательно использовать только 3 цвета
↗
17
17
2м 20с
0
Закрытый
9.6
Используйте системные цвета
↗
17
17
6м 31с
0
Закрытый
9.7
Используйте холодный или теплы серый
↗
16
16
3м 46с
0
Закрытый
9.8
Цветовые ассоциации
↗
17
17
6м 55с
0
Закрытый
9.9
Как использовать градиент в дизайне
↗
17
17
6м 51с
0
Закрытый
9.10
Пара советов по работе с цветом
↗
18
18
4м 49с
0
Закрытый
9.11
ИИ Цвет
↗
17
17
3м 55с
0
Закрытый
9.12
Практика # 4 — Примените цвет к макету
↗
17
17
2м 12с
0
Закрытый
9.13
Практика # 4 — Выполненная ч.1
↗
16
16
14м 4с
0
Закрытый
9.14
Практика # 4 — Выполненная ч.2
↗
17
17
10м 3с
0
10. Изображения
4 урока
60
60
22м
0
Закрытый
10.1
Как размещать текст на изображениях
↗
16
16
6м 47с
0
Закрытый
10.2
Какие изображения использовать
↗
14
14
8м 17с
0
Закрытый
10.3
Как работать с иконками
↗
15
15
4м 19с
0
Закрытый
10.4
Как использовать скриншоты в дизайне
↗
15
15
3м 21с
0
11. Искусственный интеллект в изображениях
10 уроков
143
143
54м
0
Закрытый
11.1
Про ИИ-изображения
↗
17
17
7м 18с
0
Закрытый
11.2
Функционал и цены на ИИ
↗
15
15
6м 35с
0
Закрытый
11.3
Удаление заднего фона с помощью ИИ
↗
16
16
8м 30с
0
Закрытый
11.4
Удаление объектов с помощью ИИ
↗
15
15
6м 7с
0
Закрытый
11.5
Расширение границ изображений с помощью ИИ
↗
14
14
4м 4с
0
Закрытый
11.6
Увеличение разрешения изображения с помощью ИИ
↗
14
14
6м 3с
0
Закрытый
11.7
Редактирование изображений с помощью ИИ
↗
13
13
4м 27с
0
Закрытый
11.8
Гармонизация изображений с помощью ИИ
↗
13
13
2м 9с
0
Закрытый
11.9
Генерация изображений
↗
13
13
3м 5с
0
Закрытый
11.10
Дополнительные возможности ИИ
↗
13
13
7м 16с
0
12. Тени
3 урока
40
40
19м
0
Закрытый
12.1
О тенях
↗
13
13
4м 25с
0
Закрытый
12.2
Техники и приемы работы с тенями
↗
14
14
6м 15с
0
Закрытый
12.3
Практика # 5 — Применяем эффекты теней правильно
↗
13
13
8м 9с
0
13. Мобильный дизайн
7 уроков
90
90
74м
0
Закрытый
13.1
Особенности мобильного дизайна
↗
13
13
4м 59с
0
Закрытый
13.2
Размер текста на мобильных устройствах
↗
12
12
5м 28с
0
Закрытый
13.3
Размеры и выравнивание элементов
↗
14
14
8м 1с
0
Закрытый
13.4
Практика # 6 — Адаптируйте первый проект
↗
14
14
3м 47с
0
Закрытый
13.5
Практика # 6 — Выполненная ч. 1
↗
14
14
22м 9с
0
Закрытый
13.6
Практика # 6 — Выполненная ч. 2
↗
10
10
20м 10с
0
Закрытый
13.7
Практика # 6 — Выполненная ч. 3
↗
13
13
12м 39с
0
14. Визуальные приемы в дизайне
2 урока
30
30
11м
0
Закрытый
14.1
О визуальных приёмах
↗
16
16
7м 36с
0
Закрытый
14.2
Полезные ресурсы для веб-дизайнеров
↗
14
14
5м 32с
0
15. Второй проект – Редизайн сайта
12 уроков
131
131
111м
0
Закрытый
15.1
Обзор и задачи проекта
↗
17
17
8м 19с
0
Закрытый
15.2
Подготовка и поиск референсов
↗
12
12
12м 53с
0
Закрытый
15.3
Создаём Hero Section
↗
12
12
13м 29с
0
Закрытый
15.4
Создаем навигационное меню
↗
10
10
19м 42с
0
Закрытый
15.5
Создаем декоративные линии
↗
10
10
7м 49с
0
Закрытый
15.6
Создаем вторую секцию сайта, ч. 1
↗
10
10
16м 55с
0
Закрытый
15.7
Создаем вторую секцию сайта, ч. 2
↗
9
9
8м 12с
0
Закрытый
15.8
Создаем третью секцию сайта
↗
9
9
8м 50с
0
Закрытый
15.9
Создаем четвертую секцию сайта
↗
9
9
10м 7с
0
Закрытый
15.10
Создаем форму для сайта
↗
9
9
3м 50с
0
Закрытый
15.11
Создаем footer для сайта
↗
11
11
3м 24с
0
Закрытый
15.12
Завершаем сайт
↗
13
13
3м 12с
0
16. Заключение
2 урока
10
7
0м
0
Закрытый
16.1
Моя книга по UX-Исследованиям
↗
0
0
-
0
Закрытый
16.2
Тест для получения сертификата
↗
10
7
-
0