figma-CH004

4

Arranging Objects | ‫ארגון אובייקטים‬

‫בחירת אובייקטים‬

‫בחירה בכלי ההזזה (‪ Move‬בחירה בקיצור ‪ )V‬תאפשר לנו לבחור אובייקטים במסמך באמצעות לחיצה בודדת‬
‫עליהם‪ ,‬כשבחירה באמצעות מקש ‪ Shift‬תאפשר לסמן מספר אובייקטים בו זמנית‪ .‬עם זאת יש לשים לב שמקש‬

‫‪ Shift‬לא רק שהוא מוסיף לבחירה‪ ,‬אלא הוא גם יכול לבטל בחירה של אובייקט מסומן‪.‬‬

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

‫שינוי גודל‬

‫לאחר בחירת האובייקט ניתן באמצעות כלי ההזזה לשנות את גודל האובייקט (יש להחזיק ‪ Shift‬על‪-‬מנת‬
‫לשמור על הפרופורציות שלו)‪.‬‬

‫‪34‬‬

‫דרך נוספת לשנות גודלו של אובייקט‪ ,‬היא על ידי הקלדת המידות הרצויות שלו בחלון ‪ Design‬בצדו הימני‬
‫של חלון התוכנה‪ .‬בשדות ‪( W‬רוחב) ו‪( H-‬גובה) ניתן להקליד את המידות הרצויות‪ ,‬כשסימון אייקון השרשרת‬

‫ישמור על הפרופורציות ביניהם‪.‬‬

‫סיבוב‬

‫כלי ההזזה מאפשר גם לסובב אובייקטים‪ ,‬במידה שנמקם את הסמן מחוץ למסגרת האובייקט המסומן‪ .‬את‬
‫האובייקטים ניתן לסובב בקפיצות קבועות של ‪ 15‬מעלות אם נחזיק ‪ Shift‬תוך כדי סיבוב‪.‬‬

‫דרך נוספת לשנות זווית של אובייקט‪ ,‬היא על ידי הקלדת זווית הסיבוב הרצויה בחלון ‪ Design‬בצדו הימני של‬
‫חלון התוכנה‪ .‬ערך חיובי יסובב את האובייקט נגד השעון וערך שלישי יסובב אותו עם כיוון השעון‪.‬‬

‫‪35‬‬

‫הזזת אובייקטים‬

‫אובייקט שסימנו ניתן להזזה באמצעות כלי ההזזה‪ .‬בעזרת קווי העזר החכמים (‪ )Smart Guides‬ניתן להזיז‬
‫את האובייקט על ציר ישר‪ .‬את זה ניתן לעשות גם באמצעות החזקת מקש ‪ Shift‬בעת הזזת האובייקט‪.‬‬

‫אם נגרור את האובייקט ביחד עם החזקת מקש ‪ ,Alt‬נשכפל את האובייקט‪ .‬החזקת המקשים ‪Alt+Shift‬‬
‫תשכפל את האובייקט ותמקם אותה על אותו ציר‪ .‬לאחר השכפול הראשוני ניתן להשתמש בצירוף המקשים‬

‫‪ ,CTRL+D‬על‪-‬מנת להמשיך את אותו רצף‪.‬‬

‫סידור עצמים‬

‫סדר האובייקטים במסמך (איזה אובייקט ממוקם למעלה ואיזה אובייקט ממוקם מאחור) נקבע לפי סדר הבנייה‬
‫שלהם‪ .‬האובייקט הראשון להיבנות יהיה האובייקט התחתון ביותר ואילו האובייקט האחרון להיבנות יהיה‬

‫האובייקט העליון ביותר‪ .‬כדי לשנות מיקום של אובייקט בציר ה‪ Z-‬יש ללחוץ עליו באמצעות קליק ימני בעכבר‪,‬‬
‫ולבחור באחת מהפקודות הבאות‪:‬‬

‫‪36‬‬

