סקירת האפשרויות של Flex Layout

עודכן לאחרונה בתאריך 7 באוגוסט 2026

הלוח Flex Layout ב-InDesign מאפשר לכם ליצור פריטים, ליישר פריטים, וגם להגדיר את הכיוון, הגלישה, הכיווניות והריווח של פריטים ב-Flex Layout.

מה זה Flex layout?

Flex Layout היא תכונה המאפשרת ליצור מכלים שמסתגלים אוטומטית כשהתוכן משתנה. פריטים במכל ממוקמים באמצעות כיוון, מרווח, ריפוד ויישור. כאשר מסירים או מוסיפים תוכן או משנים את גודלו, הפריסה מתכווננת אוטומטית, דבר שמבטל את הצורך בהתאמות ידניות.

גישה לאפשרויות פריסת Flex

בחרו אובייקט/קבוצה/מספר אובייקטים במסמך ובצעו אחת מהפעולות הבאות כדי לגשת לאפשרויות של Flex Layout:

  • עברו אל Object > ‏Flex Layout.
  • לחצו לחיצה ימנית על האובייקט כדי לגשת ל-Flex Layout.
  • עברו אל הלוח Window > ‏Flex Layout.
  • לחצו פעם אחת כדי לבחור את Flex האב ולחצו לחיצה כפולה כדי לבחור את הצאצא.
  • השתמשו בכלי Direct Selection כדי לבחור את רכיבי הצאצא.

Add to Flex Layout

מוסיפה אובייקטים נבחרים ל-Flex Layout.

Convert to Flex Layout

ממירה אובייקט (מסגרת מלבנית, צורת מלבן או קבוצה) ל-Flex Layout.

Remove Flex Layout

מסירה את Flex Layout מהבחירה. אם Flex Layout הכילה מספר אובייקטים, נוצרת קבוצה. אם היה בה אובייקט אחד, האובייקט נשאר.

Show Flex Controls

פותחת את הלוח Flex Layout (חלופה ללוח Properties).

ב-Flex Layout כללנו לראשונה קונספט של קונטיינר דמוי CSS Flexbox ב-InDesign. הוא מספק שליטה מקיפה יותר בפריסה כשעובדים עם אובייקטים של צאצא. עם Flex Layout, עיצובים הופכים להיות מובנים, יכולת ההסתגלות שלהם משתפרת והם מצריכים פחות התאמות ידניות.

מכל של Flex Layout

תוכלו להגדיר את המאפיינים של Flex Layout ישירות בתוך Object Styles. תוכלו ליצור Object Style בשם Vertical Container עם הגדרות של Flex Layout, ולאחר מכן להחיל את הסגנון על כל Flex Layout בפריסה שלכם.

דוגמה

השתמשו בלוח Object Styles כדי להשתמש ב-Flex Layout ולהגדיר מאפיינים כמו כיוון‏, יישור, ומרווחים. לאחר השמירה, החל סגנון זה על מכלים אחרים להתנהגות פריסה עקבית

צאצא של Flex Layout

אפשר להגדיר את המאפיינים של אותו מקטע של Flex Layout ב-Object Styles עבור אלמנטים של Flex Layout צאצא והאלמנטים המקוננים של הצאצא, כדי ליצור התנהגות עקבית, למשל ממדים קבועים או גמישים, ברחבי הפריסה.

  • יצירה ישירה של רכיבים אינטראקטיביים: המירו רכיבי צאצא בתוך Flex Layout לרכיבים אינטראקטיביים מבלי ליצור אותם בנפרד ולהוסיף אותם לFlex Layout.
  • Lock child elements: נעלו רכיב צאצא אחד או יותר בתוך Flex Layout כדי למנוע גרירה ישירה, שינוי גודל או הזזה של הרכיבים מחוץ למסגרת, תוך שמירה על האפשרות לשנות מיקום באמצעות מקשי החצים במקלדת.
  • Keyboard navigation for child elements: מקמו מחדש רכיבים נעולים או לא נעולים באמצעות מקשי החץ השמאלי או הימני בפריסות אופקיות או באמצעות מקשי החץ העליון או התחתון בפריסות אנכיות.
