Przegląd układu Flex

Ostatnia aktualizacja 7 sie 2026

Użyj panelu Układ Flex w programie InDesign do tworzenia, wyrównywania, ustawiania kierunku, zawijania, justowania oraz rozmieszczania elementów w układzie Flex.

Czym jest układ Flex?

Układ Flex to funkcja umożliwiająca tworzenie kontenerów, które automatycznie dostosowują się do zmian zawartości. Elementy w kontenerze są pozycjonowane za pomocą kierunku, odstępów, marginesów wewnętrznych i wyrównania. Gdy zawartość zostanie dodana, usunięta lub zmieniony zostanie jej rozmiar, układ dostosowuje się automatycznie, eliminując potrzebę ręcznych dopasowań.

Dostęp do opcji Flex Layout

Wybierz obiekt/grupę/wiele obiektów w dokumencie i wykonaj jedną z następujących czynności, aby uzyskać dostęp do opcji Flex Layout:

Przejdź do Object > Flex Layout.
Kliknij prawym przyciskiem myszy obiekt, aby uzyskać dostęp do Flex Layout.
Przejdź do panel Window > Flex Layout.
Wybierz raz, aby pracować ze wzorcem flex, i kliknij dwukrotnie, aby wybrać element podrzędny.
Użyj narzędzia Bezpośrednie zaznaczanie , aby wybrać elementy podrzędne.

Dodaj do Flex Layout	Dodaje wybrane obiekty do układu Flex.
Przekształć w układ Flex Layout	Konwertuje obiekt (ramkę prostokąta, kształt prostokąta lub grupę) na układ Flex.
Usuń układ Flex Layout	Usuwa układ Flex z zaznaczenia. Jeśli układ Flex zawierał wiele obiektów, tworzona jest grupa. Jeśli zawierał jeden obiekt, obiekt pozostaje.
Pokaż kontrolki Flex	Otwiera panel Układ Flex (alternatywa dla panelu Właściwości).

Flex Layout wprowadza do programu InDesign koncepcję kontenera podobną do CSS Flexbox.Zapewnia zaawansowaną kontrolę układu obiektów podrzędnych.Dzięki Flex Layout projekty stają się bardziej uporządkowane, adaptacyjne i wymagają mniej ręcznych dostosowań.

Kontener układu Flex

Można skonfigurować właściwości Flex Layout bezpośrednio w stylach obiektów.Możesz utworzyć styl obiektu o nazwie Kontener pionowy, który zawiera ustawienia układu Flex, a następnie zastosować go do dowolnego kontenera układu Flex w swoim układzie.

Przykład:

Użyj panelu Style obiektów, aby zastosować układ Flex i ustawić właściwości, takie jak kierunek, wyrównanie i odstępy. Po zapisaniu możesz zastosować ten styl do innych kontenerów, aby uzyskać spójne działanie układu.

Podrzędny układ Flex

Ta sama sekcja układu Flex w stylach obiektów może również definiować właściwości dla elementów podrzędnych układu Flex i ich zagnieżdżonych elementów podrzędnych, umożliwiając standaryzację zachowania, takiego jak stałe lub elastyczne wymiary, w całym układzie.

Bezpośrednie tworzenie elementów interaktywnych: Konwertuj elementy podrzędne w układzie Flex na elementy interaktywne bez konieczności ich oddzielnego tworzenia i dodawania do układu Flex.
Blokowanie elementów podrzędnych: Zablokuj jeden lub więcej elementów podrzędnych w układzie Flex, aby zapobiec bezpośredniemu przeciąganiu, zmianie rozmiaru lub przenoszeniu ich poza ramkę, jednocześnie umożliwiając zmiany pozycji za pomocą klawiszy strzałek.
Nawigacja klawiaturą dla elementów podrzędnych: Zmieniaj pozycję zablokowanych lub odblokowanych elementów za pomocą klawiszy strzałek w lewo lub w prawo w układach poziomych lub klawiszy strzałek w górę lub w dół w układach pionowych.

Wskazówka

