Содержание пакета (2 курса)
2
курса
241
урок
2
теста
31 ч.
1. Веб дизайн в Figma с нуля до результата! Основы UX/UI Web Design 4.972
4 463
131
1
18 ч.
1. Подготовка к курсу
3 урока
👁
6 651
👤
6 419
Закрытый
1.1
Скачиваем материалы
↗
2 426
2 194
7м
125
Закрытый
1.2
Как проходить курс
↗
2 140
2 140
4м
94
Закрытый
1.3
Оставайтесь со мной на связи
↗
2 085
2 085
0м
66
2. Основы Figma
11 уроков
👁
16 658
👤
16 658
Закрытый
2.1
Какие размеры у сайта
↗
2 134
2 134
14м
85
Закрытый
2.2
Создаем frame сайта
↗
2 035
2 035
12м
85
Закрытый
2.3
Что такое сетка grid
↗
1 948
1 948
12м
84
Закрытый
2.4
Stretch vs Center Grid
↗
650
650
6м
15
Закрытый
2.5
Основы работы с Фигурами \ Изображениями \ Слоями
↗
1 879
1 879
11м
94
Закрытый
2.6
Основы работы с текстом
↗
1 811
1 811
15м
89
Закрытый
2.7
Заметка по платным функциям.
↗
563
563
0м
16
Закрытый
2.8
Группировка слоев и немного про режим презентации
↗
1 747
1 747
7м
89
Закрытый
2.9
Режим презентации и пара горячих клавиш
↗
558
558
7м
18
Закрытый
2.10
Как сохранять и передавать файлы Figma
↗
1 674
1 674
11м
79
Закрытый
2.11
Разница UX и UI
↗
1 659
1 659
8м
78
3. Работа с цветом
7 уроков
👁
9 982
👤
9 982
Закрытый
3.1
Подбор цвета из изображений
↗
1 657
1 657
3м
75
Закрытый
3.2
ПРАКТИКА #1 - Подберите цвет из изображения
↗
1 633
1 633
8м
99
Закрытый
3.3
Что такое HSB. Точная настройка цвета
↗
1 583
1 583
8м
74
Закрытый
3.4
Инструменты подбора цвета для проекта
↗
1 567
1 567
12м
89
Закрытый
3.5
Как работать с градиентом
↗
1 539
1 539
8м
70
Закрытый
3.6
Правило пропорций цвета 60/30/10
↗
1 526
1 526
10м
79
Закрытый
3.7
ПРАКТИКА #2 - Подберите цвета для сайта
↗
477
477
26м
12
4. Работа с изображениями
14 уроков
👁
12 424
👤
12 424
Закрытый
4.1
Разница растровой и векторной графики
↗
1 478
1 478
4м
66
Закрытый
4.2
Выбирайте качественные изображения
↗
1 438
1 438
8м
75
Закрытый
4.3
Как затемнять изображения
↗
428
428
11м
11
Закрытый
4.4
Как тонировать изображения
↗
1 430
1 430
7м
83
Закрытый
4.5
ПРАКТИКА #3 - Затонируйте изображение
↗
398
398
4м
8
Закрытый
4.6
Техника экстремальной обрезки
↗
1 402
1 402
8м
82
Закрытый
4.7
ПРАКТИКА #4 - Экстримальная обрезка
↗
391
391
6м
8
Закрытый
4.8
Техника мягкой обрезки
↗
1 356
1 356
4м
68
Закрытый
4.9
ПРАКТИКА #5 - Мягкая обрезка
↗
380
380
4м
7
Закрытый
4.10
Про иконки
↗
1 322
1 322
6м
63
Закрытый
4.11
Как создать свою иконку
↗
1 290
1 290
18м
63
Закрытый
4.12
Как работать с обводкой
↗
372
372
8м
7
Закрытый
4.13
Функции ИИ для изображений в Figma (платная Figma)
↗
378
378
10м
5
Закрытый
4.14
Используйте сторонние нейросети для изображений
↗
361
361
10м
11
5. Основы AutoLayOut
2 урока
👁
2 477
👤
2 477
Закрытый
5.1
Основы работы с AutoLayout
↗
1 281
1 281
16м
73
Закрытый
5.2
ПРАКТИКА #6 - AutoLayOut
↗
1 196
1 196
6м
67
6. Продвинутая работа с фигурами
7 уроков
👁
5 406
👤
5 406
Закрытый
6.1
Как работает инструмент "pen tool"
↗
1 162
1 162
12м
58
Закрытый
6.2
Продвинутая работа с Pen Tool
↗
330
330
13м
14
Закрытый
6.3
ПРАКТИКА #7 - "Pen tool"
↗
1 104
1 104
8м
51
Закрытый
6.4
Как создавать паттерны
↗
325
325
8м
11
Закрытый
6.5
Текст по контуру и кисти
↗
313
313
6м
12
Закрытый
6.6
Разница фреймов и групп
↗
1 079
1 079
10м
73
Закрытый
6.7
Делаем следующую секцию сайта
↗
1 093
1 093
11м
58
7. Отступы в веб дизайне
3 урока
👁
3 131
👤
3 131
Закрытый
7.1
Правила отступов в веб дизайне
↗
1 080
1 080
12м
60
Закрытый
7.2
ПРАКТИКА #8 - Отступы в веб дизайне
↗
1 037
1 037
19м
53
Закрытый
7.3
Подводим итоги про отступы
↗
1 014
1 014
4м
59
8. Эффекты и стили
3 урока
👁
2 251
👤
2 251
Закрытый
8.1
Как работают стили
↗
979
979
15м
51
Закрытый
8.2
Создаем следующую секцию сайта
↗
273
273
7м
6
Закрытый
8.3
Как работают эффекты
↗
999
999
9м
54
9. Маски и плагины
7 уроков
👁
5 031
👤
5 031
Закрытый
9.1
Как работают маски
↗
961
961
9м
58
Закрытый
9.2
Дополнительная практика по маскам
↗
907
907
10м
44
Закрытый
9.3
Делаем следующую секцию
↗
251
251
9м
8
Закрытый
9.4
Как работают плагины
↗
889
889
7м
53
Закрытый
9.5
Что такое Figma Community
↗
246
246
4м
10
Закрытый
9.6
Создаем Footer Сайта
↗
887
887
6м
52
Закрытый
9.7
Доделываем сайт
↗
890
890
13м
66
10. Работа со шрифтами
7 уроков
👁
5 880
👤
5 880
Закрытый
10.1
Важность шрифтов
↗
876
876
3м
48
Закрытый
10.2
Типы шрифтов
↗
861
861
6м
51
Закрытый
10.3
Где брать новые шрифты
↗
851
851
6м
39
Закрытый
10.4
Как подбирать шрифты
↗
844
844
6м
45
Закрытый
10.5
ПРАКТИКА #9 - Подберите шрифты
↗
828
828
11м
52
Закрытый
10.6
Настройки шрифта
↗
821
821
15м
47
Закрытый
10.7
ПРАКТИКА #10 - Настройка шрифта
↗
799
799
6м
45
11. Подготовка к новому проекту
6 уроков
👁
3 770
👤
3 770
Закрытый
11.1
Как создать обложку проекта
↗
841
841
5м
48
Закрытый
11.2
Бриф с заказчиком
↗
819
819
7м
53
Закрытый
11.3
ПРАКТИКА #11 - Travel Project
↗
247
247
3м
6
Закрытый
11.4
Как создавать mood board
↗
818
818
5м
44
Закрытый
11.5
Что такое Wireframe сайта
↗
816
816
14м
49
Закрытый
11.6
Обзор функций ИИ в Figma (платная Figma)
↗
229
229
9м
8
12. Дизайн система
6 уроков
👁
4 317
👤
4 317
Закрытый
12.1
Нужен ли дизайнеру Photoshop
↗
774
774
14м
48
Закрытый
12.2
Как приобрести лицензионный фотошоп из России
↗
715
715
2м
19
Закрытый
12.3
Что такое дизайн система
↗
746
746
8м
36
Закрытый
12.4
Делаем лист стилей
↗
716
716
7м
35
Закрытый
12.5
Исправляю небольшую проблему со стилями
↗
687
687
9м
28
Закрытый
12.6
ПРАКТИКА #12 - Создайте свою дизайн систему
↗
679
679
4м
32
13. Компоненты и варианты в figma
5 уроков
👁
3 269
👤
3 269
Закрытый
13.1
Делаем следующую секцию сайта
↗
701
701
12м
34
Закрытый
13.2
Как работают компоненты
↗
676
676
12м
38
Закрытый
13.3
Как работают варианты
↗
650
650
17м
37
Закрытый
13.4
Подводим итоги Варианты
↗
640
640
6м
35
Закрытый
13.5
ПРАКТИКА #13 - Создайте собственные варианты
↗
602
602
1м
27
14. Углублённая работа с AutoLayOut
9 уроков
👁
4 548
👤
4 548
Закрытый
14.1
Создаем следующую секцию сайта
↗
581
581
9м
26
Закрытый
14.2
Как работает GRID AutoLayOut
↗
572
572
17м
26
Закрытый
14.3
AutoLayOut Pro версия
↗
558
558
13м
36
Закрытый
14.4
Создаем следующую секцию сайта
↗
185
185
12м
4
Закрытый
14.5
Делаем страницу блога
↗
541
541
7м
29
Закрытый
14.6
Создаем карточку блога
↗
545
545
10м
23
Закрытый
14.7
Как работают Min width / Max Width
↗
523
523
5м
30
Закрытый
14.8
Создаем варианты карточки блога
↗
513
513
6м
26
Закрытый
14.9
ПРАКТИКА #14 - Создайте дизайн сайта
↗
530
530
1м
24
15. Адаптивный дизайн
7 уроков
👁
3 566
👤
3 566
Закрытый
15.1
Основы constraints
↗
544
544
8м
27
Закрытый
15.2
Как работают constraints с grid layout
↗
510
510
7м
28
Закрытый
15.3
ПРАКТИКА #15 - Constraints
↗
488
488
8м
25
Закрытый
15.4
Что такое адаптивный дизайн
↗
510
510
17м
30
Закрытый
15.5
Что такое DPI и PPI
↗
512
512
6м
31
Закрытый
15.6
Адаптируем первую страницу сайта
↗
529
529
43м
24
Закрытый
15.7
ПРАКТИКА #16 - Адаптируйте сайт
↗
473
473
14м
25
16. Ускорение работы
1 урок
👁
470
👤
470
Закрытый
16.1
Полезные горячие клавиши
↗
470
470
15м
52
17. Прототипирование
13 уроков
👁
5 556
👤
5 556
Закрытый
17.1
Предисловие к блоку
↗
168
168
0м
7
Закрытый
17.2
Режим презентация макета
↗
502
502
9м
26
Закрытый
17.3
Углубленные настройки прототипов
↗
474
474
9м
23
Закрытый
17.4
Базовая анимация в figma
↗
479
479
7м
29
Закрытый
17.5
Как работают кривые Безье
↗
458
458
8м
23
Закрытый
17.6
Работа open overlay & scroll to
↗
451
451
7м
25
Закрытый
17.7
Как работает swap overlay
↗
434
434
7м
30
Закрытый
17.8
Как работает After Delay
↗
434
434
3м
25
Закрытый
17.9
Как работает Smart Animate
↗
428
428
7м
22
Закрытый
17.10
Анимируем меню сайта
↗
453
453
6м
27
Закрытый
17.11
Прототипирование компонетов
↗
432
432
7м
25
Закрытый
17.12
Reset Position & Component state
↗
420
420
6м
27
Закрытый
17.13
Заключение блока прототипирование
↗
423
423
2м
28
18. Платная или Бесплатная Figma?
1 урок
👁
448
👤
448
Закрытый
18.1
Отличия платной и бесплатной figma
↗
448
448
11м
25
19. Экспорт
2 урока
👁
848
👤
848
Закрытый
19.1
Экспорт изображений
↗
439
439
6м
22
Закрытый
19.2
Как работать в команде
↗
409
409
4м
20
20. AI & Buzz & Sites & Slides
5 уроков
👁
1 918
👤
1 918
Закрытый
20.1
Обзор Figma Make
↗
158
158
10м
8
Закрытый
20.2
Обзор Figma Site
↗
149
149
5м
3
Закрытый
20.3
Обзор Figma Buzz
↗
144
144
7м
7
Закрытый
20.4
Обзор Figma Slides
↗
142
142
4м
3
Закрытый
20.5
Обзор Figma Jam
↗
1 325
1 325
4м
81
21. Бонус! Работа в Photoshop
9 уроков
👁
7 117
👤
6 919
Закрытый
21.1
Рекламная пауза
↗
790
592
2м
33
Закрытый
21.2
Подготовка программы
↗
927
927
5м
38
Закрытый
21.3
Работа со слоями в Photoshop
↗
816
816
8м
39
Закрытый
21.4
Расширяем границы изображений
↗
778
778
10м
47
Закрытый
21.5
Удаляем ненужное из фото
↗
759
759
8м
43
Закрытый
21.6
Как вырезать человека из одного фото и вставить его в другое
↗
756
756
9м
43
Закрытый
21.7
Как работают маски в фотошоп
↗
725
725
6м
38
Закрытый
21.8
Экспорт файлов из фотошоп
↗
721
721
4м
32
Закрытый
21.9
Что дальше?
↗
845
845
2м
51
22. Что дальше?
2 урока
👁
471
👤
471
Закрытый
22.1
Моя книга по UX-Исследования
↗
7
7
0
Закрытый
22.2
До свидания!
↗
464
464
4м
52
23. Получите ваш сертификат
1 урок
👁
1 372
👤
979
Закрытый
23.1
Тест для получения сертификата об окончании курса
↗
1 372
979
1м
42
2. Веб дизайн в Figma — Продвинутый уровень | Самостоятельный курс 5.0
111
110
1
13 ч.
1. Введение
6 уроков
👁
341
👤
341
Открытый
1.1
О чем курс
↗
114
114
3м
0
Закрытый
1.2
Скачайте материалы к курсу
↗
58
58
0м
0
Закрытый
1.3
Это мультиязычный курс
↗
56
56
7м
0
Закрытый
1.4
Как проходить курс
↗
52
52
4м
0
Закрытый
1.5
Как задавать вопросы
↗
51
51
3м
0
Закрытый
1.6
Оставайтесь со мной на связи!
↗
10
10
0м
0
2. Типографика
10 уроков
👁
674
👤
674
Открытый
2.1
Консистентность — это самое главное
↗
186
186
3м
0
Открытый
2.2
Самый первый UX\UI в мире
↗
111
111
4м
0
Закрытый
2.3
Правильные настройки текста в веб-дизайне
↗
54
54
10м
0
Закрытый
2.4
Типы шрифтов
↗
52
52
4м
0
Закрытый
2.5
Как выбрать шрифт для проекта
↗
51
51
11м
0
Закрытый
2.6
Как креативно форматировать текст
↗
52
52
9м
0
Закрытый
2.7
Как форматировать текст в Figma
↗
49
49
23м
0
Закрытый
2.8
Практика #1 — Отформатируйте текст красиво
↗
44
44
26м
0
Закрытый
2.9
Что такое глифы
↗
39
39
5м
0
Закрытый
2.10
Подводим итоги раздела
↗
36
36
4м
0
3. Насмотренность и вдохновение
5 уроков
👁
181
👤
181
Закрытый
3.1
Дилема дизайнера
↗
37
37
5м
0
Закрытый
3.2
Ресурсы для насмотренности
↗
36
36
9м
0
Закрытый
3.3
Плагины для насмотренности
↗
36
36
6м
0
Закрытый
3.4
Стили сайтов в веб-дизайне
↗
37
37
6м
0
Закрытый
3.5
Используйте нейросети для насмотренности
↗
35
35
4м
0
4. Сетки и направляющие
7 уроков
👁
225
👤
225
Закрытый
4.1
Типы сеток
↗
37
37
9м
0
Закрытый
4.2
Создайте неудобную сетку
↗
33
33
2м
0
Закрытый
4.3
Анализируйте чужие сетки
↗
32
32
15м
0
Закрытый
4.4
Итоги — Типографика и сетки
↗
31
31
3м
0
Закрытый
4.5
Практика # 2 — Разместите контент в сетке
↗
32
32
3м
0
Закрытый
4.6
Практика # 2 — Выполненная ч. 1
↗
30
30
12м
0
Закрытый
4.7
Практика # 2 — Выполненная ч. 2
↗
30
30
22м
0
5. Первый проект
15 уроков
👁
306
👤
306
Закрытый
5.1
Задача и описание проекта
↗
33
33
8м
0
Закрытый
5.2
Дополнение. Где брать фото
↗
29
29
3м
0
Закрытый
5.3
Создаем модульную сетку
↗
25
25
5м
0
Закрытый
5.4
Создаем Hero Section, часть 1
↗
26
26
17м
0
Закрытый
5.5
Создаем Hero Section, часть 2
↗
23
23
8м
0
Закрытый
5.6
Создаем вторую секцию сайта
↗
18
18
22м
0
Закрытый
5.7
Создаем третью секцию сайта
↗
17
17
10м
0
Закрытый
5.8
Делаем первый баннер
↗
19
19
8м
0
Закрытый
5.9
Создаем четвертую секцию сайта
↗
16
16
8м
0
Закрытый
5.10
Делаем второй баннер
↗
16
16
4м
0
Закрытый
5.11
Делаем пятую секцию
↗
15
15
8м
0
Закрытый
5.12
Создаем шестую секцию
↗
16
16
7м
0
Закрытый
5.13
Создаем footer сайта
↗
15
15
6м
0
Закрытый
5.14
Меняем шрифт и делаем навигационное меню
↗
18
18
14м
0
Закрытый
5.15
Завершаем сайт
↗
20
20
10м
0
6. Отступы
3 урока
👁
60
👤
60
Закрытый
6.1
Правило прямого угла
↗
22
22
4м
0
Закрытый
6.2
Какие отступы использовать?
↗
20
20
4м
0
Закрытый
6.3
Использование пустого пространства в дизайне
↗
18
18
3м
0
7. Визуальная иерархия
8 уроков
👁
149
👤
149
Закрытый
7.1
Что такое визуальная иерархия
↗
19
19
4м
0
Закрытый
7.2
Уровни визуальной иерархии
↗
22
22
2м
0
Закрытый
7.3
Какой элемент важнее
↗
19
19
3м
0
Закрытый
7.4
Как использовать серый цвет
↗
19
19
4м
0
Закрытый
7.5
Делайте наоборот. Уберите акценты с ненужного
↗
18
18
2м
0
Закрытый
7.6
Практика # 3 — Настройте визуальную иерархию
↗
19
19
2м
0
Закрытый
7.7
Практика #3 — Выполненная ч. 1
↗
18
18
12м
0
Закрытый
7.8
Практика #3 — Выполненная ч. 2
↗
15
15
26м
0
8. Границы и скругление элементов
2 урока
👁
32
👤
32
Закрытый
8.1
Каким должено быть скругление углов
↗
16
16
5м
0
Закрытый
8.2
Консистентное скругление углов
↗
16
16
4м
0
9. Цвет
14 уроков
👁
238
👤
238
Закрытый
9.1
Проблема подхода 60·30·10
↗
18
18
5м
0
Закрытый
9.2
Как создавать цветовую шкалу
↗
17
17
5м
0
Закрытый
9.3
Создаем шкалу на практике
↗
17
17
8м
0
Закрытый
9.4
Правило 60·30·10 и шкала цвета
↗
17
17
4м
0
Закрытый
9.5
Необязательно использовать только 3 цвета
↗
17
17
2м
0
Закрытый
9.6
Используйте системные цвета
↗
17
17
6м
0
Закрытый
9.7
Используйте холодный или теплы серый
↗
16
16
3м
0
Закрытый
9.8
Цветовые ассоциации
↗
17
17
6м
0
Закрытый
9.9
Как использовать градиент в дизайне
↗
17
17
6м
0
Закрытый
9.10
Пара советов по работе с цветом
↗
18
18
4м
0
Закрытый
9.11
ИИ Цвет
↗
17
17
3м
0
Закрытый
9.12
Практика # 4 — Примените цвет к макету
↗
17
17
2м
0
Закрытый
9.13
Практика # 4 — Выполненная ч.1
↗
16
16
14м
0
Закрытый
9.14
Практика # 4 — Выполненная ч.2
↗
17
17
10м
0
10. Изображения
4 урока
👁
60
👤
60
Закрытый
10.1
Как размещать текст на изображениях
↗
16
16
6м
0
Закрытый
10.2
Какие изображения использовать
↗
14
14
8м
0
Закрытый
10.3
Как работать с иконками
↗
15
15
4м
0
Закрытый
10.4
Как использовать скриншоты в дизайне
↗
15
15
3м
0
11. Искусственный интеллект в изображениях
10 уроков
👁
143
👤
143
Закрытый
11.1
Про ИИ-изображения
↗
17
17
7м
0
Закрытый
11.2
Функционал и цены на ИИ
↗
15
15
6м
0
Закрытый
11.3
Удаление заднего фона с помощью ИИ
↗
16
16
8м
0
Закрытый
11.4
Удаление объектов с помощью ИИ
↗
15
15
6м
0
Закрытый
11.5
Расширение границ изображений с помощью ИИ
↗
14
14
4м
0
Закрытый
11.6
Увеличение разрешения изображения с помощью ИИ
↗
14
14
6м
0
Закрытый
11.7
Редактирование изображений с помощью ИИ
↗
13
13
4м
0
Закрытый
11.8
Гармонизация изображений с помощью ИИ
↗
13
13
2м
0
Закрытый
11.9
Генерация изображений
↗
13
13
3м
0
Закрытый
11.10
Дополнительные возможности ИИ
↗
13
13
7м
0
12. Тени
3 урока
👁
40
👤
40
Закрытый
12.1
О тенях
↗
13
13
4м
0
Закрытый
12.2
Техники и приемы работы с тенями
↗
14
14
6м
0
Закрытый
12.3
Практика # 5 — Применяем эффекты теней правильно
↗
13
13
8м
0
13. Мобильный дизайн
7 уроков
👁
90
👤
90
Закрытый
13.1
Особенности мобильного дизайна
↗
13
13
4м
0
Закрытый
13.2
Размер текста на мобильных устройствах
↗
12
12
5м
0
Закрытый
13.3
Размеры и выравнивание элементов
↗
14
14
8м
0
Закрытый
13.4
Практика # 6 — Адаптируйте первый проект
↗
14
14
3м
0
Закрытый
13.5
Практика # 6 — Выполненная ч. 1
↗
14
14
22м
0
Закрытый
13.6
Практика # 6 — Выполненная ч. 2
↗
10
10
20м
0
Закрытый
13.7
Практика # 6 — Выполненная ч. 3
↗
13
13
12м
0
14. Визуальные приемы в дизайне
2 урока
👁
30
👤
30
Закрытый
14.1
О визуальных приёмах
↗
16
16
7м
0
Закрытый
14.2
Полезные ресурсы для веб-дизайнеров
↗
14
14
5м
0
15. Второй проект – Редизайн сайта
12 уроков
👁
131
👤
131
Закрытый
15.1
Обзор и задачи проекта
↗
17
17
8м
0
Закрытый
15.2
Подготовка и поиск референсов
↗
12
12
12м
0
Закрытый
15.3
Создаём Hero Section
↗
12
12
13м
0
Закрытый
15.4
Создаем навигационное меню
↗
10
10
19м
0
Закрытый
15.5
Создаем декоративные линии
↗
10
10
7м
0
Закрытый
15.6
Создаем вторую секцию сайта, ч. 1
↗
10
10
16м
0
Закрытый
15.7
Создаем вторую секцию сайта, ч. 2
↗
9
9
8м
0
Закрытый
15.8
Создаем третью секцию сайта
↗
9
9
8м
0
Закрытый
15.9
Создаем четвертую секцию сайта
↗
9
9
10м
0
Закрытый
15.10
Создаем форму для сайта
↗
9
9
3м
0
Закрытый
15.11
Создаем footer для сайта
↗
11
11
3м
0
Закрытый
15.12
Завершаем сайт
↗
13
13
3м
0
16. Заключение
2 урока
👁
10
👤
7
Закрытый
16.1
Моя книга по UX-Исследованиям
↗
0
0
0
Закрытый
16.2
Тест для получения сертификата
↗
10
7
0