חדש! Elementor
Experts Network — מצאו שותפים לדרך, קדמו והגדילו את העסק שלכם

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

הדס גולצאקר | ינואר 2020

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

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

אז איך בכל זאת בוחרים את הפונט המושלם? יש בכלל אחד כזה? ובכן, כן. יש פונט אחד מושלם שמתאים לאתר שלכם ממש כמו כפפה ליד. איזה פונט זה? שאלה טובה…

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

מה המסר?

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

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

נניח שאתם פיצרייה שהיא עסק משפחתי עם יותר מ-30 שנות ותק בתחום. מכיוון שיש הצפה של פיצריות בכל העולם, כנראה שתרצו להדגיש את הוותק והניסיון שלכם. לכן המילים שתבחרו לתיאור העסק שלכם יהיו "מקצועי, מסורתי, משפחתי". מכאן ניתן להסיק שלוח ההשראה שלכם יכלול תמונות בסגנון משפחתי יותר (ולא בהכרח תמונות מקצועיות). אלה יכולות להיות תמונות בסטייל וינטג'/שחור־לבן, הצבעוניות תהיה יותר "יציבה" עם צבעים כהים ו"כבדים" יותר. כדי להשלים את המראה הנכון, כנראה שתבחרו בפונטים שהם יותר "סריפים" או "סקריפטים", שמשדרים קצת יותר חום ואופי ונחשבים לסטייל קלאסי ומסורתי.

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

ההבדלים בין משפחות הפונטים

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

סריף

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

בלאק־לטרינג

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

סלאב־סריף

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

סנס־סריף

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

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

כתיבה ידנית

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

תצוגה/דקורטיבי

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

אמ;לק, העתיקו והדביקו על שולחן העבודה שלכם:

 

מה צריך לזכור כשמתחילים בתהליך הבחירה של הפונט?

סריף

קלאסי ורשמי (מתאים לטקסטים וכותרות)

בלאק־לטרינג

גותי (מתאים בעיקר לכותרות)

סלאב־סריף

היפסטרי ומודרני (מתאים לכותרות וקטעי טקסט קצרים)

סנס־סריף

מודרני (יכול להתאים לכותרות ומשפטים קצרים או לגוף הטקסט, תלוי בסוג הפונט)

כתיבה ידנית

אישי (מתאים לכותרות וקטעי טקסט קצרים של כמה שורות)

תצוגה/דקורטיבי

בעל מטרה מסוימת (מתאים לכותרות או לשורות טקסט ייעודיות)

שימו לב שלא משנה באיזה פונט תבחרו, חשוב במיוחד לשמור על "כלל האצבע" שקובע:

בפרויקט לא יהיו יותר משלושה פונטים, אלא אם יש סיבה ממש טובה לכך.

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

בחירת פונטים, צ'ק ליסט והשוואות

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

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

 

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

 

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

 

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

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

 

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

 

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

 

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

לסיכום

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

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

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

רוצים להיות כותבים במגזין שלנו?

הדס גולצאקר

מובילת הצמיחה של אלמנטור בישראל, מעצבת, FOODIE ומעריצה של סטפן סגמייסטר

אהבתם? שתפו.
שיתוף ב facebook
שיתוף ב twitter
שיתוף ב telegram
שיתוף ב linkedin
שיתוף ב whatsapp
שיתוף ב email

2 Responses

  1. אחת הכתבות הכי טובות שראיתי לגבי פונטים, ואחת שאפשר לשלוח ללקוחות שלא מבינים בפונטים. מסוג הדברים שכולנו מבינים באופן אינטואטיבי, אבל כאן זה מנוסח באופן מצויין, חייב לפרגן. 🙌🏻
    רק הערה קטנה: אם כבר מדברים על פונטים – הכתבה תיראה יותר מקצועית אם במקום להדגיש פסקאות עם BOLD היא תעשה שימוש בכותרות (כמו ב״לסיכום״).

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

רוצים להיות כותבים במגזין שלנו?

אין שום בעיה! מלאו את הטופס פה למטה
ואנחנו נהיה איתכם בקשר ממש בקרוב!

רוצים להיות חלק מאלמנטור?

אין שום בעיה! מלאו את הטופס פה למטה
ואנחנו נהיה איתכם בקשר ממש בקרוב!

בואו לגדול במקום הנכון - בזמן הנכון