Można używać stylów obiektów do definiowania właściwości flex w zablokowanych ramkach flex.

panel układu Flex

Możesz teraz utworzyć lub dodać układu Flex albo dostosować istniejący według swoich potrzeb. Jeśli nie ma zaznaczenia, możesz użyć panelu do zmiany ustawień domyślnych (ma zastosowanie, gdy automatyczne wykrywanie jest wyłączone). Przejdź do obszaru Preferencje > Ogólne > Automatyczne wykrywanie i stosowanie ustawień układu Flex, aby sprawdzić ustawienie automatycznego wykrywania.

Panel Układ Flex pokazujący różne opcje tworzenia elastycznego układu

A. Szerokość kontenera Flex B. Wysokość kontenera Flex C. Zawijanie D. Kierunek obiektów w układzie Flex E. Odstępy pionowe F. Odstępy poziome G. Dopełnianie H. Justowanie I. Wyrównanie obiektów w układzie Flex

Szerokość i Wysokość

Rozmiar zarówno kontenerów układu Flex, jak i ich elementów podrzędnych można kontrolować niezależnie. W przypadku kontenera układu Flex szerokość i wysokość mogą być:

Stały: rozmiar kontenera pozostaje stały, niezależnie od jego zawartości.
Automatyczny: rozmiar kontenera zwiększa się lub zmniejsza w zależności od rozmiaru jego elementów podrzędnych.

W przypadku elementu podrzędnego układu Flex (w tym zagnieżdżonego układu Flex):

Stały: rozmiar elementu podrzędnego pozostaje stały, niezależnie od jego zawartości.
Automatyczny: Rozmiar elementu podrzędnego dostosowuje się do jego zawartości lub elementów podrzędnych.
Wypełnij przestrzeń: Element podrzędny rozszerza się, aby zająć pozostałą dostępną przestrzeń w tym wymiarze, dzieląc przestrzeń z innymi elementami rodzeństwa Wypełnij przestrzeń według potrzeby.

Zawijanie

Włącza lub wyłącza zawijanie obiektów w kontenerze.

Kierunek

Wybierz sposób przepływu elementów wewnątrz kontenera (wiersz, wiersz odwrócony, kolumna, kolumna odwrócona).

Odstępy

Kontroluje dopełnianie i odstępy.

Padding: Określ odstępy wewnątrz kontenera ze wszystkich stron (góra, dół, lewo, prawo).
Odstępy poziome : Ustaw spójne odstępy między elementami w poziomie.
Odstępy pionowe : Ustaw spójne odstępy między elementami w pionie.

Justowanie

Kontroluje rozmieszczenie elementów wzdłuż osi głównej.

	Wyrównuje wiersz do początku Flex Layout i wyrównuje elementy do początku wiersza.
	Wyrównuje wiersz do środka Flex Layout i wyrównuje elementy do środka wiersza.
	Wyrównuje wiersz do końca Flex Layout i wyrównuje elementy do końca wiersza.
	Wyrównuje elementy w wierszach w następujący sposób: Równe odstępy po obu stronach każdego elementu. Elementy brzegowe mają odsłoniętą tylko jedną stronę; przestrzeń przy krawędziach jest połową przestrzeni między elementami.
	Wyrównuje elementy w wierszach w następujący sposób: Pierwszy element przylega do krawędzi początkowej, a ostatni element do krawędzi końcowej. Pozostałe elementy są równomiernie rozmieszczone tylko pomiędzy nimi. Rozmieszcza elementy równomiernie wzdłuż osi głównej, z pierwszym elementem na początku i ostatnim na końcu. Brak odstępu przy zewnętrznych krawędziach.
	Wyrównuje elementy w wierszach w następujący sposób: Równe odstępy wszędzie: między elementami i przy krawędziach. Wszystko jest naprawdę równe.

Wyrównanie