‫בחירה ב‪ Bring Farward-‬תמקם את האובייקט (אייקון פייסבוק) מעל האובייקט שממוקם כרגע מעליו‪.‬‬

‫בחירה באפשרות ‪ Bring to Front‬תמקם את האובייקט (אייקון פייסבוק) מעל כל האובייקטים במסמך‪.‬‬

‫בחירה ב‪ Send Backward-‬תמקם את האובייקט (אייקון פייסבוק) מתחת האובייקט שממוקם כרגע מתחתיו‪.‬‬

‫בחירה באפשרות ‪ Send to Back‬תמקם את האובייקט (אייקון פייסבוק) מתחת לכל האובייקטים במסמך‪.‬‬

‫יישור ופיזור עצמים‬

‫אחד הכלי החשובים בארגון אובייקטים‪ ,‬הוא האפשרות ליישר (‪ )Align‬ולפזר (‪ )Distribute‬אובייקטים אחד‬
‫ביחס לשני‪ .‬אפשרויות אלו מצויות בחלון העיצוב בצדה הימני של התוכנה‪.‬‬

‫האייקונים הגלויים בשלב זה הם רק אפשרויות היישור (‪ .)Align‬במידה שנסמן אובייקט בודד‪ ,‬היישור‬
‫שלו יהיה ביחס לפריים שבו הוא ממוקם‪ .‬לעומת זאת‪ ,‬אם נסמן יותר מאובייקט אחד‪ ,‬היישור ייעשה בין‬

‫האובייקטים לבין עצמם‪ .‬שלושת האייקונים השמאליים מאפשרים יישור אופקי (יישור של אובייקטים‬
‫שממוקמים על ציר אנכי‪ ,‬זה מעל זה)‪ .‬שלושת האייקונים הימניים מאפשרים יישור אנכי (יישור של אובייקטים‬

‫שממוקמים על ציר אופקי‪ ,‬זה ליד זה)‪.‬‬

‫‪37‬‬

‫בתפריט הצדי של חלון היישור אפשר למצוא את שתי פקודות הפיזור‪ .‬הפקודה ‪Distribute Horizontal‬‬
‫‪ Spacing‬תפזר במרחקים שווים אובייקטים שממוקמים זה לצד זה‪ .‬לעומת זאת‪ ,‬הפקודה ‪Distribute‬‬
‫‪ Vertical Spacing‬תפזר במרחקים שווים אובייקטים שממוקמים זה מעל זה‪.‬‬

‫טיפ!‬

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

‫באמצעות גרירת האייקונים הוורודים והעגולים שבמרכז האובייקטים‪ ,‬נוכל להחליף מיקום בין‬
‫האובייקטים‪.‬‬

‫איחוד עצמים‬

‫כדי ליצור קבוצה של אובייקטים‪ ,‬יש לסמן מספר עצמים ולבחור בפקודה ‪ Group Selection‬באמצעות קליק‬
‫ימני על האובייקט‪ .‬ניתן גם להשתמש בקיצור ‪.Ctrl+G‬‬

‫הפקודה ‪ Ungroup‬תפרק את הקבוצה (באמצעות לחיצה ימנית) וניתן גם להשתמש בקיצור ‪.Ctrl+Shift+G‬‬

‫‪38‬‬

‫שימו לב שניתן לערוך אובייקט בתוך קבוצה באמצעות לחיצה כפולה עליו‪ ,‬ללא צורך בפירוק הקבוצה‪.‬‬

‫‪Boolean Groups‬‬

‫במידה שנסמן שני אובייקטים או יותר‪ ,‬נוכל לחבר אותם לאובייקט מורכב‪ ,‬בעל סט תכונות אחיד (צבע‪ ,‬קו‬
‫וכדומה)‪ .‬חשוב לזכור שתמיד ניתן לערוך את האובייקטים שיצרו את האובייקט באמצעות לחיצה כפולה על‬
‫האובייקט‪ .‬כדי ליצור אובייקט מורכב‪ ,‬נסמן מספר אובייקטים (לפחות ‪ )2‬וניגש לתפריט ‪.Boolean Groups‬‬

