Графический и веб-дизайн [Evgen Marfel] Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике (2023)

Малыш Джон
Малыш Джон

Малыш Джон

Редактор
badge 6 лет с нами! badge Награда за 5000 очков репутации badge За 500 сообщений!
Регистрация
26/03/2018
Сообщения
28.955
Репутация
-333
  • 2
  • #1
Автор: Evgen Marfel
Название: Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике (2023)

[Evgen Marfel] Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике (2023)


Описание:

Самый большой и главный курс по FIGMA и веб-дизайну
на русском языке.
17 часов видео. ТОП-1 на Udemy, более 8000 выпускников и 2000 отзывов.

Становимся веб-дизайнерами в FIGMA. От основ и теории до применения знаний на практике
Это самый наполненный курс по веб-дизайну на русском языке. Я собрал весь свой опыт, который получил за 10 лет практики с русскими и иностранными клиентами.

[Evgen Marfel] Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике (2023)


С нуля до PRO
Мы пройдем полный курс от новичка до уверенного веб-дизайнера, который готов выполнять рабочие проекты и защищать свои решения.

Два готовых проекта в портфолио
Мы создадим адаптивный макет под основные разрешения смартфонов и планшетов. Создадим стайл гайд для разработчиков и полностью подготовим работу к верстке.

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

Программа курса:

Знакомство с Figma

  1. О чем этот модуль
  2. Скачать Figma и зарегистрироваться в программе
  3. Структура файлов
  4. Обзор интерфейса программы
  5. Сохранение и передача файла
  6. Горячие клавиши
  7. Move tool, Scale tool
  8. Выравнивание объектов
  9. Прямоугольник + овал
  10. Полигон + Звезда
  11. Обводка
  12. Заливка + градиент
  13. Изображения
  14. Эффекты
  15. Маска
  16. Перо
  17. Инструмент "Текст"
  18. Группа
  19. Frame
  20. Булевы группы
  21. Экспорт
  22. Комьюнити
  23. Плагины
  24. Стили
  25. Constraints (Ограничения/привязки) Часть 1
  26. Constraints (Ограничения/привязки) Часть 2
  27. Сетки. Часть 1
  28. Сетки. Часть 2 + ДЗ
  29. Selection colors
  30. Auto Layout Обновление
  31. Auto Layout 2022
  32. Практика работы с Auto Layout
  33. Компоненты
  34. Компоненты_02
  35. Компоненты_03
  36. Компоненты_04
  37. Варианты
Практика работы в Figma
  1. Основа атомарного дизайна
  2. Молекула
  3. Создание организмов. Часть 1
  4. Создание организмов. Часть 2
  5. Откуда черпать вдохновение
Теория веб-дизайна
  1. Типографика
  2. Типографика + дз
  3. Тест по типографике
  4. Сетки и направляющие
  5. Теория цвета
  6. Где брать картинки для веб дизайна
  7. Как подбирать картинки для проектов
  8. Выравнивание объектов
  9. Правило внутреннего и внешнего
  10. Иерархия в веб дизайне
Практика. Создание дизайн концепта сайта
  1. Что такое дизайн концепт
  2. Практика создания дизайн концепта сайта
Практика. Создание Лендинга. Бюджет 650$
  1. Техническое задание проекта(ТЗ)
  2. UX Часть нашего проекта
  3. Подробнее о брифах
  4. Порядок выполнения проекта
  5. Определение целевой аудитории
  6. Аналитика конкурентов
  7. Создание прототипа сайта. Теория
  8. Создание прототипа сайта. Практика
  9. Создание концепта сайта
  10. Создаем блоки с информацией
  11. Создаем блок тарифов, форму связи и футер
  12. Работа со слоями. Доработка дизайна.
  13. Адаптив дизайна под планшет
  14. Создание мобильной версии дизайна
  15. Создание модальных окон + ДЗ
  16. Готовим работу к верстке. Стайл Гайд + ДЗ
  17. Этапы работы над проектом на фрилансе
  18. Создание личного кабинета
Практика. Создания дизайна интернет магазина. Бюджет $1200
  1. Получение ТЗ
  2. Создание концепта интернет магазина
  3. Создание основных блоков главной страницы
  4. Создание рекламного баннера и формы подписки
  5. Создание футера
  6. Проверка дизайна главной
  7. Страница выдачи товара
  8. Создание страницы товара. Карточка товара
  9. Создание модального окна
  10. Создание корзины
  11. Создаем страницу оплаты
Создание кликабельного макета
  1. Введение в прототипирование в Figma
  2. Создание кликабельного макета
Адаптивная версия дизайна интернет магазина
  1. Адаптация главной
  2. Адаптив страницы выдачи товаров
  3. Адаптив карточки товара + ДЗ
  4. Адаптив корзины
  5. Адаптив страницы оплаты
  6. Создаем открытое меню в мобильной версии сайта
  7. Проверка на ошибки
