Уроки по UX/UI дизайну

Практические уроки по UX/UI-дизайну от дизайн‑директора Uprock

Уроки по UX/UI дизайну
60 видео
1

Продвинутый урок в Figma от арт-директора. Автолейауты, компоненты и эффект яркого текста на коже

13:10
https://www.youtube.com/embed/7zIMT52n0Ww?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
2

Эффект фигуры из объёмных форм в Figma. Практический урок от арт-директора

18:55
https://www.youtube.com/embed/zCDi6PEPbYE?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
3

Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и необычный эффект для фото

21:27
https://www.youtube.com/embed/ICcdCq27RzA?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
4

Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и эффект портрета из текста

16:22
https://www.youtube.com/embed/jXNFWhP_u64?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
5

Продвинутый урок по Figma от арт-директора

15:59
https://www.youtube.com/embed/B5arvdNicv4?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
6

Продвинутый урок в Figma от арт-директора. Автолейауты, компоненты и эффект листающихся букв

17:58
https://www.youtube.com/embed/kHrlnQj7_ME?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
7

Рисуем сайт студии в Figma. Урок по компонентам, автолайаутам и эффекту текста в перспективе

19:20
https://www.youtube.com/embed/dleM5XWBrkg?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
8

Рисуем фестивальный сайт в Figma. Урок по компонентам, автолайаутам, эффекту «Неон» от арт-директора

16:35
https://www.youtube.com/embed/Pp5QEZRPpVs?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
9

Продвинутый урок в Figma. Учимся создавать эффект теневых букв и дождевых капель

17:33
https://www.youtube.com/embed/x1wOSBw1bpY?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
10

Рисуем три кириллические обложки и изучаем основы композиции

25:56
https://www.youtube.com/embed/lNApV-DKZsA?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
11

Рисуем сайт для языковой школы за 400000р. Пошаговый урок от арт-директора

18:14
https://www.youtube.com/embed/8nLdM9nT-UA?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
12

Рисуем сайт для музыкальной группы. Пошаговая инструкция от арт-директора

17:03
https://www.youtube.com/embed/qOnf5eounLY?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
13

Продвинутый урок Figma. Эффект в стиле Halftone, автолейауты и компоненты

18:08
https://www.youtube.com/embed/glImNWfZpsM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
14

Рисуем сайт для детей в стиле "неоморфизм" за 350 000 руб.

19:31
https://www.youtube.com/embed/zU0nqV1dGzE?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
15

Рисуем адаптив для мобильной версии с объяснениями

11:24
https://www.youtube.com/embed/9cCZ1Is7viE?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
16

Создаем сайт для серьезных дядек и продвинутой аудитории

13:01
https://www.youtube.com/embed/4Q38DjvtLzs?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
17

6 лучших проектов с Behance этой недели

18:29
https://www.youtube.com/embed/0q14u0igecg?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
18

Создаем бомбический дизайн с артдиректором

12:17
https://www.youtube.com/embed/1kggyAcXN_Y?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
19

Рисуем стильный сайт для игровой студии с арт-директором [Re-Design]

19:15
https://www.youtube.com/embed/eKs6FRxNpgM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
20

Разбираем ошибки в дизайне с арт-директором

6:06
https://www.youtube.com/embed/tbuV2OKs3zI?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
21

Вдохновляемся, разбираем стильные сетки и узнаем, кто учит в UPROCK School!

20:33
https://www.youtube.com/embed/djY603jbgAY?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
22

Как думает арт-директор, когда рисует макет?!

14:07
https://www.youtube.com/embed/Sbj2J1DmUSM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
23

Рисуем сайт по реальному ТЗ с комментариями арт-директора

17:56
https://www.youtube.com/embed/bX3cJlg0bhs?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
24

Вдохновляемся и разбираем с арт-диром проекты с беханс [Inside]

14:46
https://www.youtube.com/embed/Ed_PCYkPOwk?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
25

Рисуем сайт для садоводов и разбираем композицию [Re-Design]

17:40
https://www.youtube.com/embed/J2JkIFj5CG8?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
26

Рисуем сайт с объяснениями от арт-директора по реальному ТЗ [Re-Design]

13:42
https://www.youtube.com/embed/uQOJNdcxQNU?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
27

Рисуем сайт для бюро переводов по реальному ТЗ [Re-Design]

21:50
https://www.youtube.com/embed/lOjtp3NzlbE?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
28

7 принципов типографики в веб-дизайне

2:00
https://www.youtube.com/embed/3fqJRH-TqCs?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
29

Рисуем каталог товаров для фэшн-магазина

10:58
https://www.youtube.com/embed/e5I0t16WbEw?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
30

Работа с сеткой в веб-дизайне: основные принципы

7:56
https://www.youtube.com/embed/k5MVwDir8Oo?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
31

Разбираем нестандартные сетки и анимации у промо сайтов

