Главная страницаКатегория figmaВеб-дизайн UX/UI. Полное руководство

Веб-дизайн UX/UI. Полное руководство

Name: Веб-дизайн UX/UI. Полное руководство
Price: 13 USD
Rating: 4.4 (49 reviews)

Веб-дизайн. Полное руководство

webformyself

★4.4 (всего оценок - 49)

Продолжительность

10 ч 58 мин

Категория

Figma

Количество уроков

126 Видео

Дата добавления

28 сент. 2020 г., 17:59

Язык

Русский

Дата выхода

26 сент. 2020 г., 17:24

Дата обновления

29 апр. 2026 г., 08:36

Хотите стать востребованным веб-дизайнером и уверенно зарабатывать на создании современных сайтов? Этот курс поможет вам освоить UX/UI-дизайн в Figma с нуля и построить успешную карьеру всего за 60 дней.

Почему стоит выбрать профессию веб-дизайнера

Сфера веб-дизайна стремительно развивается. Бизнесам нужны качественные сайты, интерфейсы и цифровые продукты — а значит, востребованность специалистов растет из года в год.

Высокий спрос и стабильный доход

Веб-дизайн входит в ТОП-5 самых востребованных онлайн-профессий.
На hh.ru размещено более 1800 вакансий для дизайнеров.
Средний доход специалистов — от 35 000 до 180 000 рублей в месяц.

Спрос на веб-дизайнеров обгоняет предложение — компании ищут специалистов, которые умеют создавать удобные, современные и эффективные интерфейсы.

Профессия, устойчивая к кризисам

Удаленная работа, гибкий график, стабильный поток заказов — веб-дизайн подходит тем, кто хочет уверенности даже в нестабильные времена.

Даже в кризисные периоды квалифицированный дизайнер всегда загружен проектами. Очередь клиентов может быть расписана на месяцы вперед.

Кому подойдет курс

Новичкам

Вы получите базу, необходимую для старта карьеры веб-дизайнера: основы UX/UI, работа с сетками, графикой, стилями, создание макетов в Figma. Подходит тем, кто никогда не рисовал и не знаком с дизайном.

Дизайнерам с базовым опытом

Вы прокачаете навыки и освоите современные подходы, узнаете рабочие секреты автора курса и познакомитесь с актуальными инструментами веб-дизайна.

Фрилансерам

Курс научит находить клиентов, выстраивать рабочий процесс и уверенно монетизировать свои навыки. Разберете ТЗ, сроки, предоплату, стоимость работ и многое другое.

Что вы изучите на курсе

Современные инструменты и подходы веб-дизайна.
UX/UI на практике: анализ, логика, пользовательские сценарии.
Работу с сетками, стилями, цветами и типографикой.
Создание UI kit и дизайн-системы.
Адаптивный веб-дизайн и технология Pixel Perfect.
Разработку лендингов и интернет-магазинов в Figma.
Создание интерактивных прототипов.
Полный технический цикл создания дизайн-макета.
Навыки, необходимые для старта в студии или на фрилансе.
Как найти первых заказчиков и начать зарабатывать.

Почему обучение эффективно

Курс создан Даниилом Волосатовым — практикующим веб-дизайнером, который делится личными методами, наработками и проверенными техниками работы. Вы изучаете только актуальные материалы без лишней информации.

Главные преимущества

Пошаговый формат: повторяйте за автором и создавайте реальные проекты.
Собранные в одном месте знания, необходимые для быстрого старта.
Современный подход к обучению Figma от А до Я.
Поддержка новичков и помощь в формировании портфолио.

Итог

Вы получаете профессию, которая стабильно востребована и приносит высокий доход. Освойте веб-дизайн, создайте мощное портфолио и начните карьеру в студии, на фрилансе или в удаленной команде.

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

