Программа и содержание
Модуль 1. Введение в Figma
Знакомство с Figma
Обзор интерфейса и меню
Слои и иерархия
Фреймы и группы
Констрейнтс
Прямоугольник
Экспорт
Эллипс, треугольник и размещение изображений
Перо и векторные элементы
Текст и типографика
Маски и буллит формы
Рисуем первый экран сайта
Результат:
Первый модуль курса призван погрузить вас в процесс работы в Figma. Теоретические уроки подкреплены сильными практическими заданиями. Изучив первый модуль, вы создадите несколько дизайнерских макетов.
Модуль 2. Продвинутые инструменты в Figma
Модульная сетка
Стили в Figma
Auto Layout
Компоненты
Главная практика
Результат:
В этом модуле вы научитесь более уверенно работать с продвинутыми инструментами Figma - компоненты, Auto-layout и стили. Если раньше вы пугались этих слов, то после уроков во втором модуле сможете легко с ними работать. А главным заданием данного модуля будет создание лендинга.
Модуль 3. Основные понятия Web-дизайна
Насмотренность
Ритмы и отступы
Контрастность
Композиция
Работа с цветом
Практика
Результат:
После этих уроков вы окончательно поймете, что такое хорошо и плохо в WEB-дизайне. Научитесь правильно расставлять акценты, работать с отступами, подбирать цвета и изображения для ваших проектов. А в итоге изучения этого модуля создадите классный рекламный баннер.
Модуль 4. Прототипы и анимация в Figma
Основы работы с прототипированием и анимацией в Figma
Плавность анимации
Практические примеры
Платная Figma БЕСПЛАТНО
Интерактивные компоненты
Главная практика модуля
Результат:
Разберетесь с инструментами прототипирования. Научитесь настраивать интерактивные проекты и кликабельные дизайнерские решения, которые смогут донести до клиента все ваши идеи по взаимодействию с дизайном.
Модуль 5. Большая практика и портфолио
Введение в модуль
Подготовка к практике
Первый экран
Второй блок сайта
Блок с покупкой билетов
Блок Наши питомцы
Футер сайта
Результат:
В финальном модуле курса вы ещё больше попрактикуетесь. Примените все основные знания, полученные на курсе. Создадите проект, который сможете использовать как основу для портфолио.