עיצוב גרפי | התמחות בעיצוב לדיגיטל ו – UX/UI שימוש בכלים וטכנולוגיות AI

חטיבה ראשונה | ביצועיסט לתוכנות גרפיות מתקדמות | 305 שעות לימוד

יסודות העיצוב הגרפי

30

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

טיפוגרפיה

20

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

תורת הצבעים

10

מדוע נבחר בצבע אחד ולא באחר או בשילוב צבעים ספציפי?

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

תכונות הקו והצורה

10

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

Adobe Illustrator CC

45

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

Adobe Photoshop CC

60

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

צילום דיגיטלי

10

• התפתחות המצלמות הדיגיטליות
• כיצד פועלת מצלמה תיקוני צילום?
• היכן נמצא תמונות לעבודה
• זכויות יוצרים

איור וציור אנלוגי

5

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

יסודות העימוד

10

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

InDesign CC Adobe

35

• מאפייני הדף
• שילוב אובייקטים
• עבודה עם מלל ועריכתו
• דפי אב
• מספור אוטומטי
• יצוא לפורמט PDF
• קיצורי דרך וטיפים

UI

עיצוב ממשק משתמש

35

• עיצוב חווית משתמש – User Interface
• עיצוב אתר (רספונסיבי)
• עקרונות בעיצוב אינטראקטיבי

נגישות

5

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

פרויקט גמר בעיצוב והבאה לדפוס

30

פרויקט

• יצירת מיתוג מלא  לחברה: לוגו, כרטיס ביקור, ניירת ועוד
• תערוכת אמצע (בחינה פנימית מול מרצה)
• תערוכת פרויקט גמר (בחינה חיצונית של משרד העבודה והרווחה)

חטיבה שניה | התמחות בדיגיטל – UI/UX | 170 שעות לימוד

סדנת AI

10

• יסודות ה-AI
• זכויות יוצרים
• סוגי מערכות AI
• בניית הנחיות מפורטות (Prompt)
• עבודה עם DELL-E 2 ו Midjourney

UX
אפיון ממשק משתמש

15

• אפיון חווית משתמש ((User Experience –
  תכנון ועיצוב מוצר דיגיטלי ארכיטקטורת מידע באמצעות תוכנות  ADOBE XD וFigma-
• מחקר קהל יעד – מתודולוגיות מחקר לזיהוי צרכים של קהלים שונים
• שימוש בפרסונות וסיפורי משתמשים לצורך קבלת החלטות
• ניתוח סיפורי משתמשים
• עקרונות ליצירת Wireframes
• הנעה לפעולה וקבלת החלטות
• אסטרטגיה, מחקר והשראה
• ארכיטקטורת מידע
• היררכיה ותעדוף מסכים

UI
עיצוב ממשק משתמש

15

• עיצוב ממשק משתמש (User Interface) –
  תכנון ויזואלי של המסכים באמצעות תוכנותADOBE XD  ו- Figma
• דפוסי עיצוב והתנהגות
• קוגניציה ועיצוב
• עקרונות תפישה חזותית בעיצוב מסכים
• סטיילגייד ( STYLE GUIDE)
• SYSTEM DESIGN
• UI PATTERNS
• סגנונות עיצוב UI

עיצוב לאפליקציות (Apps Design)

15

• חווית משתמש בעולם הסמארטפון
• סוגי אפליקציות
• מתודולוגית העיצוב בעולם הניידים – iPhoneAndroid 
• מגבלות האדם ופתרונות באמצעות עיצוב ותכנון
• אנימציה לטובת עיצוב מכוון אינטראקציה
  **ילמד באמצעות תוכנות  ADOBE XD וFigma-**

עיצוב מערכות (דשבורד)

15

• אינפוגרפיקה – סוגים ומבנה
• פתרונות לקהלי יעד ומשתמשים שונים
• פתרונות עיצוב ותוכן למסכים מרובי מידע
  **ילמד באמצעות תוכנות  ADOBE XD וFigma-**

עיצוב לאתרים

15

• עיצוב רספונסיבי / עיצוב אדפטיבי
• תכנון ועיצוב ממשק מנצח
• ניווט ושמירה על היררכיה בעזרת עיצוב
• היררכיה וסידור תוכן
• עיצוב אינטראקטיבי והנעה לפעולה
  **ילמד באמצעות תוכנות  ADOBE XD וFigma-**

HTML

20

• שפת 5 HTML הינה שפת תכנות פשוטה המשתמשת בתגיות. השפה נועדה בעיקר לעיצוב עמודי אינטרנט. שפה זו מנחה את הדפדפן באיזו צורה עליו להציג את הפריטים בדף.
• התנהגות בסיסית של סוגי תגיות
• כותרות וטקסט
• תמונות ווידאו
• טבלאות
• בנית טבלאות דינאמיות על ידי שימוש ב- div
• יצירת טפסים וקישורים
• שימוש בפלטפורמות און ליין ליצירת HTML
• הטמעת ובניית SVG  ב- HTML
• John Bryce Online Academy –  HTML + CSS כ- 20 שעות

CSS3

15

• היכולת לעצב את הדף שעימדנו בעזרת HTML לפי בחירתנו
• מודל הקופסא
• רזולוציות שונות
• Icons
• Background images
• CSS3 Media Queries
• Colors and gradients
• Positions and Float
• אנימציות ומעברים

WordPress & Elementor

30

• מבוא לבניית אתרים ושרתי אחסון
• תבניות / טמפלטים ועבודה מולם
• עיצוב האתרים במערכת WordPress
• שימוש וניהול מערכת ניהול תוכן
• הכרות ועבודה עם תוספים של WordPress
• מבוא לקידום אתרים
• ניהול משתמשים במערכת
• עבודה ושימוש עם עורך ויזואלי
• עיצוב ובנית אתרים ב- Elementor

הכנה מקצועית לשוק העבודה

5

הכנה לקראת שוק העבודה בתחום:

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

עריכת תיק העבודות

5

• איכות מול כמות. מה חשוב יותר?
• מה כדאי לכלול בתיק עבודות?
• מה חשוב לדעת בעיצוב של תיק עבודות?

פרויקט גמר |
עיצוב ובניית אתר

20

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