Studio Editor: בניית אתר רספונסיבי

ה-Studio Editor החדש הוא המקום האולטימטיבי עבור אנשי מקצוע שרוצים ליצור אתרים עם רספונסיביות מלאה שייראו טוב בכל מסך ומכשיר. הפיצ'רים החדשניים והמתקדמים של הפלטפורמה מאפשרים לכם ליצור אתרים רספונסיביים במהירות ודיוק.

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

Studio Editor מאפשר לכם להתאים אתרים לכל נקודת ברייקפוינט, כך שהם תמיד ייראו נהדר. נקודות ברייקפוינט הן טווחי רוחב של מסכים, שמייצגות מסכים ומכשירים אפשריים שגולשים נוטים להשתמש בהם (למשל טאבלט, מובייל). 

Studio Editor משתמש בקונספט מדורג בכל נוגע לעיצוב של נקודות ברייקפוינט שונות. שינויים בנקודות ברייקפוינט גדולות יותר משפיעים גם על נקודות ברייקפוינט קטנות יותר, אבל שינויים בנקודות ברייקפוינט קטנות יותר לא משפיעים על נקודות ברייקפוינט גדולות יותר. 

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

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

כל אלמנט מגיע עם התנהגות ברירת מחדל רספונסיבית (למשל Scale proportionally – שינוי גודל פרופורציונלי) שקובעת איך הגודל שלו ישתנה במסכים אחרים. זה מזרז מאוד את תהליך העיצוב, כי אתם לא צריכים לעבור על כל נקודת ברייקפוינט כדי להגדיר את הגודל.

מחלונית ה-Inspector (עריכה) אתם יכולים להתאים את ההתנהגות הרספונסיבית של האלמנט לצרכים שלכם. 

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

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

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

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