Figma с нуля до коммерческих проектов

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

Ознакомьтесь с программой курса «Figma с нуля до коммерческих проектов» от Skillbox - skillbox.ru

1. Знакомство с Figma и первый файл. Узнаете, для каких задач дизайнеры используют Figma - Зарегистрируетесь и разберётесь, что доступно в бесплатной версии - Освоите основные панели, инструменты перемещения и изменения размера - Создадите рабочие области для ко…
2. Сетка и порядок в макете. Поймёте, как сетка помогает выравнивать блоки и сохранять ритм - Настроите колонки, поля и расстояния для разных размеров экрана - Освоите систему отступов и перестанете размещать элементы на глаз - Научитесь точно выравнивать объект…
3. Форма, текст, цвет и изображения. Научитесь работать с фигурами, обводками, скруглениями и прозрачностью - Настроите размеры текста, интервалы и выравнивание для разных уровней - Соберёте палитру и научитесь поддерживать читаемый цветовой контраст - Добавите…
4. Графика и рекламные материалы. Освоите векторные линии, заливки, обводки и редактирование формы - Научитесь объединять, вычитать и пересекать фигуры - Соберёте набор простых иконок и приведёте их к единому стилю - Познакомитесь с Figma Draw и сценариями для р…
5. Автоматическая компоновка и адаптивность. Поймёте логику контейнеров, направлений, отступов и выравнивания - Создадите кнопку, которая не ломается при изменении текста - Соберёте карточку товара или услуги с гибким содержанием - Настроите списки, сетки и повт…
6. Компоненты и набор элементов проекта. Поймёте, как один основной элемент управляет его копиями в макете - Создадите варианты кнопок для разных состояний и задач - Настроите быструю замену текста, значков и других элементов карточки - Соберёте цвета, текстовые…
7. Кликабельный прототип. Настроите переходы между экранами и запустите просмотр прототипа - Создадите всплывающее меню, форму заявки или отдельное окно - Добавите реакции на наведение и смену состояний элементов - Настроите плавные переходы между экранами и сос…
8. Итоговый проект. Выберете тему, определите задачу проекта и его аудиторию - Соберёте примеры и разберёте их структуру, композицию и стиль - Продумаете структуру лендинга до перехода к визуальному оформлению - Создадите версии проекта для компьютера и мобильно…
9. Бонус. Расширенные возможности Figma. Узнаете, как подготовить макет, чтобы разработчик точнее перенёс дизайн на сайт - Поймёте, как общие библиотеки помогают обновлять элементы сразу во всех макетах - Познакомитесь с нейросетью Make и встроенными сервисами F…

Чему вы научитесь

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