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

https://coursebases.org/threads/evgen-marfel-veb-dizajn-v-figma-2023-osnovy-ui-ux-dizajna-na-praktike-2023.141664/

Описание:

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

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

С нуля до 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
Навыки для старта работы на фрилансе
Несколько современных проектов в портфолио

Слив, торрент, складчина, бесплатно