‫ישנן ‪ 4‬פעולות שונות בחלון‪ .‬הפקודה הראשונה נקראת ‪ Union Selection‬והיא יוצרת מהאובייקטים‬
‫המסומנים מסלול אחד‪ ,‬בעל התכונות של האובייקט העליון ביותר מאלו שסימנו‪.‬‬

‫הפקודה השנייה נקראת בשם ‪ Subtract Selection‬והיא מפחיתה את האובייקטים העליוניים מהאובייקט‬
‫התחתון ביותר‪ ,‬על‪-‬מנת ליצור אובייקט אחד בעל התכונות של האובייקט התחתון ביותר מאלו שסימנו‪.‬‬

‫הפקודה השלישית משמאל נקראת בשם ‪ Intersect‬והיא משאירה את האיזור החופף בין האובייקטים שסימנו‪.‬‬

‫הפקודה הרביעית משמאל נקראת בשם ‪ Exclude‬והיא יוצרת אובייקט אחד עם חורים באיזורים החופפים‬
‫הזוגיים בין האובייקטים שסימנו‪.‬‬

‫במידה שנסמן אובייקט מורכב שיצרנו ונבחר בפקודה האחרונה ברשימה‪ Flatten Selection ,‬לא נוכל יותר‬
‫לערוך את האובייקטים המקוריים‪ ,‬באמצעות לחיצה כפולה על האובייקט‪.‬‬

‫‪39‬‬

‫מיקום יחסי של אובייקטים‬

‫חלון ‪ Constrains‬שבצדה הימני של התוכנה‪ ,‬מאפשר לנו לקבוע כיצד יתנהגו האובייקטים הממוקמים‬
‫בפריים‪ ,‬בעת שינוי גודלו של הפריים‪ .‬באמצעות החלון‪ ,‬ניתן לעגן את המיקום שלהם לצירי הפריים השונים‪,‬‬

‫או להגדיר שגודלם ישתנה ביחד עם גודל הפריים‪.‬‬

‫בדוגמה שלפנינו‪ ,‬המלבן השחור של ה‪ ,Nav-‬מוגדר שבציר האופקי הוא ישנה את רוחבו (‪ Scale‬בציר ה‪ ,)X-‬אך‬
‫בציר האנכי הוא רק ישמור על מיקומו היחסי לחלק העליון (‪ )Top‬של הפריים‪.‬‬

‫בציר האופקי ניתן לבחור באפשרויות‪ ,Left :‬שמירת המיקום לפי צד שמאל של האובייקט‪ ,‬ביחס לפריים‪.‬‬

‫‪40‬‬

‫‪ ,Right‬שמירת המיקום לפי צד ימין של האובייקט (התמונה)‪ ,‬ביחס לפריים‪.‬‬

‫‪ ,Left & Right‬שמירת המיקום לפי צד ימין של האובייקט וצד שמאל של האובייקט‪ ,‬ביחס לפריים‪ ,‬כולל‬
‫הגדלה של האובייקט (הכפתור בדוגמה) במידת הצורך‪.‬‬

‫‪ ,Center‬שמירת המיקום של האובייקט‪ ,‬לפי המרכז האופקי של הפריים‪.‬‬

‫‪41‬‬

‫‪ ,Scale‬שינוי רוחב האובייקט (הכפתור בדוגמה) בהתאם לרוחב הפריים‪.‬‬

‫בציר האנכי ניתן לבחור באפשרויות‪ ,Top :‬שמירת המיקום לפי חלקו העליון של האובייקט‪ ,‬ביחס לפריים‪.‬‬
‫‪ ,Bottom‬שמירת המיקום לפי חלקו התחתון של האובייקט (התמונה)‪ ,‬ביחס לפריים‪.‬‬

‫‪ ,Top & Bottom‬שמירת המיקום לפי חלקו העליון של האובייקט וחלקו התחתון של האובייקט‪ ,‬ביחס לפריים‪,‬‬