1:23:10
https://www.youtube.com/embed/dzmQObBhOmA?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
32

Figma: быстрый старт

1:02:08
https://www.youtube.com/embed/ZlIQvum8zIQ?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
33

Типографика в вебе | 18+

49:21
https://www.youtube.com/embed/MulF0MG0VdU?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
34

Сетки, композиции и адаптив

38:49
https://www.youtube.com/embed/6EtRoPWT5os?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
35

Рисуем в Figma сайт фильма "Джокер"

1:08:31
https://www.youtube.com/embed/pUxqt5CBKxM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
36

Нестандартная анимация в Tilda

47:52
https://www.youtube.com/embed/u0-AcWomGXM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
37

Верстаем сайт на Tilda c анимациями (+Zero block)

39:14
https://www.youtube.com/embed/WKzdjSlgdIs?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
38

Добавляем анимации в Figma на сайт фильма "Джокер"

56:58
https://www.youtube.com/embed/es0Z-qZTmQY?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
39

Как попасть в ТОП Behance

52:04
https://www.youtube.com/embed/Y_A6D5iCkA0?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
40

Как продавать дизайн дорого? | 18+

38:12
https://www.youtube.com/embed/AIshH8Ecuag?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
41

Как создавать лендинги стоимостью от 150 000

46:12
https://www.youtube.com/embed/vSi_jqgiaXs?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
42

Как создавать лендинги стоимостью от 150 000 (часть 2)

1:23:07
https://www.youtube.com/embed/mln6zPPfJ2w?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
43

Рисуем стильный дизайн сайта

1:26:20
https://www.youtube.com/embed/cPPP2ygkoYo?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
44

Рисуем стильный сайт в Figma

1:00:13
https://www.youtube.com/embed/IooQFqXpVb8?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
45

Верстаем стильный сайт в Tilda

1:14:38
https://www.youtube.com/embed/RjmSpMB9tuM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
46

Создаём стильный сайт за 1 час

45:59
https://www.youtube.com/embed/NhjupmfE4wk?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
47

Создаём стильный сайт за 1 час

40:09
https://www.youtube.com/embed/i6qSU_SdXE8?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
48

Создаём стильный сайт за 1 час

52:29
https://www.youtube.com/embed/o173R0lgGt8?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
49

Создаём стильный сайт за 1 час

40:07
https://www.youtube.com/embed/e63m29rjsK4?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
50

UX/UI мобильного приложения

1:22:50
https://www.youtube.com/embed/KhS5soaWC-4?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
51

Проектирование UX для сервисов

48:09
https://www.youtube.com/embed/51HPoCjPmbA?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
52

Как работать с Customer Journey Map?

1:04:53
https://www.youtube.com/embed/Hb5FYsL2KfM?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
53

Как научиться проектировать UX? | 18+

46:39
https://www.youtube.com/embed/tnZoLlD4Xno?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
54

Как работать с плагинами Figma

52:30
https://www.youtube.com/embed/g7o1kBP_uRU?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
55

Принципы дизайна мобильных приложений [16+]

46:41
https://www.youtube.com/embed/yXixmsYyHBA?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
56

Разбор графических редакторов для веб-дизайна [18+]

53:47
https://www.youtube.com/embed/IabLFNPEez8?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
57

Рисуем сайт для рекламного агентства и публикуем его на #Behance | 18+

55:32
https://www.youtube.com/embed/7203UMtU8M8?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
58

Рисуем сайт рекламного агентства #дизайн_за_час [18+]

1:00:48
https://www.youtube.com/embed/dCKvlJb1Rpw?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
59

Рисуем сайт для ювелирной студии (ver. 2) #дизайн_за_час

1:21:49
https://www.youtube.com/embed/sCtq_st36AQ?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1
60

Рисуем сайт для ювелирной студии + ребрендинг (ver. 1) #дизайн_за_час

1:19:53
https://www.youtube.com/embed/6K-VVgkJfVE?enablejsapi=1&modestbranding=1&color=white&controls=1&rel=0&autoplay=1

Другие бесплатные курсы

UX/UI дизайн: Старт

Лучший вариант для старта в профессии UX/UI-дизайнер.

Figma: Быстрый старт

Вы изучите все инструменты Figma, необходимые для реальных задач.

Уроки по UX/UI дизайну

Практические уроки по UX/UI-дизайну от дизайн‑директора Uprock.

Уроки по реальным проектам

Создание коммерческих проектов от ведущей дизайн-студии.

Завоевываем Behance

Узнаете, как создаются проекты, которые попадают в Топ на Behance.

Анимация интерфейсов: Старт

Вы узнаете, как создавать анимацию интерфейса и познакомитесь с After Effects.

Webflow: Старт

Научим делать впечатляющие сайты без кода.

Интересное о дизайне

О дизайне в доступной форме: история дизайна, интересные факты и интервью с ведущими персонами digital.