Огляд гнучкого макета

Останнє оновлення: 7 серп. 2026 р.

Використовуйте панель «макет Flex» в InDesign для створення елементів, їх вирівнювання, налаштування напрямку, перенесення, припасування та розміщення в макеті Flex.

Що таке гнучкий макет?

Макет Flex – це функція, яка дає змогу створювати контейнери, що автоматично адаптуються в разі зміни вмісту. Елементи в контейнері розташовуються за допомогою напрямку, інтервалів, відступів та вирівнювання. Коли вміст додається, видаляється або змінює розмір, макет автоматично коригується, що усуває потребу в ручних налаштуваннях.

Доступ до параметрів макета Flex

Виберіть об’єкт / групу / кілька об’єктів у вашому документі та виконайте одну з наступних дій, щоб отримати доступ до параметрів макета Flex:

Перейдіть у розділ Об’єкт > Макет Flex.
Клацніть правою кнопкою миші на об’єкті, щоб отримати доступ до макета Flex.
Перейдіть у розділ Вікно > Макет Flex.
Натисніть один раз, щоб працювати з шаблоном Flex, і натисніть двічі, щоб вибрати дочірній елемент.
Скористайтеся інструментом «Часткове виділення» , щоб вибрати дочірні елементи.

Додати до макета Flex	Додає вибрані об’єкти до макета Flex.
Конвертувати в макет Flex	Перетворює об’єкт (прямокутний фрейм, прямокутна фігура або група) на макет Flex.
Видалити макет Flex	Видаляє макет Flex із виділеного. Якщо в макеті Flex було кілька об’єктів, створюється група. Якщо був один об’єкт, він залишається.
Показати елементи керування Flex	Відкриває панель макета Flex (альтернатива панелі Властивості).

Разом із функцією «Гнучкий макет» у програму InDesign було впроваджено концепцію контейнерів, подібну до CSS Flexbox. Вона забезпечує широкі можливості керування розміщенням дочірніх об’єктів. За допомогою функції «Гнучкий макет» можна створювати більш структуровані адаптивні макети, які не потребують численних ручних налаштувань.

Контейнер макета Flex

Налаштувати властивості гнучкого макета можна безпосередньо на панелі «Стилі об’єктів». Ви можете створити стиль об’єкта з назвою «Вертикальний контейнер», який містить налаштування гнучкого макета, а потім застосувати його до будь-якого гнучкого контейнера у вашому гнучкому макеті.

Приклад.

Використовуйте панель «Стилі об’єктів» для застосування функції гнучкого макета і налаштування властивостей, як-от напрямок, вирівнювання та інтервал. Після збереження застосуйте цей стиль до інших контейнерів для забезпечення узгодженості макета.

Дочірній елемент макета Flex

Той самий розділ гнучкого макета у «Стилях об’єктів» також може визначати властивості для дочірніх елементів гнучкого макета та їхніх вкладених дочірніх елементів, дозволяючи стандартизувати поведінку, наприклад фіксовані або гнучкі розміри, у вашому макеті.

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

Підказка

Ви можете використовувати «Стилі об’єктів» для визначення властивостей гнучкого макета в заблокованих гнучких кадрах.

Панель «Гнучкий макет»

Щоб перейти до панелі, скористайтеся командами Вікно > макет Flex. Відкриється панель макет Flex. Тепер ви зможете створити або додати новий макет Flex чи налаштувати наявний відповідно до своїх вимог. Якщо нічого не виділено, панель також можна використовувати для змінення стандартних налаштувань (доступно, якщо автоматичне виявлення вимкнено). Перейдіть у меню Параметри > Загальні > Автоматично виявляти й застосовувати параметри макета Flex, щоб перевірити налаштування автоматичного виявлення.

На панелі «макет Flex» показано різні способи створення гнучкого макета

A. Ширина контейнера Flex B. Висота контейнера Flex C. Перенесення D. Напрямок об’єктів у макеті Flex E. Вертикальний інтервал F. Горизонтальний інтервал G. Відступ H. Вирівнювання I. Вирівнювання об’єктів у макеті Flex

Ширина та висота

Розміром контейнерів гнучкого макета та їхніх дочірніх елементів можна керувати незалежно. Ширина й висота контейнера гнучкого макета можуть бути:

Фіксований: розмір контейнера залишається постійним, незалежно від його вмісту.
Авто: розмір контейнера збільшується або зменшується залежно від розміру його дочірніх елементів.

Для дочірнього елемента гнучкого макета (включно із вкладеними гнучкими макетами):

Фіксований: розмір дочірнього елемента залишається постійним, незалежно від власного вмісту.
Авто: розмір дочірнього елемента адаптується відповідно до власного вмісту чи дочірніх елементів.
Заповнити простір: дочірній елемент розширюється, щоб зайняти решту доступного простору в цьому вимірі, за потреби використовуючи простір спільно з іншими заповнювачами простору цього рівня.

Перенесення

Вмикає або вимикає обтікання об'єкта в контейнері.

Напрямок