‫‪42‬‬

‫כולל שינוי גודל של האובייקט (התמונה) במידת בצורך‪.‬‬

‫‪ ,Center‬שמירת המיקום של האובייקט (התמונה)‪ ,‬לפי המרכז האנכי של הפריים‪.‬‬

‫‪ ,Scale‬שינוי גובה האובייקט (הכפתור בדוגמה) בהתאם לגובה הפריים‪.‬‬

‫טיפ!‬

‫שינוי גודל פריים‪ ,‬תוך כדי החזקת המקש ‪ ,CTRL‬יתעלם מכל הגדרות ה‪ Constrains-‬של האובייקטים‬
‫שממוקמים בפריים‪.‬‬

‫מסכות‬

‫מסכה היא אובייקט מיוחד שמאפשר למקם בתוכו את כל האובייקטים שממוקמים מעליו‪ ,‬כשהם נחתכים לפי‬
‫הצורה שלו‪ .‬כדי ליצור מסכה‪ ,‬יש ליצור לפחות שני אובייקטים עם חפיפה ביניהם‪ .‬יש לשים לב שהאובייקט‬
‫שנרצה שיהיה המסכה‪ ,‬צריך להיות מתחת לאובייקט שנרצה למסך‪.‬‬

‫‪43‬‬

‫בדוגמה הבאה מיקמתי תמונה במרכז המסך ועליה כתבתי את האות ‪ .H‬לצבע האובייקט אין משמעות‪ ,‬איך יש‬
‫לשים לב שהוא יאבד את כל האפקטים החזותיים שלו‪.‬‬

‫כדי שהאות תהיה המסכה שבה תמוקם התמונה‪ ,‬יש למקם אותה מאחורי התמונה‪ ,‬לסמן אותה וללחוץ על‬
‫כפתור ‪ Mask‬בחלקו העליון של החלון‪.‬‬

‫טיפ!‬

‫לאחר יצירת המסכה‪ ,‬כל אובייקט שנמקם מעל המסכה‪ ,‬ייכנס גם הוא לגבולות המסכה‪ .‬כדי להימנע‬
‫מכך‪ ,‬מומלץ להפוך את המסכה ואת האובייקט‪/‬ים הממוסכ‪/‬ים לקבוצה (‪.)Group Selection‬‬

‫חלון השכבות‬

‫‪ Figma‬יכולה להכיל מספר רב של פריימים‪ .‬כל פריים יכול להכיל אובייקטים מרובים ומסוגים שונים‪ :‬תמונות‪,‬‬
‫פריימים אחרים‪ ,‬אובייקטים וקטוריים ועוד‪ .‬כדי להקל על היכולת לשלוט בכל האובייקטים והפריימים‪ ,‬מומלץ‬

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

‫‪44‬‬

‫קבוצות‪ ,‬קבוצות בוליאניות ועוד‪.‬‬

‫לחיצה על שכבה בחלון‪ ,‬תסמן אותו במסמך עצמו‪ ,‬גם אם הוא שייך לקבוצה‪ .‬באמצעות גרירת האובייקטים‬
‫בחלון למעלה ולמטה ניתן לשלוט בסדר שלהם (קדימה או אחורה)‪ ,‬ולכל שכבה ניתן להעניק שם באמצעות‬

‫לחיצה כפולה על שמה‪.‬‬
‫לחיצה על אייקון המנעול‪ ,‬מימין לשם השכבה‪ ,‬תנעל‪/‬תסיר נעילה של השכבה ולחיצה על אייקון העין‪ ,‬מימין‬

‫לאייקון המנעול תסתיר‪/‬תציג אותה‪.‬‬

‫טיפ!‬

‫שימו לב לאייקון שממוקם משמאל לשם השכבה‪ .‬לכל סוג שכבה אייקון משלה‪ ,‬מה שיעזור לנו עוד יותר‬
‫בארגון העצמים שבפריים‪.‬‬

‫‪45‬‬