Урок 1. 00:07:30
Урок 1.Этапы создания дизайна. От идеи до реализации
Урок 2. 00:14:20
Урок 2.Сетка, отступы и выравниваниеsource
Урок 3. 00:04:57
Урок 3.Формы, кнопки и скругленияsource
Урок 4. 00:04:05
Урок 4.Типографика
Урок 5. 00:03:00
Урок 5.Цвета для сайта
Урок 6. 00:02:55
Урок 6.Что такое UX/UI
Урок 7. 00:03:36
Урок 1.Все о шрифтах. Где искать и качатьsource
Урок 8. 00:03:26
Урок 2.Всё о стоках, платных и бесплатныхsource
Урок 9. 00:01:36
Урок 3.Качественный бесплатный фотостокsource
Урок 10. 00:03:21
Урок 4.Сервис иконокsource
Урок 11. 00:03:43
Урок 5.Сервис по подбору палитры цветовsource
Урок 12. 00:00:57
Урок 6.Сервис по подбору пары для шрифтаsource
Урок 13. 00:03:03
Урок 7.Сообщества дизайнеровsource
Урок 14. 00:02:58
Урок 1.Инструмент ластик
Урок 15. 00:04:47
Урок 2.Mockup
Урок 16. 00:01:09
Урок 1.Скачивание программы
Урок 17. 00:04:26
Урок 2.Обзор интерфейса
Урок 18. 00:02:21
Урок 3.Frame
Урок 19. 00:02:46
Урок 4.Move и Scale
Урок 20. 00:06:33
Урок 5.Инструмент формы
Урок 21. 00:01:39
Урок 6.Перо и карандаш
Урок 22. 00:05:04
Урок 7.Инструмент текст
Урок 23. 00:01:08
Урок 8.Комментарии
Урок 24. 00:01:27
Урок 9.Экспорт
Урок 25. 00:03:27
Урок 10.Смарт выравнивание
Урок 26. 00:02:15
Урок 11.Маска слоя
Урок 27. 00:02:01
Урок 12.Share
Урок 28. 00:01:30
Урок 13.Модульная сетка
Урок 29. 00:03:36
Урок 14.Режим смешивания
Урок 30. 00:03:35
Урок 15.Стили для текста
Урок 31. 00:04:17
Урок 16.Стили для цвета
Урок 32. 00:07:51
Урок 17.Компоненты
Урок 33. 00:04:02
Урок 18.Адаптивные элементы
Урок 34. 00:03:18
Урок 19.Прототипирование
Урок 35. 00:02:41
Урок 20.Плагины
Урок 36. 00:01:41
Урок 21.Гифки в Figma
Урок 37. 00:01:23
Урок 1.Cоздаем фрейм и сетку
Урок 38. 00:08:46
Урок 2.Идея, концепция и UX. Проектируем дизайнsource
Урок 39. 00:09:56
Урок 3.Первый экран
Урок 40. 00:06:48
Урок 4.Второй блок
Урок 41. 00:07:18
Урок 5.Третий блок
Урок 42. 00:04:28
Урок 6.Четверый блок
Урок 43. 00:09:47
Урок 7.Форма заявки и футер
Урок 44. 00:11:48
Урок 8.Добавляем иконки по дизайн системе
Урок 45. 00:12:47
Урок 9.Работа с мокапами и доработка первого экрана
Урок 46. 00:13:02
Урок 10.Учимся подбирать графику
Урок 47. 00:06:05
Урок 11.Работаем с градиентами и добавляем фон
Урок 48. 00:06:12
Урок 12.Создаем библиотеку цветов для текста
Урок 49. 00:13:13
Урок 13.Подбираем цвета для иконок и кнопок
Урок 50. 00:10:27
Урок 14.Дорабатываем дизайн
Урок 51. 00:02:42
Урок 15.Плагин Logo Creator
Урок 52. 00:06:08
Урок 16.Выравниваем все элементы
Урок 53. 00:01:37
Урок 17.Интерактивные элементы
Урок 54. 00:01:29
Урок 18.Component master manager
Урок 55. 00:05:00
Урок 19.Проставляем адаптив элементов
Урок 56. 00:01:30
Урок 1.Создаем фрейм и сетку
Урок 57. 00:05:24
Урок 2.Первый блок
Урок 58. 00:03:29
Урок 3.Второй блок
Урок 59. 00:05:04
Урок 4.Третий блок
Урок 60. 00:06:44
Урок 5.Четвертый блок
Урок 61. 00:02:52
Урок 6.Пятый блок
Урок 62. 00:01:59
Урок 7.Переносим фон
Урок 63. 00:03:28
Урок 8.Выравниваем по 8-пиксельной сетке
Урок 64. 00:01:16
Урок 1.Фрейм и сетка
Урок 65. 00:07:10
Урок 2.Первый блок
Урок 66. 00:07:58
Урок 3.Редактируем версию для планшета
Урок 67. 00:05:04
Урок 4.Второй блок
Урок 68. 00:01:45
Урок 5.Третий блок
Урок 69. 00:05:20
Урок 6.Четвертый блок
Урок 70. 00:03:46
Урок 7.Пятый блок
Урок 71. 00:03:59
Урок 8.Шестой блок
Урок 72. 00:08:03
Урок 9.Седьмой блок
Урок 73. 00:02:12
Урок 1.Component Master Manager
Урок 74. 00:00:58
Урок 2.Delete hidden layers
Урок 75. 00:04:11
Урок 3.Подготавливаем макет для верстки
Урок 76. 00:04:28
Урок 4.Интерактивный прототип
Урок 77. 00:04:04
Урок 1.Создаем фрейм и библиотеку сеток
Урок 78. 00:15:42
Урок 2.Проектируем прототипsource
Урок 79. 00:07:59
Урок 3.Меню
Урок 80. 00:13:24
Урок 4.Лого, поиск, избранное, корзина и категории
Урок 81. 00:04:09
Урок 5.Выгоды
Урок 82. 00:04:11
Урок 6.Популярные разделы
Урок 83. 00:05:50
Урок 7.Специальное предложение
Урок 84. 00:09:30
Урок 8.Бестселлер, новинки, популярное
Урок 85. 00:08:57
Урок 9.Пять карточек товара
Урок 86. 00:05:22
Урок 10.Популярная категория
Урок 87. 00:08:46
Урок 11.Последние товары
Урок 88. 00:04:44
Урок 12.Полезные статьи
Урок 89. 00:02:13
Урок 13.Блок инстаграм
Урок 90. 00:02:42
Урок 14.Три карточки
Урок 91. 00:08:15
Урок 15.Футер
Урок 92. 00:02:12
Урок 16.Подготавливаем фрейм для новых страниц
Урок 93. 00:07:56
Урок 17.Создаем страницу категории
Урок 94. 00:05:26
Урок 18.Делаем попап
Урок 95. 00:11:33
Урок 19.Страница товара
Урок 96. 00:01:31
Урок 20.Подготавливаем фрейм для страницы с корзиной
Урок 97. 00:07:57
Урок 21.Карточка товара
Урок 98. 00:08:27
Урок 22.Доделываем страницу корзины
Урок 99. 00:09:58
Урок 23.Grid система выравнивания
Урок 100. 00:01:33
Урок 24.Component Master Manager
Урок 101. 00:04:24
Урок 25.Структурируем папки
Урок 102. 00:02:41
Урок 26.Плагин Similayer
Урок 103. 00:19:51
Урок 27.Добавляем иконки по дизайн системе
Урок 104. 00:04:01
Урок 28.Где взять качественную графику
Урок 105. 00:05:07
Урок 29.Добавляем графику. 1 вариант
Урок 106. 00:03:30
Урок 30.Плагин Avtocrop
Урок 107. 00:03:06
Урок 31.Плагин Unsplash
Урок 108. 00:15:29
Урок 32.Подбираем цвета для сайта + плагин uigradients
Урок 109. 00:01:16
Урок 33.Делаем более живой сайт
Урок 110. 00:03:22
Урок 34.Дорабатываем блок полезные статьи
Урок 111. 00:02:16
Урок 35.Сканер компонентов
Урок 112. 00:12:26
Урок 36.Делаем интерактивный прототип
Урок 113. 00:01:16
Урок 37.Плагин Delete Hidden Layers
Урок 114. 00:04:40
Урок 38.Интерактивные элементы
Урок 115. 00:03:19
Урок 1.Как быстро наработать портфолио
Урок 116. 00:02:53
Урок 2.Декомпозиция
Урок 117. 00:02:16
Урок 3.Как определить сроки и уложиться в них
Урок 118. 00:04:10
Урок 4.Как определить стоимость за дизайн и за час
Урок 119. 00:02:59
Урок 5.Техническое задание и бриф
Урок 120. 00:06:27
Урок 6.Где искать клиентов
Урок 121. 00:03:32
Урок 7.Предоплата
Урок 122. 00:06:35
Урок 8.Ошибки общения с клиентами
Урок 123. 00:02:43
Урок 9.Как из клиента сделать партнера
Урок 124. 00:02:33
Урок 10.Дополнительный заработок
Урок 125. 00:07:16
Урок 1.Оформляем портфолио Behance
Урок 126. 00:11:01
Урок 2.HH.ru оформляем резюме и ищем работу

