הפיכת התוכן שלך לגלילה ב- Figma כרוכה בניווט בלשונית הצד. למרבה הצער, זה לא מופיע אוטומטית בממשק המשתמש הראשי. תוכן שניתן לגלול שימושי כאשר אתה רוצה להציג מידע רב במסגרת העיצוב שלך. כמה דוגמאות כוללות דפי נחיתה, ממשקי אפליקציות או חלונות קופצים.
מאמר זה יסביר כיצד להפוך את עיצובי Figma לניתנים לגלילה.
התאמת טקסט ניתן לגלילה בתוך צורה
נתחיל ביצירת טקסט שניתן לגלול בתוך צורה פשוטה. זוהי הדוגמה הנפוצה ביותר לטקסט שניתן לגלול, ותוכל להוסיף מאפיינים אחרים כמו צבע, גופנים וקווי מתאר לאחר מכן.
הנה איך זה נעשה:
האם לפלוטו טלוויזיה יש ערוצים מקומיים
- צור צורה בסיסית. עבור דוגמה זו, אנו ממליצים ליצור מלבן אנכי. אתה יכול לעשות זאת על ידי בחירת כלי המלבן בסרגל הצד השמאלי או באמצעות הפקודה 'R'. החזק שמאל, לחץ על נקודת קנבס וצייר את הצורה.
- בסרגל הצד הימני, מתחת ללשונית העיצוב, סמן סימון לצד האפשרות 'תוכן קליפ'.
- בחר בכלי הטקסט כדי ליצור תיבת טקסט והצב אותה בתוך המסגרת הניתנת לגלילה. הקלד או העתק-הדבק כל תוכן שאתה משתמש בו.
- בחר את המסגרת ועבור לכרטיסיית האב-טיפוס בצד ימין של הממשק שלך. לאחר מכן, בחר באפשרות 'גלילת יתר' ואת הסגנון שאתה מעדיף. כאן נבחר 'גלילה אנכית'.
ברגע שאתה לוחץ על אפשרות הגלילה על הצפה בכרטיסיית האב-טיפוס, ישנם מספר סגנונות. אנו בוחרים את האנכי מכיוון שאנו משתמשים במלבן אנכי כדוגמה. זה מאפשר לך לקרוא את הטקסט מלמעלה למטה. חלק מהסגנונות האחרים כוללים:
- גלילה אופקית - משתמשים יכולים לגרום לטקסט שלהם לגלול משמאל לימין בחלק מהדוגמאות. אפשרות זו עדיפה אם אתה יוצר עיצובים בפורמט גינון.
- ללא גלילה - אם ברצונך לנעול את התוכן שלך במקום, בחר באפשרות ללא גלילה.
- שני הכיוונים - צור עיצוב עם הרבה תוכן וגלול גם אנכית וגם אופקית.
עליך להשתמש בתכונות הניתנות לגלילה בתוך העיצוב שלך כדי למזער את המאמץ (קליקים) שהקורא שלך משתמש בו בזמן אינטראקציה עם התוכן. הם יכולים להחליק או להשתמש בגלגל העכבר במקום ללחוץ או להקיש על טונות של טקסט.
כיצד לעצב את הרכיבים הניתנים לגלילה
בהתאם למוצר שלך, תצטרך לעצב את מסגרת התוכן שלך ואת התוכן עצמו. התהליך כולל הוספת צבע, גופנים ורכיבים נוספים לעיצוב הכולל. שינוי אלמנטים אלה קל, אך בחירת האסתטיקה הנכונה דורשת שיקול דעת מדוקדק.
כיצד לשנות את הגופן של העיצוב הניתן לגלילה
הדבר הראשון שתצטרך לעשות הוא לשנות את הגופן בעיצוב הניתן לגלילה. Figma מציעה מגוון רחב של סגנונות לבחירתך. הנה השיטה הפשוטה ביותר:
- בחר את התוכן במסגרת הניתנת לגלילה שברצונך לשנות.
- נווט אל התפריט הנפתח בפינה השמאלית העליונה ובחר בו.
- גלול בין הגופנים עד שתמצא את הגופן שבו תרצה להשתמש.
אם למותג שאתה מעצב עבורו יש טיפוגרפיה מסוימת, סביר להניח שתבחר באותה אחת כדי שתתאים לתדמית המותג. אם יש לך יותר מקום להתנועע, עליך להתנסות בדוגמאות שונות לפני שתבחר את הדוגמה הנכונה.
כמה שיקולים כוללים:
- כוונת עיצוב - בחירת טיפוגרפיה צריכה להתאים לכוונת העיצוב שלך. אם אתה רוצה להעביר הרבה מידע בצורה ברורה, כוון לגופנים פחות דקורטיביים אך אלגנטיים.
- רכיבים אחרים - הגופן שלך הוא אלמנט ויזואלי כמו כל אלמנט אחר בעיצוב שלך. זה צריך להתאים למסגרת ולרכיבים אחרים שאתה כולל.
- אסתטיקה ומיתוג כללית - התחושה הכללית של המותג צריכה להשפיע גם על הגופן שבחרת. לדוגמה, שירות משלוחי פרחים לא יכלול אותו גופן כמו דף נחיתה של SAAS.
בעוד שבחירה בגופן הנכון עשויה לדרוש ניסוי מסוים, כמה דוגמאות גופנים קונקרטיות הן האפשרויות האמינות ביותר:
- Roboto - אם אתה רוצה לשחק בו בטוח, השתמש ב-Roboto. זה נחשב לגופן רב תכליתי ונייטרלי עם יישומים רבים. מכיוון שזה כל כך קל להבנה, רבים בוחרים ב-Rototo עבור הוראות ודפי נחיתה.
- Poppins - לקבלת פנייה ידידותית אך מודרנית ונקייה, בחר Poppins. גופן זה מעוגל יותר והופך את הטקסט לאטרקטיבי וקל לקריאה.
- Raleway - כאשר מעצבים עבור מותג יוקרה מתוחכם, כדאי לשקול את Raleway. זה בדרך כלל דק אבל יש לו וריאציות משקל שונות ומראה אלגנטי כולל.
- לאטו - ידידותי, אמין ורציני הן המילים הנכונות לתאר את הגופן הזה. מעצבים יכולים להשתמש ב-Lato עבור כותרות וטקסטים של פסקה שבהן קריאות ובהירות הן הדאגות העיקריות.
תרצה גם לשקול את גודל הגופן וסגנון הטקסט שבחרת. בדרך כלל, מודגש משמש לכותרות או להדגשה של קטעים, בעוד שכתוביות נטויות משמשות למרכאות.
שינוי צבע צורת המסגרת
מלבד שינוי הגופן, תרצה גם לשנות את צבע צורת המסגרת שלך. שוב, הגוון המדויק יהיה תלוי במותג שאתה מעצב עבורו או באסתטיקה שלך. למרבה המזל, הממשק של Figma הופך את בחירת הצבע לקלה.
כך תוכל לשנות את צבעי המסגרת שלך:
- בחר את המסגרת שברצונך לערוך.
- השכבה תופיע בסרגל הצד הימני. נווט אל הקטע 'מילוי'.
- בחר ב-'+' כדי להוסיף מילוי.
- חלון בוחר צבעים ייפתח. בחר את צבע המילוי והשיפוע. אתה יכול גם להקליד קוד hex אם אתה יודע את הגוון המדויק.
כמו עם אלמנטים עיצוביים אחרים, ייתכן שתצטרך להתנסות עם צבעים שונים ואיך הם נראים עם הגופן שבחרת.
שאלות נפוצות
האם יש פקודת טקסט ניתנת לגלילה ב- Figma?
למרבה הצער, אין פקודה להפוך טקסט לגלילה בתוך Figma. עם זאת, אתה יכול להשלים את התהליך בכמה קליקים בלבד באמצעות השיטה המוזכרת לעיל.
איך אני מחליט איזו אפשרות גלישה אני רוצה?
זה תלוי בסוג הטקסט שבו אתה משתמש, בעיצוב הכללי ובפונקציה שלו. הסגנון האנכי בדרך כלל טוב לרחיפה בטקסטים גדולים.
איזה ממשק מכשיר יצטרך בדרך כלל עיצוב טקסט שניתן לגלול?
דוגמה טובה תהיה דגמי עיצוב לאפליקציה. משתמשים יכולים ליצור טלפון כמסגרת הכללית, בעוד שהטקסט הניתן לגלילה יכול להיות הממשק של האפליקציה.
האם Figma היא הבחירה הטובה ביותר להכנת עיצובים ניתנים לגלילה?
Figma הוא אחד הכלים הטובים ביותר להכנת מגוון רחב של צורות, כולל עיצובים ניתנים לגלילה. יותר טוב, Figma בחינם. עם זאת, ייתכן שיש לך העדפות אישיות מסוימות. נסה להתנסות בכמה פלטפורמות, כגון Adobe Illustrator, עד שתמצא את הכלי המתאים לך ביותר.
הפוך את העיצובים שלך לניתנים לגלילה וידידותיים למשתמש
יצירת כל טקסט בתוך מסגרת ב- Figma היא קלה. כל שעליך לעשות הוא לבחור את המסגרת ולאחר מכן לעבור לאפשרות תוכן הקליפ. לאחר השלמת, אתה יכול לבחור את אפשרויות הגלילה שלך. כמו כן, אל תזניח אלמנטים עיצוביים חיוניים אחרים, כגון צבע וצורת המסגרת וגופן הטקסט. הפיכת העיצוב שלך לגלילה היא בחירה מצוינת עבור דפי נחיתה, ממשקי אפליקציות וחלונות קופצים. זה מקל על דפדוף טקסטים במקום לחיצה, ובסופו של דבר מגביר את חווית המשתמש.
האם היה לך קל להפוך את התוכן שלך לגלילה ב- Figma? מה לגבי בחירת הגופן הנכון? ספר לנו בקטע ההערות למטה.
