RTL · שלב 5
אייקונים והיפוך במראה בממשק עברי
בממשק עברי חלק מהאייקונים צריכים להתהפך וחלק לא. השאלה שעוזרת להחליט: האם האייקון מבטא כיוון קריאה, סדר או תנועה קדימה, או שהוא מצייר חפץ אמיתי?
העיקרון: כיוון קריאה מול חפץ אמיתי
Apple ו-Material Design מנסחות את אותו רעיון במילים שונות. אייקון שמבטא את כיוון הקריאה, את סדר הפריטים או תנועה קדימה ואחורה, מתהפך יחד עם הממשק. אייקון שמצייר חפץ מהעולם האמיתי, סימן אוניברסלי או כיוון פיזי אמיתי, נשאר כמו שהוא.
Apple מוסיפה הבחנה חשובה: פקד שמתייחס לכיוון אמיתי על המסך, למשל "הזז ימינה", ממשיך להצביע ימינה גם בעברית. חץ "הבא" מתהפך, כי הוא מבטא סדר ולא כיוון פיזי.
אייקונים שמתהפכים
| אייקון | למה | בעברית |
|---|---|---|
| חזרה (Back) | תנועה אחורה בסדר המסכים | מצביע ימינה |
| הבא והקודם | סדר | "הבא" מצביע שמאלה |
| חץ בכרטיס או ברשימה (chevron) | מעבר למסך הבא | מצביע שמאלה |
| פס התקדמות וסליידר | התקדמות מערך לערך | מתמלא מימין לשמאל, והאייקונים בקצוות מתחלפים |
| רמקול עם גלי קול | כיוון התנועה | הגלים יוצאים לצד השני |
| שורות טקסט מיושרות, רשימה, הזחה | מייצגים טקסט | מיושרים לימין |
| אייקון צ'אט עם שורות | טקסט מיושר | מתהפך |
| אופניים או דמות בתנועה | תנועה קדימה | פונים שמאלה |
אייקונים שלא מתהפכים
- לוגואים וסימנים אוניברסליים: למשל סימן וי (checkmark). Apple מבקשת לשמור על מראה אחיד.
- חפצים מהעולם האמיתי: שעון, עיפרון, מצלמה, מקלדת, אוזניות, שלט משחק. כלים של יד ימין לא צריכים היפוך.
- שעון וחצים שמסתובבים עם כיוון השעון: לפי Material, גם רענון ואייקון היסטוריה נשארים כמו שהם.
- כפתורי ניגון ופס ההתקדמות של נגן: לפי Material הם מבטאים את כיוון המדיה ולא את כיוון הזמן, ולכן נשארים משמאל לימין.
- חיפוש (זכוכית מגדלת): Material מציינת שהידית למטה מימין נשארת, כי רוב המשתמשים ימניים.
- לוכסן של "כבוי" או "אסור": ברוב המקרים נשאר כמו שהוא.
- גרפים ותרשימים: לפי Material לא מתהפכים.
מקרים מיוחדים
- אייקונים עם אותיות: סמלים שמציגים טקסט, כמו חתימה או עיצוב טקסט, צריכים גרסה עם אות עברית ולא היפוך במראה. Apple ממליצה, אם האות לא קשורה לקריאה או כתיבה, להחליף אותה בציור בלי טקסט.
- תגיות (badges): Apple נותנת דוגמה של עגלת קניות עם סימן פלוס בפינה. בממשק הפוך, השארת התג באותה פינה יוצרת חוסר איזון, ולכן מעבירים אותו לפינה השנייה.
- כלי בתוך אייקון: כשהופכים אייקון בסיס, הכלי שבתוכו (למשל עיפרון) שומר על הכיוון שלו.
- תמונות ואיורים: לא הופכים במראה. אם הכיוון חשוב לתוכן, מכינים איור חדש. Apple מזכירה שהיפוך של יצירה מוגנת עלול גם לפגוע בזכויות.
איך עובדים עם זה בעיצוב ובקוד
- סמנו כל אייקון בספריית האייקונים, סמנו לכל אייקון אם הוא "מתהפך" או "קבוע". זה חוסך ויכוח בכל מסך מחדש.
- צרו גרסה הפוכה בפיגמה, אייקון שמתהפך יכול לקבל Variant עם מאפיין כיוון. ראו Components ו-Variants.
- השתמשו בשמות לוגיים Apple מציעה סמלים בשם forward ו-backward במקום left ו-right, שמתהפכים אוטומטית. אותו רעיון עובד גם בשמות של רכיבים.
- בקוד, הפכו לפי כיוון אפשר לסובב אייקון מתהפך רק כשהעמוד מימין לשמאל, באמצעות בורר כיוון ב-CSS. אייקונים קבועים לא מקבלים את הכלל.
- בדקו מסך אמיתי עברו על מסכי ניווט, נגן, טפסים ורשימות בעברית, וחפשו חץ שמצביע לכיוון הלא נכון.
הכללים הכלליים של פריסה וכיוון נמצאים במדריך עיצוב RTL.
שאלות נפוצות
האם הופכים את חץ החזרה בממשק עברי?
כן. לפי Apple, בממשק מימין לשמאל כפתור החזרה מצביע ימינה, וכפתורי הבא והקודם מתהפכים.
האם הופכים את כפתור הניגון (Play)?
לפי Material Design לא: כפתורי ניגון ופס ההתקדמות של נגן מבטאים את כיוון המדיה ונשארים משמאל לימין. יש מערכות עיצוב אחרות שממליצות אחרת, ולכן חשוב לבחור כלל אחד ולהיות עקביים.
האם הופכים אייקון שעון?
לא. Apple ו-Material ממליצות לא להפוך חפצים אמיתיים כמו שעון, ו-Material מציינת שגם חצים שמסתובבים עם כיוון השעון נשארים כמו שהם.
מה עושים עם אייקון שיש בו אות לטינית?
לא הופכים אותו במראה. מכינים גרסה עם אות עברית, או מחליפים את האות בציור, לפי ההמלצה של Apple.
מקורות
- Right to left · Apple Human Interface Guidelines
- Bidirectionality · Material Design
- Structural markup and right-to-left text in HTML · W3C Internationalization
נבדק מול המקורות לאחרונה ב־10 בנובמבר 2026. מצאתם טעות? כתבו לנו.