Автор - webformyself

webformyself

Webformyself - универсальная русскоязычная площадка, которая делает годные курсы по нескольким направлениям, от фреймворков и верстки до SEO...

+93

Комментарии

k.p.medvedev@gmail.com
25 сент. 2021 г., 13:07
Не очень профессиональная подача, все спутано, скомкано хотел прокачаться, но смотреть не интересно
imroxy.s
10 янв. 2021 г., 21:35
папка с материалами к курсу не открывается
nixdie
11 дек. 2020 г., 01:47
Заметок не хватает.
Он ссылается на файл с иконками, который как я понимаю в фигме по ссылке в описании.
Курс хороший.
dendy
6 окт. 2020 г., 13:31
Холивар это замечательно. Но как сам курс?
Anonymous dendy
9 нояб. 2020 г., 13:16
Просто невозможно смотреть из-за его шипилявости и свистящих звуков из горла, прям до мурашек.
Anonymous
29 сент. 2020 г., 09:33
Курс весит 2,7 Гб. Зачем в архив еще пихать курсы 10Гб которые не всем нужны и у многих есть ??? Нельзя сделать отдельно? И при обновлении курсов нельзя сделать новые части дополнительными архивами что-ли ? При каждом обновлении приходится качать еще и старые части которые уже качал блеать.
CourseHunter Team Anonymous
30 сент. 2020 г., 12:51
>И при обновлении курсов нельзя сделать новые части дополнительными архивами что-ли ?
Нельзя
>При каждом обновлении приходится качать еще и старые части которые уже качал блеать.
В плеере можно отдельное видео скачать
Anonymous CourseHunter Team
30 сент. 2020 г., 14:52
Ну а на 1 пункт чего не ответил: "Курс весит 2,7 Гб. Зачем в архив еще пихать курсы 10Гб ", или тоже нельзя отдельными курсами выложить? Люди,которые будут их искать - не найдут, т.к. они в архиве другого курса. Очень классное решение для нас и для вас.
CourseHunter Team Anonymous
30 сент. 2020 г., 18:00
Как webformyself отдал курс, так и мы отдаем. Так понятно? Почти 2021 год на носу, давным давно у всех безлимит + мобильные пакеты по 50ГБ 3-4G а у тебя холивар о 10гб. Не забирай нашего времени, рад что у тебя его полно.
some Anonymous
29 сент. 2020 г., 11:57
Даа, какое же пиздатое решение - качать курс udemy, который апдейтнулся 12 раз за год - 12 архивами. АДМИНЫ, берите чела на работу. Ps. Конкретное видео можно скачать в плеере блеать, если курс апдейтнулся и тебе влом качать архив.
Anonymous some
29 сент. 2020 г., 13:50
Забыл добавить, что бывают еще материалы к курсу по 10 Гб. Их в плеере не скачаешь и качать ради обновки в 100Мб опять 10Гб - это решение пиздоватое.
CourseHunter Team Anonymous
30 сент. 2020 г., 12:52
Пример пожалуйста такого курса скиньте, где материалы 10гб
Anonymous some
29 сент. 2020 г., 13:40
Я говорю о курсах, в которых заранее известно кол-во частей, и этих частей там обычно не больше 4. Есть курсы в которых сразу вышло 100 уроков, а потом каждый месяц по 5 например. Качать все время 5 новых + 100 старых - это по-твоему пиздатое решение да ? Новые уроки можно паковать в один и тот же обновляемый отдельный архив а не в 12 (Админы, берите чела на работу, покажите ему как это сделать). Ну и еще как ты сам сказал "Конкретное видео можно скачать в плеере блеать, если курс апдейтнулся".
CourseHunter Team Anonymous
30 сент. 2020 г., 12:54
>Я говорю о курсах, в которых заранее известно кол-во частей, и этих частей там обычно не больше 4. Есть курсы в которых сразу вышло 100 уроков, а потом каждый месяц по 5 например. Качать все время 5 новых + 100 старых - это по-твоему пиздатое решение да ? Новые уроки можно паковать в один и тот же обновляемый отдельный архив а не в 12 (Админы, берите чела на работу, покажите ему как это сделать). Ну и еще как ты сам сказал "Конкретное видео можно скачать в плеере блеать, если курс апдейтнулся".

