Studio Editor: הוספה ואפיון של אפקטים של טקסט
4 דקות
אפקטים של טקסט מאפשרים לכם לקשט את האתר של הלקוח עם כותרות וכיתובים שמושכים תשומת לב. האלמנטים האלה ניתנים להתאמה אישית מלאה ומאפשרים לקבוע עד כמה הטקסט יהיה עדין או בולט. בחרו ממגוון אפקטים מעוצבים מראש והתאימו את העיצוב לשאר חלקי העמוד.
הוספת אפקט טקסט
בחלונית Add Elements יש מגוון אפקטים אומנותיים של טקסט. כל אפקט נותן גוון מיוחד ונותן אופי ייחודי לאתר של הלקוחות. האפקטים האלה הם רק נקודת ההתחלה - אתם יכולים לאפיין ולערוך אותם כך שיתאימו לשאר חלקי האתר.
כדי להוסיף אפקט טקסט:
- ב-editor הקליקו על Add Elements
(הוספת אלמנטים) משמאל. - הקליקו על Text (טקסט) או Decorative (דקורטיבי).
- הקליקו על Text Effects (אפקטים של טקסט).
- גררו אל העמוד את אפקט הטקסט שבחרתם.
- כתבו את הטקסט:
- הקליקו על אלמנט אפקט הטקסט.
- הקליקו על Change Text (שינוי הטקסט).
- הכניסו את הטקסט.
עיצוב אפקט הטקסט
אפקטים של טקסט ניתנים להתאמה אישית מלאה, ומאפשרים לכם להתאים את העיצוב לצרכים ולחזון המדויקים של הלקוחות. לכל אפקט יש סט ייחודי של הגדרות עיצוב, הזמינות בחלונית ה-Inspector. בדקו אפשרויות כמו צבעים, שכבות ותזוזה כדי להבליט את האפקט.
כשעובדים עם נקודות ברייקפוינט:
הגדרות העיצוב משתדרגות מנקודות הברייקפוינט הגדולות ביותר, אבל אתם יכולים לערוך אותן בנקודות הברייקפוינט הקטנות יותר במידת הצורך.
כדי לעצב את אפקט הטקסט:
- בחרו את אלמנט אפקט הטקסט.
- הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה)
.
- בהתאם לאפקט הטקסט שבחרתם, ערכו את ההגדרות הזמינות תחת Design (עיצוב):
- Color / Fill colors: בחרו את הצבעים שמרכיבים את האפקט. בהתאם לאפקט הספציפי, אתם יכולים לבחור צבע בודד או כמה צבעים, או להפעיל גרדיאנט.
- Layering (שכבות): ערכו את השכבות הוויזואליות כדי ליצור עומק בעיצוב. הגדירו את מספר השכבות הרצוי, הגדירו את הצבעים שלהן, שנו את הזווית והמרווח ביניהן לקבלת אפקט מותאם.
- Bevel angle: שנו את הזווית כדי לשלוט באופן האור והצללות, וליצור מראה תלת-ממדי בקצוות הטקסט.
- Stripe: ערכו את הגודל, הזווית והעובי של הפסים.
- Movement (תנועה):הפעילו את המתג כדי להוסיף אפקט אנימציה שמופיע במעבר עם העכבר. הגדירו את המהירות באמצעות פס ההזזה כדי להאיץ או להאיץ את האנימציה.
- Mask: שנו את מיקום המסיכה ואת רמת הטשטוש כדי לקבוע כמה מהטקסט יוצג או יטושטש.
- Glow: להגדיל או להקטין את הזוהר מסביב לטקסט.
- Border: הגדירו את צבע והרוחב של המסגרת שיקשרו את הטקסט.
- Shadow: שנו את הצבע, הזווית, הטשטוש והמרחק של הצללה.
הערה: באפקטים מסוימים, צבע הצללית מתאים אוטומטית לצבעי המילוי שתבחרו. - Text: שנו את הפונט, הגודל, השימוש באותיות רישיות ועוד. פרטים נוספים על אפשרויות עיצוב הטקסט בסעיף למטה.
טיפ:
אתם יכולים להוסיף אנימציה כדי להפוך את אפקט הטקסט לדינמי עוד יותר. הקליקו על הלשונית Animations and Effects (אנימציות ואפקטים) 
בחלונית ה-Inspector כדי להוסיף כל אחת מהאנימציות הבאות: Entrance (כניסה), מעבר עם עכבר (hover), קליק, גלילה, לופ או אפקט עכבר.
בחלונית ה-Inspector כדי להוסיף כל אחת מהאנימציות הבאות: Entrance (כניסה), מעבר עם עכבר (hover), קליק, גלילה, לופ או אפקט עכבר. עיצוב הטקסט
בחרו את הפונט, המרווח, היישור והגדרות העיצוב האחרות כדי להבטיח שהעיצוב משתלב בצורה חלקה באתר הלקוח.
כדי לשנות את עיצוב הטקסט:
- בחרו את אלמנט אפקט הטקסט.
- הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .
- הקליקו על Text תחת Design (עיצוב).
- שנו את הגדרות העיצוב הזמינות:
- את אלמנט הטקסט הזה צריך להוסיף לסגנון טיפוגרפיה.
- שנו את הפונט ואת גודל הפונט:
- התאימו את מרווח התווים האופקי והאנכי.
- הכניסו את הטקסט למודגש או נטוי.
- יישרו את הטקסט.
- לשנות את השימוש באותיות רישיות (לדוגמה להפוך את הטקסט רק לאותיות קטנות).
טיפ בנושא נגישות:
אם אלמנט אפקטי הטקסט הוא דקורטיבי בלבד, כלומר, הוא לא כולל מידע חשוב לקוראי מסך, סמנו את תיבת הסימון שליד This text is only דקורטיבית.