עצה

אתם יכולים להשתמש ב-Object Styles כדי להגדיר מאפייני Flex בתוך מסגרות Flex נעולות.

הלוח Flex Layout

כדי לגשת ללוח, עברו אל Window ‏> Flex Layout. הלוח Flex Layout נפתח. אפשר עכשיו ליצור או להוסיף Flex Layout או להתאים אישית פריסה קיימת, לפי הצורך. אם אין בחירה, ניתן להשתמש בלוח כדי לשנות את ברירות המחדל (חל אם הזיהוי האוטומטי כבוי). נווטו אל Preferences > ‏General ‏> Auto-detect and apply Flex Layout settings כדי לבדוק איך מוגדר הזיהוי האוטומטי.

הלוח Flex Layout, עם אפשרויות שונות ליצירת פריסה גמישה

A. רוחב קונטיינר ה-Flex‏ B. גובה קונטיינר ה-Flex‏ C. ‏Wrap‏ D. כיוון האובייקטים ב-Flex Layout‏ E. ‏Vertical Spacing F. ‏Horizontal Spacing G. ‏Padding  H. ‏Justification I. יישור האובייקטים ב-Flex Layout‏ 

Width ו-Height

אפשר לשלוט בנפרד בגודל של קונטיינרים של Flex Layout וגם בגודל של הקונטיינרים הצאצאים ששייכים להם. עבור קונטיינר של Flex Layout, הרוחב והגובה יכולים להיות:

  • Fixed: הגודל של הקונטיינר לא משתנה, בלי קשר לתוכן שלו.
  • Auto: הגודל של הקונטיינר גדל או קטן בהתאם לגודל של הצאצאים.

עבור רכיב צאצא של Flex Layout (כולל קונטיינרים מקוננים של Flex Layout):

  • Fixed: הגודל של הצאצא לא משתנה, בלי קשר לתוכן שלו.
  • Auto: הגודל של הצאצא מסתגל בהתאם לתוכן או לצאצאים שלו.
  • Fill Space: הרכיב הצאצא מתרחב כדי למלא את המרחב הזמין שנותר באותו ממד, תוך חלוקת המרחב עם רכיבים צאצאים אחרים באותה רמה שנבחרה עבורם האפשרות Fill Space.

‏Wrap‏

מפעיל או מכבה את הגלישה של האובייקט בקונטיינר.

Direction

בחירת אופן הזרימה של פריטים בתוך הקונטיינר (שורות, שורות – הופכי, עמודות, עמודות – הופכי).

Spacing

שליטה ברוחב השוליים ובריווח.

  • Padding: הגדרת הריווח בתוך הקונטיינר מכל הצדדים (למעלה, למטה, משמאל ומימין).
  • Horizontal Spacing : הגדרת ריווח עקבי בין פריטים בציר האופקי.
  • Vertical Spacing : הגדרת ריווח עקבי בין פריטים בציר האנכי.

Justification

שליטה בפיזור של הפריטים לאורך הציר הראשי.

השורה מתיישרת לפי תחילת רכיב ה-Flex Layout והפריטים מתיישרים לפי תחילת השורה.

השורה מתיישרת לפי מרכז רכיב ה-Flex Layout והפריטים מתיישרים לפי מרכז השורה.

השורה מתיישרת לפי סוף רכיב ה-Flex Layout והפריטים מתיישרים לפי סוף השורה.

מיישר פריטים בשורות כך ש-

  • מרחב שווה משני הצדדים של כל פריט.
  • לפריטים בשוליים יש רק צד אחד חשוף. המרחב בשוליים הוא חצי מהמרחב בין הפריטים.

מיישר פריטים בשורות כך ש-

  • הפריט הראשון צמוד לשולי ההתחלה והפריט האחרון צמוד לשולי הסיום.
  • שאר הפריטים מרווחים בצורה שווה רק ביניהם.
  • הפריטים מתפזרים בצורה שווה לאורך הציר הראשי, כך שהפריט הראשון בהתחלה והפריט האחרון בסוף.
  • ללא פער בשוליים החיצוניים.

