Содержание курса
12
разделов
140
уроков
11
тестов
23 ч.
обн. 1 год назад
1. Знакомство с Figma. Простые инструменты
39 уроков
9 291
8 484
263м
396
Закрытый
1.1
О чем этот модуль
↗
129
129
1м 42с
4
Закрытый
1.2
Скорость видео
↗
437
437
1м 33с
11
Закрытый
1.3
Скачать Figma и зарегистрироваться в программе
↗
409
110
2м 1с
15
Закрытый
1.4
Структура файлов
↗
403
403
10м 36с
13
Закрытый
1.5
Обзор интерфейса программы
↗
377
332
9м 23с
18
Закрытый
1.6
Команды в Figma
↗
103
103
8м 45с
5
Закрытый
1.7
Сохранение и передача файла
↗
361
361
8м 54с
12
Закрытый
1.8
Горячие клавиши
↗
348
326
4м 38с
16
Закрытый
1.9
Move tool, Scale tool
↗
343
343
7м 42с
13
Закрытый
1.10
Выравнивание объектов
↗
339
339
8м 31с
17
Закрытый
1.11
Прямоугольник
↗
332
332
8м 59с
13
Закрытый
1.12
Математика в Figma
↗
97
97
3м 8с
8
Закрытый
1.13
Работа с цветом
↗
89
89
7м 33с
5
Закрытый
1.14
ПРАКТИКА Овал
↗
90
82
6м 30с
5
Закрытый
1.15
Решение задачи по инструменту ARC
↗
87
10
7м 32с
5
Закрытый
1.16
Полигон + Звезда
↗
316
316
3м 19с
12
Закрытый
1.17
Обводка
↗
315
315
6м 46с
14
Закрытый
1.18
Линия
↗
76
76
3м 29с
3
Открытый
1.19
Заливка + градинет
↗
877
877
13м 29с
13
Закрытый
1.20
ПРАКТИКА Заливка градиент обводка
↗
74
68
9м 2с
4
Закрытый
1.21
Изображения
↗
306
275
11м 15с
17
Закрытый
1.22
Эффекты
↗
297
297
6м 14с
12
Закрытый
1.23
Экспорт
↗
257
257
7м 58с
10
Закрытый
1.24
Маска
↗
291
291
7м 24с
12
Закрытый
1.25
Перо
↗
284
247
18м 45с
20
Закрытый
1.26
Инструмент "Текст"
↗
261
240
14м 22с
13
Закрытый
1.27
Про PNG
↗
70
70
4м 33с
5
Закрытый
1.28
Группа
↗
260
239
5м 13с
13
Закрытый
1.29
Frame
↗
255
255
7м 50с
12
Закрытый
1.30
Секция
↗
72
72
3м 38с
6
Закрытый
1.31
Булевы группы
↗
261
261
3м 49с
12
Закрытый
1.32
Направляющие и Линейка
↗
72
72
2м 14с
4
Закрытый
1.33
Selection colors
↗
223
223
3м 23с
10
Закрытый
1.34
Комьюнити
↗
255
59
6м 23с
10
Закрытый
1.35
Плагины
↗
262
232
8м 38с
15
Закрытый
1.36
ПРАКТИКА. Контрольные проекты
↗
76
62
3м 22с
5
Закрытый
1.37
Решение задачи на работу с текстом
↗
67
67
13м 56с
5
Закрытый
1.38
Решение задачи на работу с маской
↗
61
61
13м 46с
6
Закрытый
1.39
Решение задачи на работу с эффектами наложения
↗
59
59
8м 29с
3
2. Продвинутые инструменты Figma
22 урока
6 192
5 871
188м
158
Закрытый
2.1
Стили. Цвет
↗
261
225
8м 55с
12
Закрытый
2.2
ПРАКТИКА. Стили Текст
↗
65
65
5м 13с
3
Закрытый
2.3
Стили. Эффект
↗
65
65
7м 31с
3
Закрытый
2.4
Constraints (Ограничения/привязки) Часть 1
↗
245
34
11м 39с
9
Закрытый
2.5
Constraints (Ограничения/привязки) Часть 2
↗
237
237
9м 31с
9
Закрытый
2.6
Сетки. Часть 1
↗
245
245
7м 34с
6
Закрытый
2.7
ПРАКТИКА. Работа с сетками и привязками Часть 1
↗
241
219
11м 1с
18
Закрытый
2.8
ПРАКТИКА. Работа с сетками и привязками Часть 2
↗
60
24
8м 10с
3
Закрытый
2.9
ПРАКТИКА. Работа с сетками и привязками Часть 3
↗
59
59
10м 23с
4
Закрытый
2.10
Auto Layout
↗
220
220
4м 26с
7
Открытый
2.11
Auto Layout. Базовые настройки
↗
3 091
3 091
12м 56с
12
Закрытый
2.12
Auto Layout. Примеры использования
↗
56
56
11м 13с
13
Закрытый
2.13
ПРАКТИКА. Auto Layout Сложный пример работы
↗
55
39
13м 47с
4
Закрытый
2.14
ПРАКТИКА. Auto Layout делаем адаптив
↗
54
54
9м 20с
2
Закрытый
2.15
ПРАКТИКА. Auto Layout Адаптив блока с карточками
↗
52
52
6м 21с
2
Закрытый
2.16
Компоненты
↗
194
194
8м 16с
6
Закрытый
2.17
Компоненты. Удобная организация
↗
184
184
4м 47с
6
Закрытый
2.18
Компоненты. Свойства компонентов
↗
180
180
10м 11с
8
Закрытый
2.19
Компоненты. Варианты компонентов
↗
177
177
10м 33с
7
Закрытый
2.20
Переменные
↗
185
185
10м 6с
10
Закрытый
2.21
Переменные. Зона видимости
↗
217
217
8м 40с
9
Закрытый
2.22
ПРАКТИКА Переменные. Организация переменныех
↗
49
49
7м 12с
5
3. Практика работы в Figma
13 уроков
1 285
1 175
131м
68
Закрытый
3.1
Основа атомарного дизайна
↗
230
230
11м 24с
12
Закрытый
3.2
Анализ проекта
↗
207
172
7м 10с
11
Закрытый
3.3
Создание токенов. Текст
↗
188
158
9м 21с
11
Закрытый
3.4
Создание токенов. Цвет
↗
173
152
11м 45с
12
Закрытый
3.5
Создание атомов. Иконки
↗
166
142
8м 41с
9
Закрытый
3.6
Создание молекул
↗
50
50
10м 9с
1
Закрытый
3.7
Создание организмов. Хедер
↗
44
44
13м 21с
2
Закрытый
3.8
ПРАКТИКА Создание организмов. Сайд Бар
↗
40
40
11м 56с
2
Закрытый
3.9
Создание организмов. Виджет Юзера
↗
37
37
13м 48с
2
Закрытый
3.10
ПРАКТИКА Создание организмов. Виджет Группа
↗
39
39
9м 10с
2
Закрытый
3.11
Создание виджета. Пост
↗
36
36
14м 42с
1
Закрытый
3.12
ПРАКТИКА Создание организмов Виджет Пост 2
↗
37
37
10м 23с
1
Закрытый
3.13
Последний урок модуля
↗
38
38
4м 53с
2
4. Теория Веб-Дизайна
20 уроков
1 359
1 282
153м
87
Закрытый
4.1
Типографика Введение
↗
30
30
6м 46с
1
Закрытый
4.2
Типографика. Урок 2
↗
23
23
8м 49с
0
Закрытый
4.3
Типографика Душним
↗
21
21
4м 11с
0
Закрытый
4.4
Типографика. Установка шрифтов
↗
17
14
7м 18с
0
Закрытый
4.5
Типографика. Точки Управления
↗
18
18
18м 37с
1
Закрытый
4.6
Типографика. Практика + ДЗ
↗
17
17
10м 0с
0
Закрытый
4.7
ПРАКТИКА Типографика. Часть 1
↗
17
13
8м 19с
1
Закрытый
4.8
ПРАКТИКА Типографика. Часть 2
↗
14
14
9м 6с
0
Закрытый
4.9
ПРАКТИКА Типографика. Часть 3
↗
14
14
19м 51с
0
Закрытый
4.10
ПРАКТИКА Типографика. Часть 4
↗
12
12
6м 3с
1
Закрытый
4.11
ПРАКТИКА Типографика. Часть 5
↗
13
13
11м 40с
1
Закрытый
4.12
Информационная иерархия в UI дизайне
↗
14
14
0м 1с
0
Закрытый
4.13
Тест по типографике
↗
148
139
1м 52с
3
Закрытый
4.14
Сетки и направляющие
↗
143
132
4м 0с
10
Закрытый
4.15
Теория цвета
↗
150
137
3м 50с
14
Закрытый
4.16
Где брать картинки для веб дизайна
↗
146
124
9м 16с
8
Закрытый
4.17
Как подбирать картинки для проектов
↗
144
129
8м 4с
11
Закрытый
4.18
Выравнивание объектов
↗
138
138
8м 55с
10
Закрытый
4.19
Правило внутреннего и внешнего
↗
138
138
7м 8с
15
Закрытый
4.20
Иерархия в веб дизайне
↗
142
142
8м 42с
11
5. Практика. Создание дизайн концепции сайта(Шот)
2 урока
318
294
43м
21
Закрытый
5.1
Что такое дизайн концепт
↗
160
160
7м 50с
9
Закрытый
5.2
Практика создания дизайн концепта сайта
↗
158
134
36м 20с
12
6. Практика. Создание Лендинга. Бюджет 650$
18 уроков
2 166
2 004
238м
70
Закрытый
6.1
Техническое задание проекта(ТЗ)
↗
168
140
7м 45с
11
Закрытый
6.2
UX Часть нашего проекта
↗
157
133
8м 51с
7
Закрытый
6.3
Подробнее о брифах
↗
139
139
2м 50с
5
Закрытый
6.4
Порядок выполнения проекта
↗
141
141
9м 50с
4
Закрытый
6.5
Определение целевой аудитории
↗
130
130
6м 21с
2
Закрытый
6.6
Аналитика конкурентов
↗
126
116
9м 0с
2
Закрытый
6.7
Создание прототипа сайта. Теория
↗
136
121
3м 56с
4
Закрытый
6.8
Создание прототипа сайта. Практика
↗
132
115
32м 44с
5
Закрытый
6.9
Создание концепта сайта
↗
117
103
40м 47с
4
Закрытый
6.10
Создаем блоки с информацией
↗
116
94
25м 39с
6
Закрытый
6.11
Создаем блок тарифов, форму связи и футер
↗
104
104
21м 49с
3
Закрытый
6.12
Работа со слоями. Доработка дизайна.
↗
103
103
13м 1с
2
Закрытый
6.13
Адаптив дизайна под планшет
↗
105
105
20м 11с
3
Закрытый
6.14
Создание мобильной версии дизайна
↗
100
100
18м 12с
2
Закрытый
6.15
Создание модальных окон + ДЗ
↗
99
99
13м 3с
2
Закрытый
6.16
Готовим работу к верстке. Стайл Гайд + ДЗ
↗
101
101
5м 23с
2
Закрытый
6.17
Этапы работы над проектом на фрилансе
↗
94
94
5м 12с
5
Закрытый
6.18
Создание личного кабинета
↗
98
66
2м 25с
1
7. Практика. Создания дизайна интернет магазина. Бюджет $1200
11 уроков
890
829
179м
26
Закрытый
7.1
Получение ТЗ
↗
100
84
5м 44с
2
Закрытый
7.2
Создание концепта интернет магазина
↗
95
80
14м 58с
2
Закрытый
7.3
Создание основных блоков главной страницы
↗
85
69
24м 16с
5
Закрытый
7.4
Создание рекламного баннера и формы подписки
↗
78
78
10м 40с
2
Закрытый
7.5
Создание футера
↗
82
68
16м 15с
2
Закрытый
7.6
Проверка дизайна главной
↗
77
77
5м 1с
4
Закрытый
7.7
Страница выдачи товара
↗
76
76
30м 59с
2
Закрытый
7.8
Создание страницы товара. Карточка товара
↗
74
74
38м 28с
1
Закрытый
7.9
Создание модального окна
↗
75
75
9м 58с
2
Закрытый
7.10
Создание корзины
↗
71
71
10м 7с
2
Закрытый
7.11
Создаем страницу оплаты
↗
77
77
17м 18с
2
8. Создание кликабельного макета.
2 урока
164
142
44м
3
Закрытый
8.1
Введение в прототипирование в Figma
↗
83
83
27м 52с
1
Закрытый
8.2
Создание кликабельного макета
↗
81
59
17м 17с
2
9. Адаптивная версия дизайна интернет магазина
7 уроков
443
443
79м
12
Закрытый
9.1
Адаптация главной
↗
79
79
31м 51с
3
Закрытый
9.2
Адаптив страницы выдачи товаров
↗
62
62
12м 10с
1
Закрытый
9.3
Адаптив карточки товара + ДЗ
↗
62
62
11м 8с
1
Закрытый
9.4
Адаптив корзины
↗
58
58
7м 6с
2
Закрытый
9.5
Адаптив страницы оплаты
↗
55
55
8м 21с
2
Закрытый
9.6
Создаем открытое меню в мобильной версии сайта
↗
64
64
6м 35с
1
Закрытый
9.7
Проверка на ошибки
↗
63
63
4м 17с
2
10. Создание стайл гайда
1 урок
94
64
4м
2
Закрытый
10.1
Создание стайл гайда
↗
94
64
4м 53с
2
11. Оформление работ в портфолио
3 урока
256
216
30м
7
Закрытый
11.1
Обзор кейсов
↗
93
68
6м 35с
3
Закрытый
11.2
Оформление кейса по лендингу
↗
78
63
19м 18с
2
Закрытый
11.3
Презентация кейса
↗
85
85
6м 31с
2
12. Что делать дальше
2 урока
214
187
20м
6
Закрытый
12.1
Где и как искать работу Веб дизайнеру
↗
116
116
7м 26с
3
Закрытый
12.2
Не очевидные способы способы дохода для веб дизайнера
↗
98
71
13м 37с
3