Wyrównuje elementy wzdłuż osi poprzecznej: Góra, Środek, Dół lub Lewo, Środek, Prawo.

	Góra po lewej: Wyrównuje wiersze do lewego górnego rogu kontenera Flex Layout i wyrównuje elementy w wierszu do lewego górnego rogu wiersza.
	Środek po lewej: Wyrównuje wiersze do środka po lewej stronie kontenera Flex Layout i wyrównuje elementy w wierszu do środka po lewej stronie wiersza.
	Dół po lewej: Wyrównuje wiersze do lewego dolnego rogu kontenera Flex Layout i wyrównuje elementy w wierszu do lewego dolnego rogu wiersza.
	Górny środek: Wyrównuje wiersze do górnego środka kontenera Flex Layout i wyrównuje elementy w wierszu do górnego środka wiersza.
	Środek: Wyrównuje wiersze do środka kontenera Flex Layout i wyrównuje elementy w wierszu do środka wiersza.
	Na dole, na środku: Wyrównuje wiersze do dolnego środka kontenera Flex Layout i wyrównuje elementy w wierszu do dolnego środka wiersza.
	Góra po prawej: Wyrównuje wiersze do prawego górnego rogu kontenera Flex Layout i wyrównuje elementy w wierszu do prawego górnego rogu wiersza.
	Środek po prawej: Wyrównuje wiersze do środka po prawej stronie kontenera Flex Layout i wyrównuje elementy w wierszu do środka po prawej stronie wiersza.
	Dół po prawej: Wyrównuje wiersze do prawego dolnego rogu kontenera Flex Layout i wyrównuje elementy w wierszu do prawego dolnego rogu wiersza.

Wskaźniki zaznaczenia w układach Flex

Program InDesign używa wskazówek wizualnych, które pomagają zrozumieć stany zaznaczenia w układach Flex:

Kontury kropkowane wskazują nieaktywne poziomy układu.
Kontury ciągłe wskazują ramki równorzędne, które można zaznaczyć.
Narzędzie Zaznaczanie bezpośrednie umożliwia zaznaczanie zagnieżdżonych ramek bezpośrednio bez wielokrotnego klikania.

Te wskaźniki pomagają wyjaśnić hierarchię i obszar zaznaczenia podczas pracy z zagnieżdżonymi układami.

Kontrolki dopełnienia i odstępów na obszarze roboczym

Układy Flex zapewniają interaktywne kontrolki na obszarze roboczym do dopasowywania dopełnienia i odstępów:

Połączone dopełnienie: Dopasuj wszystkie cztery wartości dopełnienia razem.
Niepołączone dopełnienie: Dopasuj każdą stronę niezależnie.
Odstępy poziome i pionowe: Modyfikuj odstępy bezpośrednio między elementami, w tym zawijane wiersze lub kolumny.

Wskaźniki wizualne na obszarze roboczym odzwierciedlają bieżące wartości i aktualizują się w czasie rzeczywistym w panelu Flex Layout.

Przekształcanie i pochylanie ramek Układu Flex

Teraz można obracać, odbijać lustrzanie, skalować lub pochylać układ Flex bez przerywania jego działania. Przekształcenia dotyczą zarówno wzorca, jak i zagnieżdżonych ramek flex, a panel Układ Flex pozostaje aktywny podczas przekształcania obiektów. Umożliwia to dopasowywanie wyrównania, odstępów, zawijania i kierunku podczas przekształcania układów bez naruszania struktury flex.

Tworzenie materiałów do druku i publikacji cyfrowej w programie InDesign
Projektowanie przyciągających uwagę reklam, układów czasopism i książek oraz innych materiałów.

Otwórz aplikację

Następna

Twórz strony zespołu za pomocą układu Flex

Materiały do nauki

Zdobywaj wiedzę, korzystając z samouczków wideo krok po kroku i praktycznych wskazówek dostępnych bezpośrednio w aplikacji.

Społeczność

Dołącz do dyskusji, znajdź odpowiedzi, ucz się od ekspertów i dziel się swoją wiedzą.

Strona główna Adobe

Uzyskaj dostęp do ulubionych aplikacji, usług, zarządzania plikami i innych funkcji Creative Cloud.