design system
איך לבנות ולתחזק דיזיין סיסטם
סדנה למעצבי UX - עם סער גיל
2 מפגשים בזום
יום ג' | 18.6.24 | י"ב בסיון
יום ה' | 20.6.24 | י"ד בסיון
9:30-12:00
שעתיים וחצי כל מפגש
260 ₪
במקום 1200 ₪
הסדנה באה לתת כלים ליצירת דיזיין סיסטם מאפס בפיגמה בצורה יעילה ונכונה, ולתקשר את זה בתוך צוות העיצוב ומול הפיתוח.
בסדנה נראה כמה זה פשוט לעבוד עם היכולות של פיגמה, נתחיל ביסודות על ידי שימוש בערכים של variables ליצירת לוגיקה והורשה בצבעים, טיפוגרפיה, מידות וגריד ונמשיך בשימוש ביכולות של אוטו-לייאאוט לבניית קומפוננטות מורכבות עם וריאנטים ליצירת רספונסיביות אוטומטית.
את כל זה נחבר לצרכים של הפיתוח מבחינת טרמינולוגיה והנחיות להטמעה ונלמד איך ליצור תיעוד ללוגיקה ולהחלטות שיצרנו, כולל מבנה להתמצאות של כולם במערכת.
בסדנה נשלב תרגול מעשי על קובץ טמפלט בפיגמה שהכנו ודוגמאות מהשטח.
אודות המרצה:
סער בעל ניסיון עשיר של למעלה מ-15 שנים באפיון ועיצוב ממשקי משתמש מורכבים. במהלך התקופה, סער עבד כשכיר וכעצמאי עם מגוון חברות וסטרטאפים במגוון רחב של תחומים. במהלך השנים, הקים צוותי עיצוב ופיתוח מתודולוגיות לייעול תהליכי עבודה תוך שיתוף פעולה עם צוותי הפרודקט והפיתוח.
סער אוהב ללמד ולפתח את קהילת העיצוב בארץ, ולכן תמיד משלב ארגון כנסים, הובלת קורסים, והנחיית הרצאות וסדנאות בתחום.
סער אוהב ללמד ולפתח את קהילת העיצוב בארץ, ולכן תמיד משלב ארגון כנסים, הובלת קורסים, והנחיית הרצאות וסדנאות בתחום.
2 מפגשי זום הכוללים
מפגש #1
הקדמה לבניית Design System יציב
במפגש הראשון נעסוק בבניית היסודות ל-Design System יציב.
נתחיל בהבנת הקונספט של Atomic Design, שמאפשר לנו לפשט ולפרק את תהליך העיצוב לרכיבים בסיסיים ביותר, מהם ניתן לבנות מערכות עיצוב מורכבות יותר.
נלמד איך בונים פלטה צבעונית נכונה, שתהיה מגוונת ומאוזנת, ובמקביל תתאים לשימושים השונים במערכת.
נעמיק בהגדרת Tokens, שהם מרכיבי עיצוב קטנים וחשובים כמו צבעים, גופנים, מרווחים ועוד, שמאפשרים שמירה על אחידות ושימוש חוזר בעיצוב.
נדון גם בטיפוגרפיה, בבחירת אייקונים מתאימים, בהגדרת יחידות מידה ובבניית גריד שיאפשר סידור נכון ויעיל של הרכיבים על המסך.
כל אלה יהיו בנויים בצורה נכונה וסיסטמטית, כך שנוכל להשתמש בהם שוב ושוב בפרויקטים שונים ובשיתוף פעולה עם צוות הפיתוח.
בניית Auto Layout וקומפוננטות גמישות
בהמשך המפגש, נעמיק בבניית Auto Layout, כלי חשוב ליצירת עיצובים דינמיים וגמישים שמגיבים לשינויים במידע ובתוכן.
נלמד איך לבנות קומפוננטות בצורה מודולרית, כולל הגדרת Variables שמאפשרים להתאים את הקומפוננטות לצרכים שונים.
נדון בעדכונים החדשים בתחום זה, התומכים בבניית ספריה חזקה וגמישה, ונתמקד ביצירת Variables לטיפוגרפיה, שקיפות וגרדיאנטים.
כל אלה יאפשרו לנו לבנות Design System שמתקדם ומתאים את עצמו לשינויים טכנולוגיים ולעדכונים בעיצוב.
מפגש #2
שיטות קולבורציה ודקומנטציה
במפגש השני, נעמיק בשיטות קולבורציה, שיאפשרו לנו לעבוד בצורה יעילה ופרודוקטיבית עם צוותים שונים.
נלמד איך ליצור דקומנטציה לכל בחירה עיצובית שאנחנו עושים, כך שכל חברי הצוות יוכלו להבין את ההיגיון מאחורי העיצוב ולהשתמש בו בצורה נכונה.
נדון בשיטות להתמצאות במרחבים גדולים של עיצובים ומסכים, כדי שנוכל למצוא את הרכיבים הדרושים לנו במהירות וביעילות.
נלמד איך לתעד את תהליך העבודה, להכין את העיצובים לפיתוח ולפרסם אותם בצורה נכונה.
תרגול על קובץ טמפלייט
איפה?
בזום, מהמחשב בסטודיו
לינק להתחברות יישלח לנרשמות ערב לפני הסדנה
סדנת
יום ג' | 18.6.24 | י"ב סיון
בזום
האירוע למעצבות UX | 'הפורמה' הוא מיזם ללא מטרות רווח | המפגשים מיועדים למעצבות בעלי ניסיון בתחום | עלות מסובסדת: 260 ש"ח
הוקם בחדוות יצירה ע״י ריקי ברקוביץ & נעמי גלבך