Создание стайл гайда
  1. Создание стайл гайда
Оформление работ в портфолио
  1. Обзор кейсов
  2. Оформление кейса по лендингу
  3. Презентация кейса
Что делать дальше
  1. Где и как искать работу Веб дизайнеру
  2. Не очевидные способы способы дохода для веб дизайнера
Что вы получаете
  • Полное изучение в FIGMA
  • Понимание работы веб-дизайнера
  • Практические навыки web design
  • Навыки для старта работы на фрилансе
  • Несколько современных проектов в портфолио

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование модератором:

Отзывов в теме: 2

отличный курс. самый актуальный из представленных здесь
 
Много интересных нюансов раскрывается по программе.
 

Как курс? Стоит проходить?
 
Курс очень хороший,разжовывает каждую деталь.Но рассказывает все очень тихо и монотонно,я засыпаю 🤦🏻‍♀️
 
Курс огнище👍
 
почему то не открывается файл с примерами прототипирования и любые другие файлы(к примеру фото для проекта), либо я что то не пониманию, открываю файл Fig открывается фигма и ничего не происходит, не подскажите как у вас было?
 
почему то не открывается файл с примерами прототипирования и любые другие файлы(к примеру фото для проекта), либо я что то не пониманию, открываю файл Fig открывается фигма и ничего не происходит, не подскажите как у вас было?
Смотрела сейчас вроде всё открывается, ну уроки точно открываются. Вот подскажите в какой папке искать фото для проекта, чтобы я весь курс не лопатила)
 
Смотрела сейчас вроде всё открывается, ну уроки точно открываются. Вот подскажите в какой папке искать фото для проекта, чтобы я весь курс не лопатила)
Аналогичная проблема, любой файл формата .fig. К примеру в папке 5.8 4 файла (1 видео и 3 в формате fig). Проверьте, пожалуйста)
 
Аналогичная проблема, любой файл формата .fig. К примеру в папке 5.8 4 файла (1 видео и 3 в формате fig). Проверьте, пожалуйста)
Нужно импортировать файлы в свой драфт.
Откройте фигму и перетащите туда файл
Все открывается.
 
Отличный курс для улучшения хард скила по фигме!
 
Автора не слышно вообще, что за не уважение! Нельзя было купить микрофон что ли?
 
Автора не слышно вообще, что за не уважение! Нельзя было купить микрофон что ли?
Громкость приемлемая. Единственное, да, присутствует фоновый шум. Проверьте свое устройство воспроизведения и настройки громкости
 
Бодро, стоит изучить 👍
 
почему то не открывается файл с примерами прототипирования и любые другие файлы(к примеру фото для проекта), либо я что то не пониманию, открываю файл Fig открывается фигма и ничего не происходит, не подскажите как у вас было?
Я просто перетаскивала в Figmу. Всё открывается.)
 
Мне немножко как-то не хватает информации. Макс Ширко объясняет чуть поинтереснее, поживее, да и Саня Кво.
В основном курс не плохой, есть что почерпнуть, посмотреть под другим углом помогает. Не пожалела, что скачала.

И да изучала курс в наушниках, иначе никак.))

Спасибо тем, кто размещает здесь курсы! Ребят, вы делаете мир лучше, помогая другим людям развиваться.🎔
 
почему то не открывается файл с примерами прототипирования и любые другие файлы(к примеру фото для проекта), либо я что то не пониманию, открываю файл Fig открывается фигма и ничего не происходит, не подскажите как у вас было?
Перетаскивайте в фигму
 
Благодарю.
 
Благодарю!!!
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Малыш Джон
Ответы
6
Просмотры
8K
ИринАф
ИринАф
Малыш Джон
Ответы
2
Просмотры
5K
ИринАф
ИринАф
Малыш Джон
Ответы
4
Просмотры
7K
Sinedis
Sinedis
Малыш Джон
Ответы
1
Просмотры
5K
kordon
Малыш Джон
Ответы
4
Просмотры
4K
Суперюля
Суперюля

Похожие темы

Alex Smith
Ответы
11
Просмотры
20K
kropotkin731
kropotkin731
Малыш Джон
Ответы
2
Просмотры
5K
lisku
lisku
Брат Тук
Ответы
1
Просмотры
2K
Ro_ro
Ro_ro
Брат Тук
Ответы
8
Просмотры
32K
Max1mus
Max1mus
Дева Мэриан
Ответы
6
Просмотры
7K
zitmie
zitmie
Брат Тук
Ответы
15
Просмотры
11K
zitmie
zitmie
Роджерc
Ответы
0
Просмотры
3K
sloboen
sloboen
Малыш Джон
Ответы
0
Просмотры
4K
Малыш Джон
Малыш Джон
Сверху Снизу