udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
17 ч 25 мин
Категория
FigmaКоличество уроков
84 Видео
Дата добавления
28 сент. 2020 г., 22:44
Язык
Русский
Дата выхода
14 авг. 2020 г., 00:00
Дата обновления
29 апр. 2026 г., 08:36
Освойте веб‑дизайн в Figma с нуля и шаг за шагом пройдите путь от базовой теории UI/UX до создания полностью готового к передаче разработчикам дизайн‑проекта. Курс построен так, чтобы вы не просто выучили инструменты, а научились применять их на реальных задачах.
Что вас ждёт в курсе
Программа курса включает несколько продуманных модулей, которые формируют понимание процессов веб‑дизайна и позволяют закрепить знания на практике. Вы изучите ключевые принципы UI/UX, научитесь работать с Figma и научитесь подходить к дизайну осознанно — как профессионал.
Теоретическая база по UI/UX
Вы узнаете, что лежит в основе качественного веб‑дизайна, и поймёте, как применять теорию в реальных проектах.
- Принципы визуальной иерархии
- Основы типографики
- Работа с сетками и построением интерфейсов
- Композиция и цветовые решения в UI
Работа с реальным техническим заданием
Практическая часть курса построена вокруг реальной проектной работы. Вы пройдёте весь путь профессионального дизайнера — от брифа до итоговой презентации.
Глубокий анализ задачи
- Проведение брифа и уточнение требований
- Анализ цели проекта и бизнес‑задач
- Определение целевой аудитории
- Оценка конкурентов и выделение сильных решений
Создание прототипа
После анализа вы разработаете логичный и структурированный прототип, на основе которого будет строиться дизайн‑макет.
Разработка дизайн‑макета в Figma
Вы создадите полноценный интерфейс с учетом современных стандартов UI/UX.
- Создание адаптивных версий для смартфонов и планшетов
- Работа со стилями, компонентами и вариативностью
- Подготовка стайлгайда для разработчиков
- Финальная подготовка макета к передаче в верстку
Итоговые результаты обучения
В конце курса вы не только создадите профессиональный проект, но и научитесь презентовать его так, чтобы он выделялся среди других работ.
Презентация и публикация проекта
Вы оформите красивую, убедительную презентацию и загрузите её на Behance вместе с преподавателем. Итоговый проект станет частью вашего портфолио.
Поиск заказов и первые шаги в профессии
Вы получите рекомендации по поиску клиентов и работе на фрилансе, а также узнаете, где веб‑дизайнеру искать первые заказы.
Дополнительные практические модули
В курсе предусмотрены два крупных практических проекта:
- Лендинг по техническому заданию
- Интернет‑магазин по техническому заданию
Эти проекты помогут вам закрепить навыки и расширить своё портфолио.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:01:44Введение
- Урок 2. 00:02:30Скачать Figma и зарегистрироваться в программе
- Урок 3. 00:11:26Структура файлов
- Урок 4. 00:04:41Обзор интерфейса программы
- Урок 5. 00:06:59Сохранение и передача файла
- Урок 6. 00:01:38Горячие клавиши
- Урок 7. 00:01:51Move tool, Scale tool
- Урок 8. 00:04:53Выравнивание объектов
- Урок 9. 00:12:20Прямоугольник + овал
- Урок 10. 00:04:00Полигон + Звезда
- Урок 11. 00:03:35Обводка
- Урок 12. 00:05:59Эффекты
- Урок 13. 00:09:21Заливка + градинет
- Урок 14. 00:11:45Изображения
- Урок 15. 00:05:21Маска
- Урок 16. 00:17:43Перо
- Урок 17. 00:15:40Инструмент "Текст"
- Урок 18. 00:09:47Группа
- Урок 19. 00:19:09Frame
- Урок 20. 00:04:39Булевы группы
- Урок 21. 00:04:30Эффекты наложения
- Урок 22. 00:04:01Экспорт
- Урок 23. 00:03:22Комьюнити
- Урок 24. 00:04:26Плагины
- Урок 25. 00:15:09Стили
- Урок 26. 00:18:49Constraints (Ограничения/привязки) Часть 1
- Урок 27. 00:13:39Constraints (Ограничения/привязки) Часть 2
- Урок 28. 00:04:13Сетки. Часть 1
- Урок 29. 00:13:47Сетки. Часть 2 + ДЗ
- Урок 30. 00:07:30Компоненты
- Урок 31. 00:18:36Auto Layout
- Урок 32. 00:03:23Selection colors
- Урок 33. 00:12:41Основа атомарного дизайна
- Урок 34. 00:08:56Создание атомов и молекул
- Урок 35. 01:02:15Создание организмов
- Урок 36. 00:07:04Откуда черпать вдохновение
- Урок 37. 00:24:35Типографика
- Урок 38. 00:09:06Типографика практика + ДЗ
- Урок 39. 00:09:15Где брать картинки для веб дизайна
- Урок 40. 00:08:03Как подбирать картинки для проектов
- Урок 41. 00:07:55Выравнивание объектов
- Урок 42. 00:07:08Правило внутреннего и внешнего
- Урок 43. 00:07:42Иерархия в веб дизайне
- Урок 44. 00:06:50Что такое дизайн концепт
- Урок 45. 00:36:16Практика создания дизайн концепта сайта
- Урок 46. 00:06:43Техническое задание проекта(ТЗ)
- Урок 47. 00:08:50Порядок выполнения проекта
- Урок 48. 00:06:21Определение целевой аудитории
- Урок 49. 00:08:59Аналитика конкурентов
- Урок 50. 00:02:53Создание прототипа сайта. Теория
- Урок 51. 00:31:42Создание прототипа сайта. Практика
- Урок 52. 00:39:46Создание концепта сайта
- Урок 53. 00:24:38Создаем блоки с информацией
- Урок 54. 00:20:49Создаем блок тарифов, форму связи и футер
- Урок 55. 00:13:01Работа со слоями. Доработка дизайна.
- Урок 56. 00:20:11Адаптив дизайна под планшет
- Урок 57. 00:18:12Создание мобильной версии дизайна
- Урок 58. 00:13:03Создание модальных окон + ДЗ
- Урок 59. 00:05:23Готовим работу к верстке. Стайл Гайд + ДЗ
- Урок 60. 00:05:12Этапы работы над проектом на фрилансе
- Урок 61. 00:04:42Получение ТЗ
- Урок 62. 00:13:57Создание концепта интернет магазина
- Урок 63. 00:24:15Создание основных блоков главной страницы
- Урок 64. 00:09:40Создание рекламного баннера и формы подписки
- Урок 65. 00:16:14Создание футера
- Урок 66. 00:05:01Проверка дизайна главной
- Урок 67. 00:29:59Страница выдачи товара
- Урок 68. 00:38:28Создание страницы товара. Карточка товара
- Урок 69. 00:08:58Создание модального окна
- Урок 70. 00:10:07Создание корзины
- Урок 71. 00:17:18Создаем страницу оплаты
- Урок 72. 00:26:52Введение в прототипирование в Figma
- Урок 73. 00:17:16Создание кликабельного макета
- Урок 74. 00:30:51Адаптация главной
- Урок 75. 00:12:10Адаптив страницы выдачи товаров
- Урок 76. 00:11:08Адаптив карточки товара + ДЗ
- Урок 77. 00:07:06Адаптив корзины
- Урок 78. 00:08:21Адаптив страницы оплаты
- Урок 79. 00:05:35Создаем открытое меню в мобильной версии сайта
- Урок 80. 00:04:17Проверка на ошибки
- Урок 81. 00:05:34Обзор кейсов
- Урок 82. 00:19:15Оформление кейса по лендингу
- Урок 83. 00:05:31Презентация кейса
- Урок 84. 00:12:36Не очевидные способы способы дохода для веб дизайнера
Автор - udemy
Комментарии
thanks a lot in advance.