מיישר פריטים בשורות כך ש-

  • מרווח שווה בכל מקום: בין הפריטים ובשוליים.
  • הכל באמת שווה.

Alignment

הפריטים מיושרים לרוחב הציר החוצֶה: Top‏, Center‏, Bottom או Left,‏ Center,‏ Right.

Top Left: השורות מיושרות לפי צד שמאל בחלק העליון של קונטיינר ה-Flex Layout ופריטים בתוך השורה מיושרים לפי צד שמאל בחלק העליון של השורה.

Center Left: השורות מיושרות לפי צד שמאל במרכז קונטיינר ה-Flex Layout, והפריטים מיושרים בתוך השורה לפי צד שמאל במרכז השורה.

Bottom Left: השורות מיושרות לפי צד שמאל בתחתית של קונטיינר ה-Flex Layout והפריטים מיושרים בתוך השורה לפי צד שמאל בתחתית השורה.

Top Center: השורות מיושרות לפי המרכז בחלק העליון של קונטיינר ה-Flex Layout ופריטים בתוך השורה מיושרים לפי המרכז בחלק העליון של השורה.

Center: השורות מיושרות לפי המרכז של קונטיינר ה-Flex Layout והפריטים מיושרים בתוך השורה לפי מרכז השורה.

Bottom Center: השורות מיושרות לפי המרכז בתחתית של קונטיינר ה-Flex Layout והפריטים מיושרים בתוך השורה לפי המרכז בתחתית השורה.

Top Right: השורות מיושרות לפי צד ימין בחלק העליון של קונטיינר ה-Flex Layout ופריטים בתוך השורה מיושרים לפי צד ימין בחלק העליון של השורה.

Center Right: השורות מיושרות לפי צד ימין במרכז קונטיינר ה-Flex Layout והפריטים מיושרים בתוך השורה לפי צד ימין במרכז השורה.

Bottom Right: השורות מיושרות לפי צד ימין בתחתית של קונטיינר ה-Flex Layout והפריטים מיושרים בתוך השורה לפי צד ימין בתחתית השורה.

מחווני בחירה בפריסות Flex

InDesign משתמש ברמזים חזותיים כדי לעזור לכם להבין מצבי בחירה בפריסות Flex:

  • קווי מתאר מנוקדים מציינים רמות פריסה לא פעילות.
  • קווי מתאר מלאים מציינים מסגרות אחיות הניתנות לבחירה.
  • כלי הבחירה הישירה מאפשר לכם לבחור מסגרות מקוננות ישירות ללא לחיצות חוזרות.

המחווים הללו עוזרים להבהיר היררכיה ומיקוד בחירה בעת עבודה עם פריסות מקוננות.

ריווח ומרווחים על בד הציור

פריסות Flex מספקות פקדים אינטראקטיביים על הבד להתאמת ריווח ומרווחים:

  • Linked padding: התאימו את כל ארבעת ערכי הריווח יחד.
  • Unlinked padding: התאימו כל צד בנפרד.
  • Horizontal and vertical spacing: שנו מרווחים ישירות בין פריטים, כולל שורות או עמודות עטופות.

מחווים חזותיים על הבד משקפים ערכים נוכחיים ומתעדכנים בזמן אמת בלוח Flex Layout.

שינוי והטיית מסגרות Flex Layout (פריסה גמישה)

כעת תוכלו לסובב, לשקף, לשנות קנה מידה או להטות Flex Layout מבלי להפריע לפעילותו. טרנספורמציות חלות הן על מסגרות ה-Flex ההורה והן על מסגרות מקוננות, והלוח Flex Layout נשאר פעיל בזמן שאתם מבצעים טרנספורמציות על אובייקטים. זה מאפשר לכם להתאים יישור, ריווח, גלישה וכיוון תוך כדי ביצוע טרנספורמציות על פריסות, מבלי לשבור את מבנה ה-flex.