Виберіть, як елементи розташовуються всередині контейнера (рядок, рядок у зворотному порядку, стовпець, стовпець у зворотному порядку).

Інтервали

Керування відступами й проміжками.

Відступи – визначте відступи всередині контейнера з усіх боків (зверху, знизу, зліва, справа).
Горизонтальні проміжки – встановіть однакові проміжки між елементами по горизонталі.
Вертикальні проміжки – встановіть однакові проміжки між елементами по вертикалі.

Вирівнювання

Керування розподілом елементів уздовж головної осі.

	Вирівнює рядок за початком гнучкого макета, а елементи – за початком рядка.
	Вирівнює рядок за центром гнучкого макета, а елементи – за центром рядка.
	Вирівнює рядок за кінцем гнучкого макета, а елементи – за кінцем рядка.
	Вирівнює елементи в рядках так, що – Однаковий простір з обох боків кожного елемента. Крайні елементи мають лише одну відкриту сторону; простір по краях становить половину простору між елементами.
	Вирівнює елементи в рядках так, що – Перший елемент притискається до початкового краю, а останній – до кінцевого краю. Решта елементів розташовані рівномірно лише між ними. Рівномірно розподіляє елементи вздовж головної осі, з першим елементом на початку та останнім в кінці. Без проміжків на зовнішніх краях.
	Вирівнює елементи в рядках так, що – Рівномірний простір скрізь: між елементами та по краях. Все дійсно рівномірно.

Вирівнювання

Вирівнювання елементів за поперечною віссю: за верхнім краєм, за центром, за нижнім краєм або за лівим краєм, за центром, за правим краєм.

	За верхнім лівим краєм: вирівнює рядки за верхнім лівим краєм контейнера гнучкого макета, а елементи в рядку – за верхнім лівим краєм рядка.
	За центром ліворуч: вирівнює рядки за центром ліворуч контейнера гнучкого макета, а елементи в рядку – за центром ліворуч рядка.
	За нижнім лівим краєм: вирівнює рядки за нижнім лівим краєм контейнера гнучкого макета, а елементи в рядку – за нижнім лівим краєм рядка.
	Зверху за центром: вирівнює рядки зверху за центром контейнера гнучкого макета, а елементи в рядку – зверху за центром рядка.
	За центром: вирівнює рядки за центром контейнера гнучкого макета, а елементи в рядку – за центром рядка.
	Знизу за центром: вирівнює рядки знизу за центром контейнера гнучкого макета, а елементи в рядку – знизу за центром рядка.
	За верхнім правим краєм: вирівнює рядки за верхнім правим краєм контейнера гнучкого макета, а елементи в рядку – за верхнім правим краєм рядка.
	За центром праворуч: вирівнює рядки за центром праворуч контейнера гнучкого макета, а елементи в рядку – за центром праворуч рядка.
	За нижнім правим краєм: вирівнює рядки за нижнім правим краєм контейнера гнучкого макета, а елементи в рядку – за нижнім правим краєм рядка.

Індикатори виділення в макетах Flex

InDesign використовує візуальні підказки, які допомагають зрозуміти стани виділення в макетах Flex.

Пунктирні контури позначають неосновні рівні макета.
Суцільні контури позначають рамки одного рівня, які можна виділити.
Інструмент «Часткове виділення» дозволяє виділяти вкладені рамки безпосередньо без повторних клацань.

Ці індикатори допомагають прояснити ієрархію та фокус виділення під час роботи з вкладеними макетами.

Елементи керування відступами та інтервалами на полотні

Макети Flex надають інтерактивні елементи керування на полотні для налаштування відступів та інтервалів:

Пов’язані відступи: налаштовуйте всі чотири значення відступів разом.
Непов’язані відступи: налаштовуйте кожну сторону незалежно.
Горизонтальні та вертикальні інтервали: змінюйте інтервали безпосередньо між елементами, включаючи перенесені рядки або стовпці.

Візуальні індикатори на полотні відображають поточні значення та оновлюються в реальному часі на панелі Макет Flex.

Трансформація та нахил фреймів макета Flex

Тепер ви можете обертати, віддзеркалювати, масштабувати або нахиляти Макет Flex, не перериваючи його поведінку. Трансформування застосовуються як до батьківських, так і до вкладених фреймів Flex, а панель Макет Flex залишається активною під час трансфування об'єктів. Це дозволяє налаштовувати вирівнювання, інтервали, перенесення та напрямок під час трансформації макетів, не порушуючи структуру Flex.

Створюйте матеріали для друку й цифрового розповсюдження в InDesign
Створюйте ефектну рекламу, макети журналів, книжок та багато іншого.

Відкрийте програму

Далі

Створення сторінок робочої групи за допомогою функції «Гнучкий макет»

Навчання

Навчайтеся за покроковими відеопосібниками й практичними інструкціями прямо в програмі.

Спільнота

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

Головна сторінка Adobe

Отримайте доступ до улюблених програм і сервісів Creative Cloud, керування файлами тощо.