שיעור 17 | טיפוגרפיה, צבעים ותמונות – העוגנים הוויזואליים של האתר

מדוזה+ שיעור 17

עיצוב מתחיל בטיפוגרפיה

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

איך בוחרים פונט נכון?

  • שפה: חייב לתמוך בעברית (ולא לקרוס).

  • ניקיון: כמה שיותר פשוט – יותר קריא.

  • זהות מותג: אתר של עורכי דין לא ייראה כמו אתר של מעצבת בגדים.

  • משקלים: פונט טוב מגיע עם כמה דרגות עיצוב – Regular, Medium, Bold…

דוגמה לפונטים מומלצים בעברית:
Assistant, Noto Sans Hebrew, Alef, Heebo

פרק 3

כללי זהב לטיפוגרפיה נכונה:

  • כותרות – גודל בולט (H1, H2…)

  • טקסט גוף – 16–18px, ריווח נדיב

  • קונטרסט גבוה בין טקסט לרקע

  • ריווח בין פסקאות

  • הדגשות במידת הצורך (לא כל שורה!)

צבעים: לא רק יופי – גם רגש

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

פסיכולוגיית צבעים בסיסית:

  • כחול – ביטחון, רוגע, מקצועיות (בנקים, ביטוחים)

  • ירוק – טבע, בריאות, איזון (רפואה משלימה, קיימות)

  • אדום – תשוקה, אנרגיה, אזהרה (מבצעים, מסעדות)

  • כתום – יצירתיות, חום, אנושיות

  • שחור – יוקרה, עוצמה

  • לבן – ניקיון, מודרניות, ריק מושכל (Whitespace)

כללים לפרקטיקה:

  • צבע ראשי אחד (Brand Color)

  • צבע משלים אחד

  • צבע רקע נייטרלי (לבן, אפור בהיר)

  • צבע אחד לקריאות לפעולה (CTA)

תמונות – הנשק הסודי של אתרים טובים

תמונה אחת שווה אלף מילים – אבל רק אם היא איכותית, מדויקת ומתאימה.

באיזה תמונות נשתמש?

  • תמונות אווירה שממחישות את מה שהעסק עושה

  • צילומי צוות/מוצר אמיתיים – אמינות מעל הכול

  • גרפיקות ייחודיות – כשיש תקציב, או עין עיצובית

טעות נפוצה: שימוש בתמונות סטוק מוגזמות ומצועצעות = חוסר אותנטיות

כלים מומלצים:

  • Unsplash / Pexels / Pixabay – תמונות חינמיות איכותיות

  • Canva / Figma – ליצירת גרפיקות מהירות

  • TinyPNG / Squoosh – לכיווץ תמונות בלי לאבד איכות

טיפים משלנו

  • השתמשו באותו סט צבעים בעמודים שונים – מיתוג = עקביות

  • שלבו כותרות ביניים – לנשימה ולסדר

  • אל תפחדו להשתמש בחללים ריקים – זה לא "ריק", זה חמצן

  • השקיעו בפינה העליונה השמאלית של האתר – העין נמשכת לשם קודם

  • אם אתם לא בטוחים – פשוט, תמיד עובד


🧠 מדוזה משתפת ניסיון:

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

רוצה שנתכנן את האתר שלך ביחד?

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

Facebook
X
LinkedIn
WhatsApp
Email
קורס seo קידום אתרים
admin
תמונה שווה אלף מילים (וגם דירוגים): אופטימיזציית תמונות ווידאו (Image & Video SEO)

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

קרא עוד »