שיעור 1

יסודות – קומפוזיציה והיררכיה

ההבדל בין היררכיה לקומפוזיציה

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

היררכיה ויזואלית

היררכיה היא הדרך שבה המעצב אומר לצופה: "תסתכל כאן קודם, אחר כך כאן, ובסוף כאן". ללא היררכיה, העיצוב נראה כמו "רעש" והמסר הולך לאיבוד.

איך יוצרים היררכיה ויזואלית?

  • גודל (Scale): האלמנט הכי גדול הוא תמיד הכי חשוב. (דוגמה: כותרת ענקית בעיתון לעומת כותרת משנה).
  • צבע וניגודיות (Contrast): אובייקט צבעוני על רקע אפור ימשוך את העין מיד. צבע חם (אדום/כתום) "קופץ" קדימה יותר מצבע קר.
  • טיפוגרפיה: שימוש במשקלים (Bold מול Light).
  • קרבה (Proximity): אלמנטים קרובים נתפסים כשייכים לאותה קבוצה.
  • תמונה: תמיד מושכת יותר מהכל

דוגמאות להיררכיה ויזואלית

חוק השלישים

חלוקת הדף ל-9 ריבועים שווים. הנחת אובייקטים בנקודות המפגש יוצרת עניין טבעי.הטעות של מתחילים היא לשים הכל בדיוק במרכז. חוק השלישים גורם לעיצוב להיראות מקצועי ופחות "סטטי".

חוק השלישים

ההיגיון: העין האנושית נוטה לנדוד לנקודות המפגש של הקווים (הקרויות "נקודות כוח") ולא למרכז הגיאומטרי.

יישום: אם יש לנו דמות של אדם, נמקם את העיניים שלו באחת מנקודות המפגש העליונות. אם מדובר בנוף, נמקם את קו האופק על השליש התחתון (כדי להדגיש שמיים) או השליש העליון (כדי להדגיש אדמה).

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

דוגמאות לחוק השלישים

איזון סימטרי / אנסימטרי

איזון לא אומר "שוויון", אלא חלוקה נכונה של "משקל ויזואלי".
סימטרי - משדר יוקרה ושקט
מול אנ-סימטרי (משדר אנרגיה ותנועה)

יציבות מול עניין

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

דוגמאות לסימטריה

שיעור 2

פסיכולוגיה של צבעים

השפה הסמויה מהעין

המוח שלנו מקשר צבעים לחוויות הישרדותיות ותרבותיות:
מה מעלה בך הצבע האדום | כחול | ירוק | צהוב | שחור
ואיך זה יכול להפוך לשימוש בעסקים כספים וכו'

אדום - דחיפות, תשוקה, אנרגיה

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

כחול - אמון, מקצועיות, רוגע

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

ירוק - צמיחה, בריאות, טבע

למה? מזכיר צמחייה רעננה. משדר פוריות ומרגיע את העין.

שימוש עסקי: מוצרים אורגניים, חברות דלק שמנסות להיראות "ירוקות", ותחומי איכות הסביבה.

צהוב - אושר, תשומת לב, חיוניות

למה? צבע השמש. הוא הכי בולט ביום-יום.

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

שחור - יוקרה, כוח, מסתורין

למה? משדר עומק ומינימליזם.

שימוש עסקי: מותגי על (שאנל, אדידס, אפל). פחות זה יותר.

 

גלגל הצבעים

צבעים משלימים (Complementary)

 צבעים שנמצאים אחד מול השני בגלגל (למשל: כתום וכחול).

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

צבעים מונוכרומטי (Monochromatic)

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

צבעים בלוגיים - לדוגמא

לחץ כאן

צבעים אנלוגיים (Analogous)

צבעים אנלוגיים (Analogous): צבעים שנמצאים אחד ליד השני בגלגל (למשל: ירוק, ירוק-בהיר וצהוב).

    • התוצאה: מראה הרמוני, נעים לעין וזורם.
    • מתי נשתמש? בעיצובים שצריכים לשדר רוגע ושלווה (כמו אתר של ספא).

תוכנה

קיצורי מקלדת | שיכפול | שיכפול מהיר | יישורים

שיעור 3

טיפוגרפיה

משפחת פונט סריפי - Serif

מאפיינים: אותיות עם קווים קטנים בקצוות (צ'ופצ'יקים).

פסיכולוגיה: משדר מסורת, יוקרה, יציבות, רצינות ואקדמיה.

שימוש: עיתונים (הארץ, New York Times), ספרי קודש, ספרי ילדים – נוח לקריאה, מותגי אופנה עילית (Vogue, Rolex).

משפחת פונט סנס סריפי - Sans Serif

מאפיינים: אותיות נקיות, ישרות ומודרניות.

פסיכולוגיה: משדר חדשנות, נגישות, הייטק, יעילות ופשטות.

שימוש: אפליקציות (WhatsApp, Google), חברות טכנולוגיה, שילוט בדרכים.

כתב יד - Script

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

זהירות: לא מתאים לטקסט ארוך! שורה שתיים לא מעבר

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

דקורטיבי - Decorative

פסיכולוגיה: פונטים עם "קטע" (נוטף דם, נראה כמו לגו, פונט של מערב פרוע).

שימוש: כותרות, לוגואים. – במחשבה תחילה

זהירות: קשה לקרוא מהם טקסט רץ.

פונט שקוף

מתאים להרבה אפשרויות מתאים לכותרת וטקסט רץ, אין לו אופי חזק לכן אפשר להתאים לו כמה שימושים

מושגי יסוד - ככה המקצוענים עובדים

Kerning (קרנינג):

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

Leading (לדינג):

הרווח בין שורות. (רווח גדול = אוויר ויוקרה. רווח צפוף = דחיפות ולחץ).

Tracking (טרקינג):

ריווח אחיד לכל המילה. (מילה עם טרקינג רחב משדרת "אצילות" ומרחב).

 

מילים מדברות

המוח קורא את ה"צורה" של המילה –  לפני שהוא קורא את המשמעות שלה.

בחירת הפונט משדר המון ממש כמו תמונה וצבע צריך לתת דעת על בחירת הפונט.

פונטים - רישיון חובה - חברות

פונטים לשימוש חופשי

אאא
בירזיה
גוגל

בפגישה אחת גם אתם תבינו שזה פשוט למכור יותר

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

אתם יכולים לשלוח הודעה או שפשוט נדבר לחיצה אתם שם

הפרטים התקבלו בהצלחה!

נחזור אליך בהקדם לתאום פגישה
בה נשב ונתכנן את האתר החדש שלך!
הפגישה ללא עלות וללא התחייבות