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

​ Становимся веб-дизайнерами в FIGMA. От основ и теории до применения знаний на практике Это самый наполненный курс по веб-дизайну на русском языке. Я собрал весь свой опыт, который получил за 10 лет практики с русскими и иностранными клиентами. С нуля до PRO Мы пройдем полный курс от новичка до уверенного веб-дизайнера, который готов выполнять рабочие проекты и защищать свои решения. Два готовых проекта в портфолио Мы создадим адаптивный макет под основные разрешения смартфонов и планшетов. Создадим стайл гайд для разработчиков и полностью подготовим работу к верстке. В конце я помогу тебе создать презентацию твоей работы и мы вместе выложим ее на бихайнс. У тебя будет работа в портфеле, которую можно показывать потенциальным заказчикам. Курс по FIGMA в подарок Если даже ты не знаешь программу или хочешь освежить знания, то в подарок ты получишь курс по FIGMA совершенно бесплатно. В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы. Для максимального эффекта от обучения курс состоит не только из видео уроков, но и из статей и домашних заданий. Без выполнения ДЗ теряется смысл обучения. Простой просмотр видео не даст 100% результата, только работа и практика сделают из тебя настоящего веб дизайнера. Что вы получаете - Полное изучение в FIGMA - Понимание работы веб-дизайнера - Практические навыки web design - Навыки для старта работы на фрилансе - Несколько современных проектов в портфолио Знакомство с Figma 01 О чем этот модуль 02 Скачать Figma и зарегистрироваться в программе 03 Структура файлов 04 Обзор интерфейса программы 05 Сохранение и передача файла 06 Горячие клавиши 07 Move tool, Scale tool 08 Выравнивание объектов 09 Прямоугольник + овал 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 Компоненты_01 34 Компоненты_02 35 Компоненты_03 36 Компоненты_04 37 Варианты Практика работы в Figma 01 Основа атомарного дизайна 02 Молекула 03 Создание организмов. Часть 1 04 Создание организмов. Часть 2 05 Откуда черпать вдохновение Теория веб-дизайна 01 Типографика 02 Типографика + дз 03 Тест по типографике 04 Сетки и направляющие 05 Теория цвета 06 Где брать картинки для веб дизайна 07 Как подбирать картинки для проектов 08 Выравнивание объектов 09 Правило внутреннего и внешнего 10 Иерархия в веб дизайне Практика. Создание дизайн концепта сайта 01 Что такое дизайн концепт 02 Практика создания дизайн концепта сайта Практика. Создание Лендинга. Бюджет 650$ 01 Техническое задание проекта(ТЗ) 02 UX Часть нашего проекта 03 Подробнее о брифах 04 Порядок выполнения проекта 05 Определение целевой аудитории 06 Аналитика конкурентов 07 Создание прототипа сайта. Теория 08 Создание прототипа сайта. Практика 09 Создание концепта сайта 10 Создаем блоки с информацией 11 Создаем блок тарифов, форму связи и футер 12 Работа со слоями. Доработка дизайна. 13 Адаптив дизайна под планшет 14 Создание мобильной версии дизайна 15 Создание модальных окон + ДЗ 16 Готовим работу к верстке. Стайл Гайд + ДЗ 17 Этапы работы над проектом на фрилансе 18 Создание личного кабинета Практика. Создания дизайна интернет магазина. Бюджет $1200 01 Получение ТЗ 02 Создание концепта интернет магазина 03 Создание основных блоков главной страницы 04 Создание рекламного баннера и формы подписки 05 Создание футера 06 Проверка дизайна главной 07 Страница выдачи товара 08 Создание страницы товара. Карточка товара 09 Создание модального окна 10 Создание корзины 11 Создаем страницу оплаты Создание кликабельного макета 01 Введение в прототипирование в Figma 02 Создание кликабельного макета Адаптивная версия дизайна интернет магазина 01 Адаптация главной 02 Адаптив страницы выдачи товаров 03 Адаптив карточки товара + ДЗ 04 Адаптив корзины 05 Адаптив страницы оплаты 06 Создаем открытое меню в мобильной версии сайта 07 Проверка на ошибки Создание стайл гайда 01 Создание стайл гайда Оформление работ в портфолио 01 Обзор кейсов 02 Оформление кейса по лендингу 03 Презентация кейса Что делать дальше 01 Где и как искать работу Веб дизайнеру 02 Не очевидные способы способы дохода для веб дизайнера