סדנת עיצוב אתרים וחווית משתמש
סדנת עיצוב אתרים וחווית משתמש במכללה לשיווק דיגיטלי
הסדנה מיועדת לבוני אתרים בעלי יכולת פיתוח אבל עם חסך בראייה עיצובית, שיודעים לשחרר עבודות רק בתנאי ויש להם ליווי של מעצב, ומרגשים שהגיע הזמן לשחרר אותו. בסדנה נלמד לפתח עין עיצובית ונלמד כיצד למקסם את חווית המשתמש באתר.
נעים מאוד, אני חוליאן טרומפר
ואני המרצה של סדנת עיצוב אתרים וחווית משתמש
מומחה לשיווק דיגיטלי בעל עסק לבניית אתרים וקידום אתרים
אני מרצה לפיתוח אתרים ושיווק דיגיטלי, מוסמך Google Academy וטוב בלהסביר, להדגים ולפשט תכנים. לאחר שזכיתי להרצות על קידום אתרים ושיווק דיגיטלי במספר קורסים ומכללות מובילות לרבות ביחידה ללימודי המשך של הטכניון, במכללה לניו מדיה, בחוג לתקשורת של המכללה למנהל ועוד, אני נרגש להגיש לכם את הקורס לבניית אתרים שפיתחתי לאחר צבירת ניסיון של מספר שנות הדרכה בתחום.
תוכן הסדנה:
שיעור 01: מבוא לעיצוב אתרים וחווית משתמש
- מה הקשר בין עיצוב האתר וחווית המשתמש ליחס הנטישה של הגולשים?
- דוגמה לעיצובים שלא מעבירים נכון את המסר
- מהם היסודות לעיצוב אתרים וחווית משתמש?
שיעור 02: פונטים
- מה זה טיפוגרפיה?
- מהו פונט?
- מהם סוגי הפונטים הקיימים?
- מתי כדאי לעשות שימוש בפונט ממשפחת סריף בבניית אתרים?
- מתי לא כדי לעשות שימוש בפונט ממשפחת סריף בבניית אתרים?
- מתי כדאי לעשות שימוש בפונט ממשפחת סן-סריף?
- פונטים מיוחדים – למה הם משמשים?
- איך להשתמש בפונטים בעת עיצוב האתר ועיצוב וחווית המשתמש?
- מה לא לעשות בפונטים בעת עיצוב אתר ועיצוב חווית משתמש?
- באילו פונטים עבריים אלמנטור משתמשת?
- איכן ניתן למצוא פונטים בחינם ופונטים בתשלום להתקנה באתר?
שיעור 03: פונטים מותאמים אישית
- איך מורידים פונטים בחינם למחשב?
- איך מעלים את הפונטים לאתר דרך אלמנטור?
- איך מעלים את הפונטים לאתר דרך וורדפרס?
- איך להשתמש בפונטים בעת עריכת האתר?
- אחידות ושפה עיצובית
- שמירה על קו עיצובי אחד בעניין הגדלים והמשקלים של הפונטים
- מה לא לעשות עם הגדלים והמשקלים של הפונטים?
- סטנדרט תקין לגובה שורה
- סטנדרט תקין לרווח שבין האותיות
- איך הצבעים תורמים לנו לעיצוב האתר וחווית המשתמש?
- איך בוחרים את הצבעים לאתר?
- מהי תאוריית הצבעים?
- אילו מסרים שיווקיים ניתן להעביר באמצעות צבעים?
- דוגמאות לשימוש בצעים להעברת מסרים
- כיצד יש לחלק את הצבעים באתר?
- גלגל הצבעים
- צבעים ראשיים, משניים ושלישוניים
- צבעים קרים וצבעים חמים
- פורמולות לשילוב צבעים
- פורמולה מונוכרומטית
- פורמולה אנלוגית
- פורמולה קומפלימנטרית
- כדי להימנע מעומס צבעים באתר
- עיצוב תוך שימוש בניגודיות
- מה הקשר בין ניגודיות להנגשת אתרים?
- איך אפשר למדוד מהו ציון ההנגשה של האתר?
- עיצוב תוך המנעות מצבעים בעלי אפקט ויברציה
- שימוש בצבעים אוניברסליים על מנת להעביר פידבקים לגולשים
שיעור 09: קומפוזיציה
- מהי קומפוזיציה?
- Proximity
- White Space
- Alignment
- Hierarchy
- Repetition
שיעור 10: אלמנטים
- קווים: מה המטרה של הקווים, מה הסוגים שלהם ודוגמאות לשימוש בקווים.
- צורות: אילו סוגי צורות יש לנו ובאיזה סוג להתשמש? דוגמאות
- צורות תחת מימדיות: מהם המטרות של צורות תלת מימדיות? דוגמאות
שיעור 11: טקסטורה
- מה זה טקסטורה?
- מה התפקיד של טקסטורה?
- איך טקסטורה באה ליידי ביטוי בעיצוב אתרים?
- איך מיישמים טקסטורה בעיצוב האתר?
- איך הטקסטורה קשורה לחווית משתמש?
- דוגמאות למספר טקסטורות והשימוש שלהם
שיעור 12: איזון
- מה זה איזון ומה הקשר שלו לעיצוב וחווית משתמש?
- ממה איזון יכול להיות מושפע?
- שיטות לשליטה באיזון האתר
- דוגמא לאיזון
היחס האישי
על אף שמדובר בקורסים המועברים באופן מקוון, אתם אף פעם לא תרגישו לבד. לסטודנטים שלנו יש קהילה שמנהלת שיחות יומיומיות בקבוצות הוואטסאפ והפייסבוק שלנו, וכמו כן צוות המרצים זמין עבורכם למתן סיוע וייעוץ.
