Содержание пакета (2 курса)
1. Веб дизайн в Figma с нуля до результата! Основы UX/UI Web Design 4.971731448763251
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. Профессиональное прототипирование и анимация 4.96875
1. Подготовка
3 урока
👁
1 999
👤
1 942
Закрытый
1.1
О чем этот курс
↗
875
875
2м
47
Закрытый
1.2
Скачиваем материалы для курса
↗
604
547
2м
33
Закрытый
1.3
Оставайтесь со мной на связи
↗
520
520
0м
19
2. Введение в прототипирование (Новая версия курса)
3 урока
👁
11
👤
11
Закрытый
2.1
Создаем первую анимацию
↗
5
5
7м
0
Закрытый
2.2
Настройки вкладки Prototype
↗
3
3
6м
0
Закрытый
2.3
Основные настройки анимирования
↗
3
3
8м
0
3. Motion design.
15 уроков
👁
5 949
👤
5 949
Закрытый
3.1
Об обновлении интерфейса (Смотреть опционально)
↗
213
213
13м
10
Закрытый
3.2
О чем этот блок
↗
531
531
1м
27
Закрытый
3.3
Создаем первую анимацию
↗
536
536
6м
42
Закрытый
3.4
Как работают анимации в Figma
↗
490
490
8м
29
Закрытый
3.5
Что такое кривые Безье
↗
467
467
5м
29
Закрытый
3.6
Анимируем мобильное приложение "Фото-сток"
↗
453
453
7м
23
Закрытый
3.7
Практика. Создайте собственную анимацию в проекте "Фото-сток".
↗
415
415
2м
28
Закрытый
3.8
Пример преподавателя. Создаем анимацию в проекте "Фото-сток".
↗
398
398
4м
22
Закрытый
3.9
Как создать Parallax Effect
↗
395
395
16м
30
Закрытый
3.10
Создаем анимацию гамбургера
↗
375
375
8м
17
Закрытый
3.11
Создаем анимацию загрузки страницы
↗
355
355
6м
20
Закрытый
3.12
Как работают Flows в прототипах. Организация страниц в проекте.
↗
344
344
6м
21
Закрытый
3.13
Как создать анимацию "темной" и "светлой" темы через кнопку
↗
335
335
6м
19
Закрытый
3.14
Как создать обложку проекту
↗
327
327
6м
17
Закрытый
3.15
Практика. Создайте свой Parallax Effect
↗
315
315
2м
11
4. Базовые настройки прототипов (Новая версия курса)
6 уроков
👁
14
👤
14
Закрытый
4.1
Как работает настройка скроллинга
↗
4
4
7м
0
Закрытый
4.2
Как работают Fixed & Sticky
↗
2
2
5м
0
Закрытый
4.3
Анимируем приложение
↗
2
2
9м
0
Закрытый
4.4
Подробно про настройку open overlay
↗
2
2
7м
0
Закрытый
4.5
Поведение анимации во времени (Кривые)
↗
2
2
7м
0
Закрытый
4.6
Создаем анимацию nav menu
↗
2
2
12м
0
5. Использование "вариантов" в анимациях
15 уроков
👁
3 967
👤
3 937
Закрытый
5.1
О чем этот блок
↗
310
310
1м
16
Закрытый
5.2
Что такое "Варианты в figma"
↗
329
329
15м
24
Закрытый
5.3
Как использовать "варианты" в анимациях
↗
308
308
9м
22
Закрытый
5.4
Кнопка быстрого доступа к "вариантам"
↗
294
294
3м
18
Закрытый
5.5
Как тестировать ваш макет на мобильном девайсе
↗
292
292
4м
21
Закрытый
5.6
Как работает spinner. Анимируем текст
↗
293
293
14м
21
Закрытый
5.7
Как создать анимацию как на сайте apple
↗
289
289
9м
18
Закрытый
5.8
Как запустить видео файл в figma
↗
273
273
3м
14
Закрытый
5.9
Как использовать GIF в своих проектах. Сток анимированных иконок
↗
276
276
4м
13
Закрытый
5.10
Практика. Создайте анимацию "360 градусов"
↗
277
277
2м
9
Закрытый
5.11
Пример преподавателя. Как создать анимацию "360 градусов "
↗
273
273
2м
11
Закрытый
5.12
Обновление 2023. Как работают переменные.
↗
196
196
12м
16
Закрытый
5.13
Обновления 2023. Обновления Auto Layout
↗
189
159
14м
16
Закрытый
5.14
Обновления 2023. Прототипирование + переменные
↗
184
184
10м
12
Закрытый
5.15
Обновления 2023. Куда делась вкладка Inspect!?
↗
184
184
3м
9
6. Компоненты и варианты в прототипировании (Новая версия курса)
6 уроков
👁
7
👤
7
Закрытый
6.1
Как работают компоненты
↗
2
2
8м
0
Закрытый
6.2
Как работают варианты
↗
1
1
12м
0
Закрытый
6.3
Как работает swap instance
↗
1
1
7м
0
Закрытый
6.4
Знакомство с переменными
↗
1
1
11м
0
Закрытый
6.5
Особенности вариантов в прототипировании
↗
1
1
6м
0
Закрытый
6.6
Прототипирование варинтами меню
↗
1
1
8м
0
7. Создание анимаций через плагин Motion Plugin
3 урока
👁
796
👤
796
Закрытый
7.1
Как работает плагин Motion Plugin
↗
282
282
13м
21
Закрытый
7.2
Используем плагин вместе с масками
↗
256
256
5м
17
Закрытый
7.3
Экспорт анимации из плагина
↗
258
258
4м
13
8. Компоненты в анимировании (Новая версия курса)
6 уроков
👁
0
👤
0
Закрытый
8.1
Создаем прелоадер приложения
↗
0
0
12м
0
Закрытый
8.2
Прелоадер с помощью вариантов
↗
0
0
6м
0
Закрытый
8.3
Создаем пралакс эффект часть 1
↗
0
0
7м
0
Закрытый
8.4
Создаем пралакс эффект часть 2
↗
0
0
15м
0
Закрытый
8.5
Два действия на один триггер
↗
0
0
8м
0
Закрытый
8.6
Делаем еще один параллакс эффект
↗
0
0
4м
0
9. Современные стили. Градиент / Стекло / 3D
11 уроков
👁
2 848
👤
2 848
Закрытый
9.1
Как создать анимацию градиента
↗
275
275
7м
19
Закрытый
9.2
Как работают режимы наложения
↗
258
258
5м
17
Закрытый
9.3
Создаем эффект "Paper Cut" с градиентом
↗
263
263
5м
17
Закрытый
9.4
Как создать эффект "стекла"
↗
274
274
5м
19
Закрытый
9.5
Как сделать эффект "стекла" более объемным
↗
260
260
4м
20
Закрытый
9.6
Как создавать собственные стеклянные иконки
↗
254
254
5м
15
Закрытый
9.7
Как превратить обычную иконку в стеклянную
↗
252
252
4м
10
Закрытый
9.8
Практика. Создайте собственный эффект стекла
↗
247
247
1м
11
Закрытый
9.9
Как создавать эффект 3D из обычных элементов
↗
262
262
8м
20
Закрытый
9.10
Как создать иконку в стиле 3D
↗
250
250
7м
16
Закрытый
9.11
Создаем 3D элементы на стартовой странице сайта
↗
253
253
8м
14
10. Главные правила UX - пользовательского опыта
13 уроков
👁
3 166
👤
3 166
Закрытый
10.1
О чем этот блок
↗
278
278
1м
14
Закрытый
10.2
Что такое дизайн
↗
278
278
7м
19
Закрытый
10.3
Главное правило. Не заставляйте людей думать
↗
272
272
9м
17
Закрытый
10.4
Как люди на самом деле используют браузер
↗
259
259
14м
23
Закрытый
10.5
Привычки пользователей и как извлекать из них выгоду
↗
243
243
14м
23
Закрытый
10.6
Выбор без размышлений
↗
234
234
5м
15
Закрытый
10.7
Сокращайте текст
↗
229
229
5м
16
Закрытый
10.8
Практика. Сделайте простым и удобным
↗
236
236
3м
10
Закрытый
10.9
Пример преподавателя. Сделайте простым и удобным
↗
230
230
6м
12
Закрытый
10.10
Используйте навигацию на сайте
↗
233
233
15м
17
Закрытый
10.11
Все мы разные
↗
218
218
6м
14
Закрытый
10.12
Проводите тестирование
↗
226
226
7м
10
Закрытый
10.13
Заключение. Постулаты хорошего веб дизайна
↗
230
230
8м
16
11. Видео и 3D-анимация (Новая версия курса)
3 урока
👁
0
👤
0
Закрытый
11.1
Разница между платной и бесплатной версиями Figma
↗
0
0
6м
0
Закрытый
11.2
Покадровое прототипирование видео
↗
0
0
8м
0
Закрытый
11.3
3D Анимация
↗
0
0
5м
0
12. Что дальше?
2 урока
👁
230
👤
230
Закрытый
12.1
Моя книга по UX-Исследованиям
↗
0
0
0
Закрытый
12.2
До новых встреч!
↗
230
230
1м
29
13. Профессиональное использование переменных (Новая версия курса)
4 урока
👁
1
👤
1
Закрытый
13.1
Создаем переменные цвета
↗
1
1
7м
0
Закрытый
13.2
Что такое токены и alias
↗
0
0
6м
0
Закрытый
13.3
Создаем токены для всех свойств
↗
0
0
15м
0
Закрытый
13.4
Тёмная и светлая тема в один клик
↗
0
0
3м
0
14. Прототипирование переменных (Новая версия курса)
8 уроков
👁
0
👤
0
Закрытый
14.1
Как оплатить Figma из России
↗
0
0
0
Закрытый
14.2
Как работает режим Set Variable
↗
0
0
12м
0
Закрытый
14.3
Прототипирование табов с помощью переменных
↗
0
0
8м
0
Закрытый
14.4
Изменение нескольких переменных одновременно
↗
0
0
8м
0
Закрытый
14.5
Как работает условное ветвление (IF/ELSE)
↗
0
0
7м
0
Закрытый
14.6
Финальная практика
↗
0
0
6м
0
Закрытый
14.7
Пример преподавателя часть 1
↗
0
0
11м
0
Закрытый
14.8
Пример преподавателя часть 2
↗
0
0
13м
0
15. Получите ваш сертификат
1 урок
👁
292
👤
248
Закрытый
15.1
Тест для получения сертификата об окончании курса
↗
292
248
0м
11
16. Бонус: дополнительные анимации (Новая версия курса)
6 уроков
👁
0
👤
0
Закрытый
16.1
Анимация градиента
↗
0
0
7м
0
Закрытый
16.2
Как работают режимы наложения
↗
0
0
5м
0
Закрытый
16.3
Как работает Paper Cut Effect
↗
0
0
5м
0
Закрытый
16.4
Как создать эффект 3D
↗
0
0
8м
0
Закрытый
16.5
Создаем объемную иконку Figma
↗
0
0
7м
0
Закрытый
16.6
Создаем 3D элементы
↗
0
0
8м
0