Змістовий модуль 2. Основи макетування та верстки в Figma

Тема 2.1.  Принципи макетування та верстки у Figma. Композиція та макетування 

У даній лекції розглянуто:  інтерфейс Figma: робочий простір, панелі інструментів, шари, сторінки. Налаштування Figma; створення нового файлу; робота з шарами; основні інструменти: виділення, переміщення, масштабування, обертання, фігури, текст; сітка та направляючі; модульна сітка; компонування елементів: створення макету сторінки, розміщення тексту та зображень.

Практична робота  Створення макету мобільного застосунку Figma

1. Виберіть будь-який додаток на вашому мобільному телефоні.
2. Зробіть скіншот сторінки, яку оберете для відтворення.
3. Заваштажте зроблений скрін до Figma.
4. Зробіть самостійно макет цієї сторінки.

Тема 2.2.  Робота з текстом та типографікою в Figma

У даній лекції розглянуто:  створення текстових блоків, введення та редагування тексту; форматування тексту; стилі тексту, робота з абзацами; перетворення тексту на векторну графіку.

Тема 2.3. Робота з графікою та зображеннями  у Figma

У даній лекції розглянуто: імпорт зображень: додавання зображень різних форматів до макету. Редагування зображень: зміна розміру, кадрування, обрізка, маски. Створення та редагування векторних фігур. Робота з кольором: вибір кольору, створення колірних палітр, градієнти. Ефекти: додавання тіней, розмиття та інших ефектів до об'єктів.