А докачать 5 уроков с плеера слабо? Или нам под тебя ввесь CH подстроить?
some Anonymous
29 сент. 2020 г., 22:02
>Забыл добавить, что бывают еще материалы к курсу по 10 Гб. Их в плеере не скачаешь и качать ради обновки в 100Мб опять 10Гб - это решение пиздоватое.

Незнаю что там у вас в дизайнерских курсах за материалы такие, в веб разработке пару мегабайт максимум.

>Я говорю о курсах, в которых заранее известно кол-во частей, и этих частей там обычно не больше 4. Есть курсы в которых сразу вышло 100 уроков, а потом каждый месяц по 5 например. Качать все время 5 новых + 100 старых - это по-твоему пиздатое решение да ? Новые уроки можно паковать в один и тот же обновляемый отдельный архив а не в 12 (Админы, берите чела на работу, покажите ему как это сделать). Ну и еще как ты сам сказал "Конкретное видео можно скачать в плеере блеать, если курс апдейтнулся".

Поставь на закачку и не ной. в 90е в диалапе живешь ? Поставил на закачку, выпил кофе и курс у тебя. Не надо простое делать сложным, потому что тебе влом еще раз архив перекачать.
Anonymous some
30 сент. 2020 г., 09:46
Ну если не знаешь какие могут материалы, так чего сунешь свои 5коп? Не всех интересует веб разработка с пару Мб.
Нравится качать и пить кофе - качай и пей, но не всем это нравится.
roman.tarasevich19 Anonymous
4 нояб. 2020 г., 22:00
где вы работаете и кем? как вы общаетесь с командой?
устроить истерику из-за такой ерунды
как вы с задачами/проблемами справляетесь?
some Anonymous
30 сент. 2020 г., 11:41
В этом курсе материалы весят пару мегабайт, при апдейте видео, можешь скачать себе с плеера видео, не вижу проблем. Создаёшь проблему на ровном месте.
Anonymous some
30 сент. 2020 г., 13:14
В этом курсе речь не о материалах, а об этом: "Курс весит 2,7 Гб. Зачем в архив еще пихать курсы 10Гб которые не всем нужны и у многих есть". По-моему логично было сделать раздачу с курсом, а бонусные прилепить отдельным архивом, указав хотя-бы название бонусных курсов, чтобы человек видел что это и нужно ли ему это. Да и курсы эти никакие не бонусные - их место в обычном каталоге webformyself отдельно.
some Anonymous
30 сент. 2020 г., 18:31
не не не дядя, из песни слов не выкинешь. ты говорил также и про апдейты. Перечитай свое первое сообщение
Anonymous some
2 окт. 2020 г., 13:21
> не не не дядя, из песни слов не выкинешь. ты говорил также и про апдейты. Перечитай свое первое сообщение

Ну вот и перечитай. "И при обновлении КУРСОВ..." - это вопрос по всем курсам. Ниже читай: "Я говорю о курсах...".
По-моему достаточно инфы чтобы понять, что второй вопрос не о конкретном курсе.
Есть курсы OTUS например. Там известно заранее сколько будет частей и уроков. Кому удобно качать обновки с плеера по 1 20 раз, или все сразу, но 20 вкладками - качайте. Мне кажется удобнее качать обновки 1 кнопкой, поэтому я и спрашивал это у админа. Да, все курсы разные. Короче нельзя так сделать, так нельзя - вопросов нет.
Ты не переживай и не бойся что появилось бы 12 архивов. До такой глупости далеко не каждый разработчик додумается, поэтому для тебя не изменилось-бы ничего.