שם השיעור: מה זה HEX ומה זה RGBA
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות גלובליות
מודול: בניית דף הנחיתה "קלין פרמייר"
מודול: טיפים וטריקים
מה נלמד בשיעור הזה?
- נבין מה הם הקודים של HEX ושל RGBA. נלמד על המבנה שלהם ועל המגוון העצום של האפשרויות
- נכיר את W3Schools.com ואת הכלים שהוא נותן לנו בתחילת הדרך
- נראה דוגמא איך לדגום בדיוק את הצבע Hex של וואטספ
- נלמד על איך להגדיר שקיפות בHex
- נבין את מבנה 3 הצבעים של Rgb ונבין את הערך אלפא (a) והשימוש בו דרך אלמנטור
וקצת יותר בפירוט...
בשיעור זה, נתעמק במושגים בסיסיים בתחום עיצוב אתרים, תוך התמקדות בקודים של HEX ו-RGBA, שהם שפות הצבע המרכזיות בעיצוב דיגיטלי. נבין כיצד HEX מבטא צבעים באמצעות שישה תווים הקשורים לקוד הצבעוני של אדום, ירוק וכחול (RGB), וכן נבחן את האפשרויות האינסופיות שהוא מאפשר, כולל שקיפות. RGBA, לעומתו, מוסיף את הערך אלפא (a) למבנה ה-RGB, מה שמאפשר לנו לשלוט בשקיפות בצורה מדויקת. שליטה בקודים אלו חיונית לעיצוב מדויק וקוהרנטי בכלי כמו אלמנטור.
במהלך השיעור נכיר את W3Schools.com, אתר מרכזי ללימוד כלי פיתוח ועיצוב אינטרנטי. האתר מספק מדריכים, כלים והתנסות מעשית בכל הנוגע לעיצוב צבעים, כולל שיטות להמרת קודים ושימוש בצבעים בעיצוב אתרים. נדגים גם כיצד לדגום צבעים באופן מדויק מתוך ממשקים קיימים, כמו הצבע HEX של וואטסאפ, שיספק לנו הבנה מעשית לשימוש במידע זה.
נעמיק בהבנת מבנה שלושת הצבעים (RGB) והערך הנוסף אלפא (a), המאפשר לנו לקבוע דרגות שקיפות בצבעים. שימוש מתקדם בכלים אלו בתוך אלמנטור יאפשר לכם לעצב אתרי וורדפרס ברמת דיוק גבוהה, תוך התאמה אישית לכל עיצוב. הבנה מעמיקה של HEX ו-RGBA תסייע לכם ביצירת עיצובים מקצועיים ומרשימים, שהם חלק בלתי נפרד מתהליך לימוד עיצוב אתרי וורדפרס.