עבודה עם שכבות ו-Z-Index

כאשר לתבנית שלך יש מספר אלמנטים - תמונות, טקסט, תמונות, שכבות-על - הם נערמים זה על גבי זה. שכבות ואינדקס z שולטים אילו אלמנטים מופיעים מלפנים ואילו יושבים מאחור.

מהו Z-Index?

Z-index הוא ה"עומק" של אלמנט. Z-index גבוה יותר = קרוב יותר לחזית. Z-index תחתון = אחורה יותר.

תחשוב על זה כמו ערימה של קלפים:

• רקע - תמיד בתחתית
• חריצי תמונה - באמצע
• טקסט וסמלי לוגו - למעלה
• שכבות-על - יכולות להיות על גבי או מאחורי תמונות, בהתאם לעיצוב שלך

כיצד לשנות את סדר השכבות

1. בחר אלמנט בעורך
2. השתמש ב-פקדי השכבה כדי להזיז אותו קדימה או אחורה
3. האפשרויות כוללות בדרך כלל:

• הבא לחזית — עבור לראש הערימה
• שלח לחלק האחורי — עבור לתחתית
• הזז קדימה — שכבה אחת למעלה
• זוז אחורה - שכבה אחת למטה

[צילום מסך: פקדי שכבה בעורך]

סידורי שכבות נפוצים

פריסה סטנדרטית

1. רקע (למטה)
2. חריצי צילום
3. טקסט
4. לוגו / גרפיקה (למעלה)

שכבת-על על גבי התמונות

1. רקע (למטה)
2. חריצי צילום
3. אלמנטים דקורטיביים (למעלה - לוגואים, גבולות, גרפיקה מעל התמונות)

אפקט מסגרת

1. רקע (למטה)
2. חריצי צילום
3. גרפיקת מסגרת / גבול (למעלה - יוצר אפקט מסגור סביב תמונות)

טיפים

• תמונות צריכות להיות בדרך כלל מאחורי טקסט וסמלי לוגו — כך שהמיתוג והמידע תמיד גלויים
• השתמש בשכבות-על בצורה אסטרטגית - מרקם חצי שקוף על גבי התמונות יכול להוסיף תחושה וינטג'ית או אמנותית
• תצוגה מקדימה של השכבות שלך - בדוק עם תמונות אמיתיות כדי לוודא שאלמנטים חשובים אינם מוסתרים מאחורי אחרים

עודכן בתאריך: 22/03/2026