1. מה זה Frame?
Frame הוא משטח עבודה שמכיל אלמנטים כמו טקסטים, תמונות, כפתורים וצורות. משתמשים בו לבניית מסכי אתרים ואפליקציות.
2. יצירת Frame
- לחצו על מקש F.
- בחרו גודל מסך.
- בחרו Desktop או Mobile.
- התחילו להוסיף אלמנטים.
3. מבנה של מסך
מסך בסיסי כולל כותרת, אזור תוכן וכפתור.
כותרת האתר
4. התאמת מידות
- Desktop – מסך מחשב.
- Tablet – מסך טאבלט.
- Mobile – מסך טלפון.
- W ו-H – רוחב וגובה.
5. עבודה עם שכבות
כל אלמנט בתוך Frame מופיע ברשימת Layers. ניתן לשנות שמות, לסדר שכבות, לקבץ אלמנטים ולשלוט במיקום שלהם.
6. משימת תרגול
צרו Frame בגודל 1440×900. הוסיפו כותרת עליונה, אזור תוכן, תמונה מדומה וכפתור. לאחר מכן צרו Frame נוסף בגודל Mobile והתאימו אליו את העיצוב.
7. סיכום השיעור
למדנו ליצור Frames, לבחור מידות, לבנות מבנה מסך ולנהל שכבות. בשיעור הבא נלמד לעבוד עם Auto Layout וליצור עיצובים גמישים.