Original size 2280x3200

Тема № 1. Введение в Figma

PROTECT STATUS: not protected
4
Tags
big
Original size 3840x630

Первая тема курса погрузит слушателей в возможности Figma и познакомит учащихся с базовыми инструментами

Цель данной темы — научить участников курса базовым навыкам: работа со слоями, изображениями, формами и фигурами, а также показать основные форматы презентаций

1.1 Базовый инструментарий 1.2 Форматы презентаций

Задание: Вырезать фотографию; вставить фото в круг, экспортировать в пнг на рабочий стол.

1.1 Начало работы

big
Original size 3840x630
big
Original size 3840x1898
big
Original size 3840x630
big
Original size 1920x1080
Original size 3840x630

Перед тем как что-либо создавать, важно понимать, как устроено пространство, в котором мы работаем. В Figma рабочее пространство — это не только «холст», но и панели управления: левая (слои), центральная (канва/холст), правая (свойства и настройки объектов).

Original size 3840x2148
Original size 3840x630

Очень важно рассмотреть фигуры, так как они являются нашими строительные блоки в любой презентации. Кнопки, фоны, иконки, подложки под текст — всё начинается с прямоугольника, круга или линии.

Original size 3840x1282
Original size 3840x630

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

Original size 1920x1080
Original size 3840x1974
Original size 3840x630
Original size 1920x1080
Original size 3840x630

Фрейм в Figma — это «холст» или «слайд». Он определяет границы нашей композиции. Если не использовать фреймы, презентация превращается в хаос — объекты расползаются, невозможно экспортировать по слайдам, поэтому это технически и визуально необходимая часть.

1.2 Форматы презентаций

Original size 3840x2824

Домашнее задание 1.1

1. Кадрировать фотографию 2. Вставить фото в круг 3. Экспортировать в пнг на рабочий стол

Домашнее задание 1.2

Создать фрейм формата 16:9

Тема № 1. Введение в Figma
4
Chapter:
1
2
3
4
5
6