Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:03:28
    Вступление
  2. Урок 2. 00:02:49
    Немного технических вопросов
  3. Урок 3. 00:04:00
    Скачиваем Figma и материалы для работы с курсом
  4. Урок 4. 00:11:09
    Создаем первый макет, узнаем размеры сайта
  5. Урок 5. 00:06:28
    Что такое Grid система. Работа с направляющими сетками
  6. Урок 6. 00:12:55
    Немного про "Wareframe" или "каркас сайта"
  7. Урок 7. 00:08:00
    Основы работы с изображениями
  8. Урок 8. 00:02:57
    Базовая работа с текстом
  9. Урок 9. 00:07:13
    Работа с иерархией элементов в документе
  10. Урок 10. 00:02:32
    Что такое UX и UI
  11. Урок 11. 00:01:45
    Как заимствовать цвет из изображений
  12. Урок 12. 00:06:07
    Практика: как подбирать цвет из изображений
  13. Урок 13. 00:07:36
    Углубленная работа с цветом + HSB
  14. Урок 14. 00:08:50
    Дополнительные ресурсы работы с цветом + углубленная работа с фигурами
  15. Урок 15. 00:04:58
    Как использовать градиент
  16. Урок 16. 00:03:24
    Где искать вдохновение и как заимствовать цвета у других дизайнеров
  17. Урок 17. 00:02:24
    Как увеличить контрастность фото
  18. Урок 18. 00:04:07
    Как на практике тонировать и затемнять фото
  19. Урок 19. 00:04:11
    Техника экстремальной обрезки изображений
  20. Урок 20. 00:01:42
    Техника мягкой обрезки изображений
  21. Урок 21. 00:03:24
    Практика по мягкой обрезке
  22. Урок 22. 00:02:17
    Удаляйте лишний фон
  23. Урок 23. 00:07:34
    Подбирайте классные фото
  24. Урок 24. 00:12:02
    Как работать с иконками
  25. Урок 25. 00:06:43
    Как создать собственную иконку
  26. Урок 26. 00:05:23
    Создаем кнопку и работаем с эффектами
  27. Урок 27. 00:06:47
    Разбираемся с форматами изображений
  28. Урок 28. 00:10:21
    Углубленная работа с текстом
  29. Урок 29. 00:03:33
    Почему шрифты это важно
  30. Урок 30. 00:06:40
    Главные типы шрифтов
  31. Урок 31. 00:14:00
    Где искать шрифты - 1
  32. Урок 32. 00:07:16
    Где искать шрифты - 2
  33. Урок 33. 00:05:53
    Рыбный текст + установка плагинов
  34. Урок 34. 00:05:22
    Практика по поиску шрифтов
  35. Урок 35. 00:15:00
    Как использовать в дизайне настройку шрифтов
  36. Урок 36. 00:06:20
    Создаем лист со стилями сайта
  37. Урок 37. 00:11:07
    ТЕХНИЧЕСКОЕ ВИДЕО: Продолжаем создавать макет
  38. Урок 38. 00:06:35
    Как работать с масками слоя
  39. Урок 39. 00:06:18
    Как работать с линиями
  40. Урок 40. 00:09:16
    Практика по работе с пером
  41. Урок 41. 00:06:45
    Доделываем сайт портфолио
  42. Урок 42. 00:04:05
    Трюки с наложением элементов друг на друга
  43. Урок 43. 00:06:26
    Одинаковые элементы на странице
  44. Урок 44. 00:02:16
    Трюки с повторениями
  45. Урок 45. 00:02:54
    Трюки с контрастом
  46. Урок 46. 00:03:46
    Трюки с пустым пространством
  47. Урок 47. 00:04:06
    Как развиваться в дизайне
  48. Урок 48. 00:01:11
    Пара слов и продолжаем!
  49. Урок 49. 00:08:44
    Бриф с заказчиком
  50. Урок 50. 00:08:11
    Создаем Mood Board
  51. Урок 51. 00:05:07
    Как делиться проектом
  52. Урок 52. 00:12:11
    Что такое Figma Jam
  53. Урок 53. 00:07:33
    Недавние обновления Figma Jam
  54. Урок 54. 00:15:22
    Создаем Wireframe нового проекта ч.1
  55. Урок 55. 00:04:19
    Создаем Wireframe нового проекта ч.2
  56. Урок 56. 00:05:03
    Создаем Wireframe нового проекта ч.3
  57. Урок 57. 00:00:56
    Создайте wireframe
  58. Урок 58. 00:08:28
    Введение в constraints
  59. Урок 59. 00:03:50
    Constraints + grid
  60. Урок 60. 00:08:02
    Различие между фреймами и группами
  61. Урок 61. 00:13:38
    Применяем Constraints к макету портфолио
  62. Урок 62. 00:01:57
    Практика: Constraints на макете портфолио
  63. Урок 63. 00:11:05
    Как работать с компонентами
  64. Урок 64. 00:07:01
    Как работать с Auto lay out
  65. Урок 65. 00:02:15
    Предисловие к блоку
  66. Урок 66. 00:13:34
    Стилизуем макет ч.1
  67. Урок 67. 00:14:37
    Стилизуем макет ч.2
  68. Урок 68. 00:04:19
    Подбираем шрифты
  69. Урок 69. 00:10:26
    Стилизуем макет ч.3
  70. Урок 70. 00:04:20
    Стилизуем макет ч.4
  71. Урок 71. 00:02:37
    Практика: Стилизуем оставшиеся 2 страницы сайта
  72. Урок 72. 00:11:42
    Теория адаптивного дизайна
  73. Урок 73. 00:31:29
    Адаптивный дизайн под планшет ч.1
  74. Урок 74. 00:12:23
    Адаптивный дизайн блога ч.2
  75. Урок 75. 00:10:14
    Горячие клавиши
  76. Урок 76. 00:06:57
    Как создать компоненты с помощью плагинов
  77. Урок 77. 00:09:55
    Быстрый адаптив
  78. Урок 78. 00:08:32
    Полезные плагины
  79. Урок 79. 00:01:27
    Практика: Ускоряемся в создании мобильной версии сайта
  80. Урок 80. 00:10:52
    Основы прототипирования
  81. Урок 81. 00:06:57
    Углубленные настройки прототипирования
  82. Урок 82. 00:06:08
    Анимируем подсказку
  83. Урок 83. 00:06:20
    Анимируем мобильную версию меню
  84. Урок 84. 00:05:25
    Анимируем кнопки
  85. Урок 85. 00:09:26
    Анимируем ручной слайдер
  86. Урок 86. 00:03:40
    Анимируем автоматический слайдер
  87. Урок 87. 00:05:02
    Анимируем красивый счетчик с помощью "смарт анимации"
  88. Урок 88. 00:02:34
    Как взаимодействуют прототипы с компонентами
  89. Урок 89. 00:19:10
    Variants в компонентах
  90. Урок 90. 00:05:41
    Разница между платной и бесплатной версией программы Figma
  91. Урок 91. 00:10:30
    Как работать с Библиотеками
  92. Урок 92. 00:13:28
    Экспорт файлов из Figma
  93. Урок 93. 00:08:23
    Передача в разработку
  94. Урок 94. 00:04:39
    Подготовка программы
  95. Урок 95. 00:08:09
    Работа со слоями в Photoshop
  96. Урок 96. 00:10:22
    Расширяем границы изображений
  97. Урок 97. 00:07:43
    Удаляем ненужное из фото
  98. Урок 98. 00:09:26
    Как вырезать человека из одного фото и вставить его в другое
  99. Урок 99. 00:06:07
    Как работают маски в фотошоп
  100. Урок 100. 00:03:56
    Экспорт файлов из фотошоп
  101. Урок 101. 00:02:30
    Что дальше?
  102. Урок 102. 00:01:56
    До свидания!