Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Макети Сіток Ряди та Стовпці | Прототипування
UI/UX з Figma
course content

Зміст курсу

UI/UX з Figma

UI/UX з Figma

1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
3. Створення Візуалів
4. Прототипування
5. Подання Роботи

book
Макети Сіток Ряди та Стовпці

Додати сітку

Виберіть фрейм і натисніть значок плюс у розділі Layout Grid на панелі дизайну, щоб додати сітку. За замовчуванням сітки встановлені на 10-піксельну однорідну сітку.

Налаштування параметрів сітки

  • Тип сітки: виберіть з колонок, рядків або сітки;
  • Кількість/Число: налаштуйте кількість колонок або рядків;
  • Зовнішній вигляд: змініть колір та прозорість;
  • Налаштування типу: встановіть колонки на розтягування або фіксацію зліва, по центру або справа;
  • Поля та проміжки: визначте відстань між краями фрейму (поля) та колонками/рядками (проміжки).

Розширені опції

  • Додайте кілька сіток до одного фрейму, натиснувши значок плюс ще раз.
  • Змініть або видаліть сітки за допомогою панелі налаштувань або значка мінус.
  • Застосуйте попередньо встановлені стилі сітки через значок з чотирма крапками або імпортуйте сітки з бібліотеки команди.

Використання лінійок та направляючих у Figma

Увімкнути лінійки

Лінійки можна отримати через View > Rulers або за допомогою комбінації клавіш Shift + R. Вони з'являються на верхній та лівій сторонах фрейму, з одиницями вимірювання в пікселях.

Додати направляючі

Щоб створити направляючі, перетягніть з лінійки та розмістіть їх для вирівнювання. Направляючі можна видалити, перетягнувши їх назад на лінійку.

Найкращі практики

Поєднуйте сітки та направляючі для точності та підтримки організованих макетів. Чисте вирівнювання покращує чіткість дизайну та загальний досвід користувача.

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 1
We're sorry to hear that something went wrong. What happened?
some-alt