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

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

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

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

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

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

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

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

• Знакомство с Figma
• О чем этот модуль
• Скачать Figma и зарегистрироваться в программе
• Структура файлов
• Обзор интерфейса программы
• Сохранение и передача файла
• Горячие клавиши
• Move tool, Scale tool
• Выравнивание объектов
• Прямоугольник + овал
• Полигон + Звезда
• Обводка
• Заливка + градиент
• Изображения
• Эффекты
• Маска
• Перо
• Инструмент "Текст"
• Группа
• Frame
• Булевы группы
• Экспорт
• Комьюнити
• Плагины
• Стили
• Constraints (Ограничения/привязки) Часть 1
• Constraints (Ограничения/привязки) Часть 2
• Сетки. Часть 1
• Сетки. Часть 2 + ДЗ
• Selection colors
• Auto Layout Обновление
• Auto Layout 2022
• Практика работы с Auto Layout
• Компоненты
• Компоненты_02
• Компоненты_03
• Компоненты_04
• Варианты

Практика работы в Figma

• Основа атомарного дизайна
• Молекула
• Создание организмов. Часть 1
• Создание организмов. Часть 2
• Откуда черпать вдохновение

Теория веб-дизайна

• Типографика
• Типографика + дз
• Тест по типографике
• Сетки и направляющие
• Теория цвета
• Где брать картинки для веб дизайна
• Как подбирать картинки для проектов
• Выравнивание объектов
• Правило внутреннего и внешнего
• Иерархия в веб дизайне

Практика. Создание дизайн концепта сайта

• Что такое дизайн концепт
• Практика создания дизайн концепта сайта

Практика. Создание Лендинга. Бюджет 650$

• Техническое задание проекта(ТЗ)
• UX Часть нашего проекта
• Подробнее о брифах
• Порядок выполнения проекта
• Определение целевой аудитории
• Аналитика конкурентов
• Создание прототипа сайта. Теория
• Создание прототипа сайта. Практика
• Создание концепта сайта
• Создаем блоки с информацией
• Создаем блок тарифов, форму связи и футер
• Работа со слоями. Доработка дизайна.
• Адаптив дизайна под планшет
• Создание мобильной версии дизайна
• Создание модальных окон + ДЗ
• Готовим работу к верстке. Стайл Гайд + ДЗ
• Этапы работы над проектом на фрилансе
• Создание личного кабинета

Практика. Создания дизайна интернет магазина. Бюджет $1200

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

Создание кликабельного макета

• Введение в прототипирование в Figma
• Создание кликабельного макета

Адаптивная версия дизайна интернет магазина

• Адаптация главной
• Адаптив страницы выдачи товаров
• Адаптив карточки товара + ДЗ
• Адаптив корзины
• Адаптив страницы оплаты
• Создаем открытое меню в мобильной версии сайта
• Проверка на ошибки

Создание стайл гайда

• Создание стайл гайда

Оформление работ в портфолио

• Обзор кейсов
• Оформление кейса по лендингу
• Презентация кейса

Что делать дальше

• Где и как искать работу Веб дизайнеру
• Не очевидные способы способы дохода для веб дизайнера

Что вы получаете

• Полное изучение в FIGMA
• Понимание работы веб-дизайнера
• Практические навыки web design
• Навыки для старта работы на фрилансе
• Несколько современных проектов в портфолио

Ссылка на скачивание курса будет выдана в течение суток после Вашей оплаты.