Зміст курсу
UI/UX з Figma
UI/UX з Figma
1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
Макети Сіток Ряди та Стовпці
Додати сітку
Виберіть фрейм і натисніть значок плюс у розділі Layout Grid на панелі дизайну, щоб додати сітку. За замовчуванням сітки встановлені на 10-піксельну однорідну сітку.
Налаштування параметрів сітки
- Тип сітки: виберіть з колонок, рядків або сітки;
- Кількість/Число: налаштуйте кількість колонок або рядків;
- Зовнішній вигляд: змініть колір та прозорість;
- Налаштування типу: встановіть колонки на розтягування або фіксацію зліва, по центру або справа;
- Поля та проміжки: визначте відстань між краями фрейму (поля) та колонками/рядками (проміжки).
Розширені опції
- Додайте кілька сіток до одного фрейму, натиснувши значок плюс ще раз.
- Змініть або видаліть сітки за допомогою панелі налаштувань або значка мінус.
- Застосуйте попередньо встановлені стилі сітки через значок з чотирма крапками або імпортуйте сітки з бібліотеки команди.
Використання лінійок та направляючих у Figma
Увімкнути лінійки
Лінійки можна отримати через View > Rulers або за допомогою комбінації клавіш Shift + R. Вони з'являються на верхній та лівій сторонах фрейму, з одиницями вимірювання в пікселях.
Додати направляючі
Щоб створити направляючі, перетягніть з лінійки та розмістіть їх для вирівнювання. Направляючі можна видалити, перетягнувши їх назад на лінійку.
Найкращі практики
Поєднуйте сітки та направляючі для точності та підтримки організованих макетів. Чисте вирівнювання покращує чіткість дизайну та загальний досвід користувача.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 1